﻿html { background-color: #030000; font-family:arial,helvetica,sans-serif; }
body { font-size:100%; margin: 0px; padding: 0px; text-align:center; }

ul, li, img, body, html, p { margin: 0px; padding: 0px; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

.fc {float: none; clear: both; height: 0px; margin: 0; padding: 0; }
.right { text-align: right; }

/* Master page */
#mastercontainer { width: 1023px; margin: 0px auto; text-align: left; background: black; height: 100%; }

/* header */
#header { background-image: url(/images/HeaderBackground.png); background-repeat: no-repeat; height: 135px; position: relative;}
#header ul li { list-style-type: none; }

#headerlogo { display: block; position: absolute; top: 10px; left: 36px; }
#headerlogo a {color:#666666; font-size: 0.7em; font-weight:normal; text-decoration: none; }

#headernav{ border:none 0px black; font-size:0.8em; font-weight:normal; color:#8e8e8e; position: absolute; left: 115px; top: 90px; }
#headernav ul{ height:22px; margin: 0px; padding: 0px; border: none 0px black; }
#headernav li{ float:left; padding:0px; margin: 0px 16px 0px 0px; background: #C4C7C8; width: 125px; border: solid 1px black; position: relative; }
#headernav li a { color:#666666; display:block; font-weight:normal; line-height:22px; padding:0px; text-align:center; }
#headernav li a:hover{ color:#FFFFFF; text-decoration:none; }
#headernav li ul { background:#E0E0E0; display:none; height:auto; position:absolute; width:125px; z-index:200; border: solid 1px black; border-top: none; left: -1px; /*top:1em; left:0; */ }

#headernav li:hover ul{ display:block; margin-left: 0px; }
#headernav li li { display:block; float:none; padding:0px; width:125px; border: none; }
#headernav li ul a{ display:block; font-size:0.85em; font-style:normal; text-align:center; /* text-align:left; padding:0px 10px 0px 15px; */ }
#headernav li ul a:hover{background:#949494; color:#FFFFFF; }
#headernav p { clear:left; }
#headernav #current{ background: #080808 top left repeat-x; color:#FFFFFF; }

#headernav2 li {background: #C4C7C8; }

#headersearch { float: right; }

#headersearch{ border:none; border:0px; font-weight:normal; color:#8e8e8e; margin: 10px 25px 0px 10px; }
#headersearch ul{ height:22px; }
#headersearch li{ padding:0px 4px; margin: 5px 0px; background: #C4C7C8; border: solid 1px #F3F3F3; }
#headersearch li a { color:#666666; display:block; font-size: 0.7em; font-weight:normal; line-height:22px; padding:0px 25px; text-align:center; }
#headersearch li a:hover{ color:#FFFFFF; text-decoration:none; }
#headersearch li ul{ background:#e0e0e0; display:none; height:auto; position:absolute; width:125px; z-index:200; }

#headersearch li:hover ul{ display:block; }
#headersearch li li { display:block; float:none; padding:0px; width:125px; }
#headersearch li ul a{display:block; font-size:0.8em; font-style:normal; padding:0px 10px 0px 15px; text-align:left; }
#headersearch li ul a:hover{background:#949494; color:#FFFFFF; }
#headersearch p{ clear:left; font-size: 0.625em; }
#headersearch #current{ background: #080808 top left repeat-x; color:#FFFFFF; }

#headerShadow { position: absolute; top: 0; z-index: 50; }


/* General Content Area */
#middlearea { display: block; height: 589px; position: relative; }
#content { height: 589px; width: 743px; background-color: #FFFFFF; overflow: auto; }

#loginAndMisc { float: right; width: 280px; height: 589px; background: #931302; text-align: center; }
#loginbox { background: #BF301A; width: 232px; border: solid 1px #F3F3F3; margin: 17px auto; }
#logininnerarea { text-align: left; width: 200px; margin: 0px 16px; }
#logininnerarea, #logininnerarea a {color: #FFFFFF; }
#logininnerarea p { font-size: 1.25em; font-weight: normal; margin: 20px 0px 25px 0px; }

#loginuserprompt {font-size: 0.7em; font-weight: bold; margin: 0px 0px 18px 0px; }
#loginpasswordprompt {font-size: 0.7em; font-weight: bold; margin: 0px 0px 18px 0px; }
#loginaccountlinks {font-size: 0.7em; font-weight: bold; margin: 0px 0px 24px 0px; }
.loginleftcolumn { width: 76px; display: inline-block; }
.loginrightcolumn { width: 120px; display: inline-block; text-align: right; }
.loginleftlinkcolumn { width: 116px;display: inline-block; }
.loginrightlinkcolumn { width: 80px; display: inline-block; text-align: right; }

#logincreateaccount { text-decoration: underline; }
.loginloginlink { border: 1px solid #FFFFFF; padding: 2px 10px;}

#loginpromo { margin: 0px 0px 20px 0px; }
#copyright {color:#d6dAdC; font-size:8pt; padding-top:1em; text-align:center}

#frontburner { border: 1px solid #FFFFFF; margin: 0px auto; color: #FFFFFF; height: 180px; width: 232px; position: relative; }
#frontburnerbanner { position: absolute; right: 0px; top: 0px; border: 1px solid #FFFFFF; }
#frontburnercontent { width: 208px; height: 180px; vertical-align: middle; background-color: #575A5D; display: table-cell; }
#frontburnercontent a { text-decoration: none; color: #F3F3F3; }

/* footer */
#footerShadow { position: relative; top: -27px; z-index: 50; opacity: 0.4; filter:alpha(opacity=40); }

#footer { background-image: url(/images/FooterBackground.png); background-repeat: no-repeat; height: 115px; margin-bottom: 20px; padding: 0px 0px 0px 50px; position: relative; }
#footer ul li { list-style-type: none; }

#sitemap { font-size: 0.625em; height: 115px; }
#sitemap div, #sitemap img { float: left; padding: 10px; }
#sitemap a { text-decoration: none; color: #666666; }
#sitemap a:hover { text-decoration: underline }
#sitemap p a { color: #BF301A; text-decoration: none; }
#sitemap p a:hover { color: #BF301A; text-decoration: underline; }

#links { float: right; padding: 20px 20px 0px 0px; font-size: 0.7em; }
#links a {margin: 0px 5px; color: #666666; }
#links a:hover { text-decoration: underline; }
#footerbanner { position: absolute; top: 45px; right: 10px; font-size: 0.7em; color: #666666; }
#footerbanner img {vertical-align: middle; padding-left: 10px; }

/* *********** Page specific ************ */
/* Subpage globals */
.menuborder { height: 0.5em; border-top: dashed 1px #8E8E8E; border-bottom: dashed 1px #8E8E8E; border-left: none; border-right: none; }
.contentimage { margin: 0px 0px 15px 0px; }

/* Main Content */
.column {background-repeat: no-repeat;  height: 589px; float: left; display: block; overflow: hidden; position: relative; }
#column1 {width: 248px;}
#column2 {width: 248px;}
#column3 {width: 247px;}
 
.columncenter { height: 50px; position: absolute; top: 240px; padding: 0px 0px; color: white; z-index: 50; }
.columntitle { text-align: center; padding: 0px 0px; }
#columntitle1 { background-color: #C0311B; width: 248px; }
#columntitle2 { background-color: #575A5D; width: 248px; }
#columntitle3 { background-color: #808285; width: 247px; }

.columnExpand { height: 110px; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 0.875em; z-index: 50;display: none; letter-spacing: 1px;  }
#column1upper, #column1lower { background: #C0311B; padding: 5px 40px 5px 60px;  }
#column2upper, #column2lower { background: #575A5D; padding: 5px 40px 5px 65px; }
#column3upper, #column3lower { background: #808285; padding: 5px 40px 5px 50px; }

.columnupper { position: absolute; top: -120px; }
.columnupper div { height: 110px; display: table-cell; vertical-align: bottom;}
.columnlower { position: absolute; top: 50px; }

/* About Us and SubPages */
#aboutusmenu{ border:none; border:0px; font-size:0.8em; font-weight:bold; color:#8E8E8E; width: 100%; padding: 20px 0px; }
#aboutusmenu ul li { list-style-type: none; }
#aboutusmenu ul{ height:22px; margin-left: 50px;}
#aboutusmenu li{ float:left; padding:0px; margin: 0px; }
#aboutusmenu li a { color:#8E8E8E; display:block; font-weight:normal; line-height:22px; padding:0px 21px;}
#aboutusmenu li a:hover{ color:#000000; text-decoration:none; }
#aboutusmenu #current{ color:#BF301A; }

#aboutuscontent { font-size: 0.8em; color: #575A5D; }
#aboutuscontent h1 { font-size: 1.25em; color: #BF301A; font-family: Arial Narrow, Arial, Sans-Serif }
#aboutuscontent p { margin: 0px 0px 15px 0px; }
#aboutuscontent a { color: #575A5D; text-decoration: none; }
#aboutuscontent a:hover { color: #575A5D; text-decoration: underline; }

.aboutuscasenav { font-size: 0.8em; position: absolute; right: 5px; z-index: 51; margin-top: 10px; }
.aboutuscasenav a { color: #575A5D; text-decoration: none; padding: 0px 5px 10px 5px; }
.aboutuscasenav a:hover { color: #575A5D; text-decoration: underline; }

#aboutuscasestudy { font-size: 0.8em; color: #575A5D; padding: 20px 0px 0px 0px; }
#aboutuscasestudy h1 { font-size: 1.25em; color: #BF301A; font-family: Arial Narrow, Arial, Sans-Serif; margin: 0px; }
#aboutuscasestudy h2 { font-size: 1.0em; color: #BF301A; font-family: Arial Narrow, Arial, Sans-Serif; font-weight: bold; margin: 0px; padding: 0px; }
#aboutuscasestudy h3 { font-size: 1.0em;  font-weight: bold; margin: 0px; padding: 0px; }
#aboutuscasestudy p { margin: 0px 0px 15px 0px; }

#aboutuscaseimages { float:right; margin: 90px 0px 0px 10px; } 
#aboutuscaseimages img { border: none; border-width: 0px; margin: 0px 0px 5px 0px; } 

/* Services and Subpages */
#servicemenu{ border:none; border:0px; font-size:0.8em; font-weight:bold; color:#8E8E8E; width: 100%; padding: 20px 0px;}
#servicemenu ul li { list-style-type: none; }
#servicemenu ul{ height:22px; margin-left: 15px;}
#servicemenu li{ float:left; padding:0px; margin: 0px; }
#servicemenu li a { color:#8E8E8E; display:block; font-weight:normal; line-height:22px; padding:0px 20px;}
#servicemenu li a:hover{ color:#000000; text-decoration:none; }
#servicemenu #current{ color:#BF301A; }

#servicecontent { font-size: 0.8em; color: #575A5D; overflow: auto; }
#servicecontent h1 { font-size: 1.25em; color: #BF301A; font-family: Arial Narrow, Arial, Sans-Serif }
#servicecontent p { margin: 0px 0px 10px 0px; }
#servicecontent ol {padding: 0px 0px 0px 25px; font-size: 0.85em;}
#servicecontent a { color: #575A5D; text-decoration: none; }
#servicecontent a:hover { color: #575A5D; text-decoration: underline; }

/* Products and Subpages */
#productsmenu{ border:none; border:0px; font-size:0.8em; font-weight:bold; color:#8E8E8E; width: 100%; padding: 20px 0px;}
#productsmenu ul li { list-style-type: none; }
#productsmenu ul{ height:22px; margin-left: 5px;}
#productsmenu li{ float:left; padding:0px; margin: 0px; }
#productsmenu li a { color:#8E8E8E; display:block; font-weight:normal; line-height:22px; padding:0px 10px;}
#productsmenu li a:hover{ color:#000000; text-decoration:none; }
#productsmenu #current{ color:#BF301A; }

#productcontent { font-size: 0.8em; color: #575A5D; overflow: auto; }
#productcontent h1 { font-size: 1.25em; color: #BF301A; font-family: Arial Narrow, Arial, Sans-Serif }
#productcontent p { margin: 0px 0px 10px 0px; }
#productcontent a { color: #575A5D; text-decoration: none; }
#productcontent a:hover { color: #575A5D; text-decoration: underline; }

/* Portfolio and Subpages */
#portfoliomenu{ border:none; border:0px; font-size:0.8em; font-weight:bold; color:#8E8E8E; width: 100%; padding: 20px 0px;}
#portfoliomenu ul li { list-style-type: none; }
#portfoliomenu ul{ height:22px; margin-left: 5px;}
#portfoliomenu li{ float:left; padding:0px; margin: 0px; }
#portfoliomenu li a { color:#8E8E8E; display:block; font-weight:normal; line-height:22px; padding:0px 10px;}
#portfoliomenu li a:hover{ color:#000000; text-decoration:none; }
#portfoliomenu #current{ color:#BF301A; }

#portfoliocontent { font-size: 0.8em; color: #575A5D; overflow: auto; }
#portfoliocontent h1 { font-size: 1.25em; color: #BF301A; font-family: Arial Narrow, Arial, Sans-Serif }
#portfoliocontent p { margin: 0px 0px 15px 0px; }

#portfoliobottomnav { width: 100%; text-align: center; }
#portfoliobottomnav div { float: left; border: solid 1px #575A5D; color: #575A5D; font-size: 1.25em;
                          width: 150px; height: 40px; vertical-align: middle; margin: 5px; }
#portfoliobottomnav div p { margin: 0px; padding: 10px 0px;} 
#portfoliobottomnav div a { text-decoration: none; color: #575A5D; } 
#portfoliobottomnav div a:hover { text-decoration: none;  color: #575A5D; } 

/* News */
#newscontent { font-size: 1.0em; color: #575A5D; padding: 20px 0px 0px 0px; overflow: auto; }
#newscontent h1 { font-size: 1.25em; color: #BF301A; font-family: Arial Narrow, Arial, Sans-Serif }
#newscontent p { margin: 0px 0px 15px 0px; }

.newsitem { margin: 10px 5px; width: 500px; font-size: 0.9em;}
.newsitem div { display: block; margin: 0px; padding: 0px; font-size: 0.85em; font-style: italic; }

/* Contact */
#contactcontent { font-size: 0.8em; color: #575A5D; padding: 20px 0px 0px 0px; }
#contactcontent h1 { font-size: 1.25em; color: #BF301A; font-family: Arial Narrow, Arial, Sans-Serif }
#contactcontent p { margin: 0px 0px 10px 0px; }
#contactcontent a { text-decoration: none; color: #575A5D; } 
.contactusSection { padding: 0px 5px 5px 0px; }
.contactUsPromptBox {}

/* Location */
#locationcontent { font-size: 0.7em; color: #575A5D; padding: 20px 0px 0px 0px; }
#locationcontent h1 { font-size: 1.25em; color: #BF301A; font-family: Arial Narrow, Arial, Sans-Serif }
#locationcontent h1 p { color: #575A5D; font-size: 0.85em;  }
#locationcontent p { margin: 0px 0px 12px 0px; }
.locationcity {text-decoration: underline; cursor: pointer; }
.locationmap { padding: 7px; margin: 5px; border: solid 1px black; display: block;}
.locationshowroom { color: #990000; padding: 0px 3px; }

/* Career */
#careercontent { font-size: 0.8em; color: #575A5D; padding: 20px 0px 0px 0px; }
#careercontent h1 { font-size: 1.25em; color: #BF301A; font-family: Arial Narrow, Arial, Sans-Serif }
#careercontent p { margin: 0px 0px 15px 0px; }

/* Affiliation */
#affiliationcontent { font-size: 0.8em; color: #575A5D; padding: 20px 0px 0px 0px; }
#affiliationcontent h1 { font-size: 1.25em; color: #BF301A; font-family: Arial Narrow, Arial, Sans-Serif }
#affiliationcontent p { margin: 0px 0px 15px 0px; }
#affiliationimgs div { vertical-align: top; display: table-row;}
#affiliationimgs img {vertical-align: middle; margin: auto; padding: 5px; }



/****************************************************************************************************************/
/* Google Search */
/****************************************************************************************************************/

/* Default theme */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse, .gsc-control-cse { background-color: #FFFFFF; }
.cse .gsc-branding, .gsc-branding { display: none; }
.cse .gsc-control-cse div, .gsc-control-cse div { position: normal; background-color: #FFFFFF; }
/* Selector for entire element. */
.cse .gsc-control-cse, .gsc-control-cse { background-color: #ffffff; border: 1px solid; border-color: #ffffff; }
.cse .gsc-control-cse:after, .gsc-control-cse:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cse .gsc-resultsHeader, .gsc-resultsHeader { border: block; }
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion,
.gs-promotion {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion .gs-promotion-image,
.gs-promotion .gs-promotion-image {}
/* Promotion links */
.cse .gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link,
.cse .gs-promotion a.gs-title:link *,
.gs-promotion a.gs-title:link *,
.cse .gs-promotion .gs-snippet a:link,
.gs-promotion .gs-snippet a:link {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited,
.cse .gs-promotion a.gs-title:visited *,
.gs-promotion a.gs-title:visited *,
.cse .gs-promotion .gs-snippet a:visited,
.gs-promotion .gs-snippet a:visited {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover,
.cse .gs-promotion a.gs-title:hover *,
.gs-promotion a.gs-title:hover *,
.cse .gs-promotion .gs-snippet a:hover,
.gs-promotion .gs-snippet a:hover {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active,
.cse .gs-promotion a.gs-title:active *,
.gs-promotion a.gs-title:active *,
.cse .gs-promotion .gs-snippet a:active,
.gs-promotion .gs-snippet a:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion .gs-snippet,
.gs-promotion .gs-snippet,
.cse .gs-promotion .gs-title .gs-promotion-title-right,
.gs-promotion .gs-title .gs-promotion-title-right,
.cse .gs-promotion .gs-title .gs-promotion-title-right *,
.gs-promotion .gs-title .gs-promotion-title-right * {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected { background: #D5E2FF; }
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}

/* Full URL */
.gs-webResult div.gs-visibleUrl-short { display: none; }
.gs-webResult div.gs-visibleUrl-long { display: block; }

#cse {position: absolute; right: 40px; top: 18px; background-color: #ffffff; overflow: auto; visibility: hidden; z-index: 200; border: 2px solid #000000; }
#cse-search-form { width: 168px; }

