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

* {margin: 0px; padding: 0px}

a {outline: none}

body {background:#307CA0 url(images/background.jpg) repeat-y center ;font-size: 62.5%; line-height: 1.5em; font-family: Geneva, Arial, Helvetica, sans-serif}

#container {width: 832px; margin: 0 auto;}

/* ***** ===== header section ===== ***** */

#header {height: 137px; width: 832px; background:url(images/header.gif) no-repeat;}
#header h1#branding {height: 137px; width: 250px; float: left; }
#header h1#branding a {text-indent: -9999px; display: block; height: 130px; width: 100%;}

/* ----- main navigation (top nav) ----- */
#navMain {height: 33px; width: 501px; float: right; margin: 103px 0 0 0 }

#navMain ul {list-style: none; height: 33px; width: 501px;}
#navMain ul li {display: block; float:left; height: 33px;}
#navMain ul li a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

#navMain ul li#home {background:url(images/mainNav_home.gif) no-repeat; width: 74px}
#navMain ul li#about {background:url(images/mainNav_about.gif) no-repeat; width: 103px}
#navMain ul li#whatis {background:url(images/mainNav_whatis.gif) no-repeat; width: 200px}
#navMain ul li#contact {background:url(images/mainNav_contact.gif) no-repeat; width: 124px}

#navMain ul li#home a:hover {background:url(images/mainNav_home_over.gif) no-repeat; width: 74px}
#navMain ul li#about a:hover {background:url(images/mainNav_about_over.gif) no-repeat; width: 103px}
#navMain ul li#whatis a:hover {background:url(images/mainNav_whatis_over.gif) no-repeat; width: 200px}
#navMain ul li#contact a:hover {background:url(images/mainNav_contact_over.gif) no-repeat; width: 124px}

body.about #navMain ul li#about {background:url(images/mainNav_about_over.gif) no-repeat; width: 103px}
body.whatis #navMain ul li#whatis {background:url(images/mainNav_whatis_over.gif) no-repeat; width: 200px}
body.contact #navMain ul li#contact {background:url(images/mainNav_contact_over.gif) no-repeat; width: 124px}

/* ----- sub navigation (left nav) ----- */

#navSub {width: 181px;margin: 0 auto;}

#navSub ul {width: 181px; list-style:none}
#navSub ul li {height: 25px; width: 181px; display: block; margin: 0 0 3px 0}
#navSub ul li a {height: 100%; width: 100%; display: block; text-indent: -9999px;}

#navSub ul li#commercial {background:url(images/sideNav_commercial.gif) no-repeat;}
#navSub ul li#industrial {background:url(images/sideNav_industrial.gif) no-repeat;}
#navSub ul li#msds {background:url(images/sideNav_msds.gif) no-repeat;}
#navSub ul li#thermal {background:url(images/sideNav_thermal.gif) no-repeat;}

#navSub ul li#commercial a:hover {background:url(images/sideNav_commercial_over.gif) no-repeat;}
#navSub ul li#industrial a:hover {background:url(images/sideNav_industrial_over.gif) no-repeat;}
#navSub ul li#msds a:hover {background:url(images/sideNav_msds_over.gif) no-repeat;}
#navSub ul li#thermal a:hover {background:url(images/sideNav_thermal_over.gif) no-repeat;}

body.commercial #navSub ul li#commercial {background:url(images/sideNav_commercial_over.gif) no-repeat;}
body.industrial #navSub ul li#industrial {background:url(images/sideNav_industrial_over.gif) no-repeat;}
body.msds #navSub ul li#msds {background:url(images/sideNav_msds_over.gif) no-repeat;}
body.thermal #navSub ul li#thermal {background:url(images/sideNav_thermal_over.gif) no-repeat;}

/* ----- image bars ----- */

#imageBar {height: 171px; width: 832px; display:block; float: left}

body.home #imageBar {background:url(images/ib_home.jpg) no-repeat;}
body.about #imageBar {background:url(images/ib_other.jpg) no-repeat;}
body.whatis #imageBar {background:url(images/ib_whatis.jpg) no-repeat;}
body.thermal #imageBar {background:url(images/ib_whatis.jpg) no-repeat;}
body.contact #imageBar {background:url(images/ib_other.jpg) no-repeat;}
body.industrial #imageBar {background:url(images/ib_industrial.jpg) no-repeat;}
body.commercial #imageBar {background:url(images/ib_commercial.jpg) no-repeat;}
body.thanks #imageBar {background:url(images/ib_other.jpg) no-repeat;}
body.msds #imageBar {background:url(images/ib_other.jpg) no-repeat;}

/* ***** ===== MAIN CONTENT ===== ***** */

/* ----- content ----- */

#content {clear: both; background: #ffffff; padding: 15px 0 50px 0}

/* ----- side bar ----- */

#sideBar {width: 198px; float: left;}

#phoneNumber {background:url(images/sideBar_number.gif) no-repeat; height: 43px; width: 181px;  text-indent: -9999px;  margin:30px auto  }

/* form styling */
#sideBar form.miniForm {width: 156px; margin: 0 auto;}
#sideBar form.miniForm h3.contact {background:url(images/sideBar_contact.gif) no-repeat; height: 13px; width: 96px; text-indent: -9999px; margin: 0 0 8px 0}

#sideBar form.miniForm label {width: 96px; float:left; text-indent:-9999px}
#sideBar form.miniForm label.name {background:url(images/sideBar_name.gif) no-repeat;}
#sideBar form.miniForm label.email {background:url(images/sideBar_email.gif) no-repeat;}
#sideBar form.miniForm label.phone {background:url(images/sideBar_phone.gif) no-repeat;}
#sideBar form.miniForm label.comments {background:url(images/sideBar_comments.gif) no-repeat;}

#sideBar form.miniForm input {border: 1px solid #716658; height: 24px; width: 154px; display: block; margin: 0 0 5px 0; font-family:Geneva, Arial, Helvetica, sans-serif}
#sideBar form.miniForm textarea {border: 1px solid #716658; height: 86px; width: 154px; display: block; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em}

#sideBar form.miniForm input.submit {background:url(images/form_submit.gif) no-repeat; height: 27px; width: 71px; text-indent: -9999px; float: left; border: none; margin: 5px 3px 0 0}
#sideBar form.miniForm input.reset {background:url(images/form-reset.gif) no-repeat; height: 27px; width: 71px;text-indent: -9999px; float: left; border: none; border: none; margin: 5px 3px 0 0}
#sideBar form.miniForm input.hidden {display:none}

/* ----- content ----- */

#mainContent {width: 452px; float: left; margin: 0 0 0 3px}

body.contact #mainContent {width: 550px}

body.msds #mainContent {width: 550px}
body.msds #mainContent table {margin: 0 0 0 20px; border: 1px solid #1E7893}
body.msds #mainContent table td {font-size: 1.2em; line-height: 1.3em; padding: 3px}
body.msds #mainContent table tr.odd {background: #E0EFF8}
body.msds #mainContent table tr.even {background: #F5F7FD}
body.msds #mainContent table .highlight {color:#1E7893; font-weight: bold}

#mainContent h3 {height: 19px; margin: 0 0 15px 11px; text-indent: -9999px; width: 390px}
body.whatis #mainContent h3 {background:url(images/header_whatis.gif) no-repeat; }
body.home #mainContent h3 {background:url(images/header_home.gif) no-repeat;}
body.about #mainContent h3 {background:url(images/header_about.gif) no-repeat; }
body.contact #mainContent h3 {background:url(images/header_contact.gif) no-repeat; }
body.thanks #mainContent h3 {background:url(images/header_thanks.gif) no-repeat;}
body.industrial #mainContent h3 {background:url(images/header_industrial.gif) no-repeat;}
body.commercial #mainContent h3 {background:url(images/header_commercial.gif) no-repeat; }
body.msds #mainContent h3 {background:url(images/header_msds.gif) no-repeat; }

#mainContent h4 {margin: 7px 11px; font-size: 1.4em; color:#666666; line-height: 1.4em; letter-spacing:.05em}
#mainContent h4.highlight {margin: 9px 25px; color:#C6650B}

#mainContent p {margin: 3px 15px 5px 11px; font-size: 1.2em; color: #2e2e2e; line-height: 1.4em}
#mainContent p a {color:#666666; text-decoration: none; font-weight: bold}
#mainContent p a:hover {text-decoration: underline; color: #999999}

#mainContent .highlightBlue {color: #30B9E1 !important; font-weight: bold;}
#mainContent .highlightOrange {color: #C6650B; font-weight: bold;}

#mainContent ul {font-size: 1.1em; margin: 3px 15px 5px 11px; color: #2e2e2e; list-style: square}
#mainContent ul li {margin: 3px 25px 3px 35px;}

#mainContent blockquote {margin: 5px 0 5px 10px}

/* ----- quick facts (blue box) ----- */

#quickFacts {width: 154px; float: left; margin: 0 0 0 15px}
#quickFacts .top {background:url(images/quickFacts_top.gif) no-repeat; height: 26px; width: 154px; text-indent: -9999px}
#quickFacts .bottom {background: #30B9E1; width: 154px;  color: #ffffff; padding: 4px 0 7px 0}
/* quotation marks --- url(images/quickFacts_bottom.gif) no-repeat; height: 214px;*/

#quickFacts .bottom h4 {font-size: 1.3em; margin: 0 6px 7px 6px; font-weight:  normal}
#quickFacts .bottom h4.highlight {font-weight:bold}
#quickFacts .bottom p {margin: 0px 6px 6px 6px; font-size: 1.2em}
#quickFacts .bottom p a {color: #ffffff; text-decoration: none}
#quickFacts .bottom p a:hover {text-decoration: none}

/* ----- Thermal Test page ----- */

#thermalTests {
	border-collapse: collapse;
	width: 250px;
	border: 1px solid #30B9E1;
	margin-left: 20px;
}

