@charset "UTF-8";
/* CSS Document */

@import url("reset.css");
@import url("slideshow.css");



/* GLOBAL */
/* ----------------------------------------- */

.need { color: red; }

body { background: #ebebeb; font-size: 62.5%; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #282828; }

a:link { text-decoration: none; color: #3B94D1; }
a:visited { text-decoration: none; color: #3B94D1; }
a:hover { text-decoration: none; color: #333; }

h2 { color: #005CAB; margin: .5em 1.5em 0em; font-size: 2.7em; font-family: Georgia, Times, 'Times New Roman', serif; font-weight: normal; }

h3 { color: #808080; font-size: 1.8em; line-height: 1.3em; padding: 0px 20px 10px; font-family:'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300; }
h4 { font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; color: #005CAB; font-size: 2em; line-height: 1.6em; font-weight: 300; padding: 5px 20px 0px; }

p { font-size: 1.2em; line-height: 1.7em; }

.clear { clear: both; }

/* LAYOUT */
/* ----------------------------------------- */

br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
div { position:relative }

#wrapper { width:932px; margin: 0 auto; }

#header { height: 10em; }
/*#header .loginBox {
	background: #b3b3b3 url(../images/order-online.png) no-repeat 10px center;
	width: 45.6em;
	height: 8em;
	float: right;
	line-height: 8em;
}*/

#header .loginBox {
	background-color: #b3b3b3;
	width: 456px;
	float: right;
	text-align: center;
	padding: 1em 0em;
}


#slides { clear: both; margin: 2em 0em 1em; text-align: right; }

#areas { background: #fff; padding-top: 2em; background: #fff; }
#areas .col { width: 132px; float: left; margin-left: 20px; }
#areas .col p { font-size: 1.1em; padding-bottom: .5em; line-height: 1.4em; }
#areas .col a:link {text-decoration: none; color:#000;}
#areas .col a:visited {text-decoration: none; color:#000;}
#areas .col a:active {text-decoration: none; color:#000;}
#areas .col a:hover {text-decoration: none; color:#000;}

/* Interior Layout */

.bio .photo { width: 172px; float: left; }
.bio .text  { width: 502px; float: right; }
#interiorLayout .colRight .bio .photo p { padding: 0px 0px 0px; line-height: 1.6em; }

/* Typography */

#interiorLayout p { padding: 0px 20px 7px; }

#interiorLayout .subNav p { font-size: 1.4em; color: #2f2f2f; line-height: 1.2em; font-weight: lighter; padding: 1em 0em 0em; }
#interiorLayout .subNav a { text-decoration: none; color: #2f2f2f; }
#interiorLayout .subNav a:hover { color: #3B94D1; }
#interiorLayout .subNav a.current { color: #3B94D1; }
#interiorLayout .subNav ul { padding-top: 5px; }
#interiorLayout .subNav ul li { color: #5c5c5c; font-size: 1.1em; padding: 4px 0px 0px 8px; }
#interiorLayout .subNav ul li a { color: #2f2f2f; }


#interiorLayout .subNav { width: 150px; margin-left: 20px; float: left; }
#interiorLayout .subCol { width: 170px; margin-left: 10px; float: left; padding-top: 1em; }
#interiorLayout .colRight { width: 694px; float: right; margin-top: 20px; }
#interiorLayout .highlightBox { background: #fff; margin: 1em 0em; overflow : hidden; _height : 1%; }
#interiorLayout .smallCol { width: 344px; float: left; /*padding: 0px 30px;*/ }

#interiorLayout .smallCol a:link {text-decoration: none; color:#005CAB;}
#interiorLayout .smallCol a:visited {text-decoration: none; color:#005CAB;}
#interiorLayout .smallCol a:active {text-decoration: none; color:#005CAB;}
#interiorLayout .smallCol a:hover {text-decoration: none; color:#005CAB;}

#interiorLayout .main a:link {text-decoration: none; color:#000;}
#interiorLayout .main a:visited {text-decoration: none; color:#000;}
#interiorLayout .main a:active {text-decoration: none; color:#000;}
#interiorLayout .main a:hover {text-decoration: none; color:#000;}

#interiorLayout .nolink a:link {text-decoration: none; color:#000;}
#interiorLayout .nolink a:visited {text-decoration: none; color:#000;}
#interiorLayout .nolink a:active {text-decoration: none; color:#000;}
#interiorLayout .nolink a:hover {text-decoration: none; color:#000;}

#footer { border-top: 1px solid #808080; border-bottom: 1px solid #808080; padding: 10px; margin: 10px 0px 20px; }
#footer p { font-size: 1.1em; text-align: center; }

.title { font-size: .6em; }

p.darkBlue { color: #3B94D1; font-weight: bold; padding-bottom: 0em !important; }

body#activeAbout h4 { line-height: 1em; }

ol.facilityDesign li { margin: 5px 40px; list-style-type:decimal; font-size: 1.2em; font-weight: bold; }
ol.facilityDesign li ul li { margin: 5px 20px; list-style-type: square; font-size: 1.1em; font-weight: normal; }
ol.facilityDesign li ul li ul li { margin: 5px 20px; list-style-type: circle; font-size: 1em; font-weight: normal; }

ul.jumpLinks li { list-style-type: none; font-size: 1.2em; padding: 5px 10px 5px 0px; margin: 0px 0px 0px 20px; }



/* MAIN NAVIGATION */
/* ----------------------------------------- */

ul#mainNav { display: inline;  background: #fff;  height: 3em; line-height: 3em; font-size: 1.2em; }

ul#mainNav li { float: left; background: #fff;  height: 3em; }

ul#mainNav li a:link, ul#mainNav li a:visited { display: block; text-decoration: none; height: 3em; line-height: 3em; margin-right: 7em; color: #2f2f2f; }
ul#mainNav li a.first { margin-left: 2em; }
ul#mainNav li a.last { margin-right: 2em !important; }
ul#mainNav li a:hover { color: #3B94D1; }

body#activeWhat ul#mainNav li#navWhat a:link, body#activeWhat ul#mainNav li#navWhat a:visited { color: #3B94D1; }
body#activeMarkets ul#mainNav li#navMarkets a:link, body#activeMarkets ul#mainNav li#navMarkets a:visited { color: #3B94D1; }
body#activeProducts ul#mainNav li#navProducts a:link, body#activeProducts ul#mainNav li#navProducts a:visited { color: #3B94D1; }
body#activeAbout ul#mainNav li#navAbout a:link, body#activeAbout ul#mainNav li#navAbout a:visited { color: #3B94D1; }
body#activeCareers ul#mainNav li#navCareers a:link, body#activeCareers ul#mainNav li#navCareers a:visited { color: #3B94D1; }
body#activeContact ul#mainNav li#navContact a:link, body#activeContact ul#mainNav li#navContact a:visited { color: #3B94D1; }


/* FORMS */
/* ----------------------------------------- */

input:focus, textarea:focus {background: #cce8ff; }

input { width: 140px; }

#login { margin-left: 115px; }
/*form#searchForm { background: #fff; border: 1px solid #3B94D1; width: 160px; float: right; height: 2em; padding: .9em .7em .4em; }
input#searchBox { border: none; width: 110px; } */


form#searchForm { background: #3B94D1; width: 180px; float: right; display: inline; margin: 0; }
input#searchBox { border: 1px solid #3B94D1; width: 110px; padding: .5em; height: 2em; color: #3B94D1; } 
input.searchButton { background: #3B94D1; border: 1px solid #3B94D1; width: 50px; color: #fff; padding: .9em .5em; cursor: pointer; }


fieldset { border: none; }
label { float: left; width: 110px; font-size: 11px; line-height: 22px; }
textarea { width: 300px; height: 200px; background: #E6E6E6; }
input.radio, input.checkbox, input.submit { width: auto; }

fieldset#interested { margin: 0; padding: 0; border: none; }
fieldset#interested label { float: none; display: inline; width: auto; }
fieldset#interested div { float: left; width: 300px; }
fieldset#interested p { margin: 5px 0px; }

label.error { float: none; color: red; padding-left: .5em; vertical-align: middle; font-weight:bold; font-size: 11px; }

input.submit { margin-left: 13em; }

#registerForm { padding: 1em; color:#666; margin: 0; }
fieldset#represent div { width: 215px; float: left; }
fieldset h3 { padding: 10px 0px; }
label.checkbox { float: none; }
label.radio { float: none; }
input.zip { width: 40px;  }
input.state { width: 20px; float: left; }
label#zip { padding-left: 10px; width: 65px; }
#registerForm input.submit { margin-left: 0px; }

#registerForm input.text { width: 218px; }
input.submitButton { background: #3B94D1; border: 1px solid #3B94D1; width: 100px; color: #fff; font-size: 14px; padding: .9em .5em; cursor: pointer; text-align: center; }