#thermalTests th, td {
	padding: 1px 10px;
}

#thermalTests caption {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0 .5em 0;
}

#thermalTests thead {
	background: #e8eded;
	border-top: 1px solid #30B9E1;
	border-bottom: 1px solid #30B9E1;
}

#thermalTests th {
	text-align: left;
}
	


/* ***** ===== footer ===== ***** */

#footer {width: 832px; border-top: 4px solid #fc9520; color: #716658; background: #ffffff; height: 100px}

/* ----- logo list ----- */

#footer ul#logos {list-style: none; margin: 10px auto; width: 307px; display: block; position: relative; bottom: 30px}
*html body #footer ul#logos {bottom: 0px}
*+html body #footer ul#logos {bottom: 0px}
#footer ul#logos li {display: block; float: left; height: 46px; margin: 0 22px 0 0}
#footer ul#logos li a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

#footer ul#logos li#leed {background:url(images/logos_leed.gif) no-repeat; width: 37px;}
#footer ul#logos li#energy {background:url(images/logos_energy.gif) no-repeat; width: 40px;}
#footer ul#logos li#crrc {background:url(images/logos_crrc.gif) no-repeat; width: 49px;}
#footer ul#logos li#acs {background:url(images/logos_acs.gif) no-repeat; width: 93px;}

#footer ul#logos li#leed a:hover {background:url(images/logos_leed_over.gif) no-repeat; width: 37px;}
#footer ul#logos li#energy a:hover {background:url(images/logos_energy_over.gif) no-repeat; width: 40px;}
#footer ul#logos li#crrc a:hover {background:url(images/logos_crrc_over.gif) no-repeat; width: 49px;}
#footer ul#logos li#acs a:hover {background:url(images/logos_acs_over.gif) no-repeat; width: 93px;}

/* ----- credits ----- */

#footer p#designby {float: right; margin: 8px 11px 1px 0}
#footer p#designby a {color: #716658; text-decoration:none}
#footer p#designby a:hover {text-decoration: underline}

#footer p#copyright {float: right; clear: right; margin: 0px 11px 0 0}

#footer p#address {float: left; margin: 8px 0 0 11px}

#footer #usa {background:url(images/USA.gif) no-repeat; height: 23px; width: 172px; float: right; position: relative; bottom: 75px; text-indent: -9999px; clear: right; margin: 0 11px 0 0 }