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

body {font:12px verdana; text-align:center; color:#333;}

html {overflow-y: scroll;}

#main {width:856px; margin:0 auto; text-align:justify;}

.topnav {width:834px; text-align:right; height:25px; float:left; clear:both; padding-right:20px; }
.topnav a{font-size:11px; text-decoration:underline; font-weight:normal; color:#333;}
.topnav  a:link {font-size:11px; text-decoration:underline; font-weight:normal; color:#333;}
.topnav  a:visited {font-size:11px; text-decoration:underline; font-weight:normal; color:#333;}
.topnav  a:hover {font-size:11px; text-decoration: none; font-weight:normal; color:#333; }
.topnav  a:active {text-decoration: none; font-size:11px; color:#333; }

.banner {width:816px; height:155px; background-image:url(../images/banner1.jpg); padding: 37px 18px 0 22px; color:#000066; font-size:1.1em; font-weight:bold; line-height:18px; text-align:right;float:left; clear:both;}
.banner a:link, a:hover, a:active {color:#000066; font-size:1em; font-weight:bold; }
.banner a:visited {color:#000066; font-size:1em; font-weight:bold; }
.bannerlarge1 {color:#000066; font-size:2em; font-weight:bold; line-height:22px;}
.bannerlarge2 {color:#006600; font-size:1.6em; font-weight:bold; line-height:25px; }

#navigation {width:856px; height:auto; padding-top:10px; text-align:center; color:#000066; font-size:12px; line-height:12px;float:left; clear:both;}
#navigation ul {margin:0; padding:0; display:block; text-align:center;}
#navigation li {margin:0; padding:0; float:left; list-style:none; display:block; text-align:center;}
#navigation a{color: #000066; padding:0 10px; font-size:12px; display:block; text-decoration:underline; text-align:center;}
#navigation a:link {color: #000066; padding:0 10px; font-size:12px; display:block; text-decoration:underline; text-align:center;}
#navigation a:visited {color: #000066; padding:0 10px; font-size:12px; display:block; text-decoration:underline; text-align:center; }
#navigation a:hover {color: #000066; padding:0 10px; font-size:12px; display:block; text-decoration: none; text-align:center; font-weight:normal; }
#navigation a:active {text-decoration: none; text-align:center;}
#navigation ul li#navactive a {color: #000066; padding:0 10px; font-size:12px; text-align:center; display:block; text-decoration: none; }



.toppanel {	width:856px; height:70px; color:#FFF; font-size:11px; float:left; background: url(../images/toppanel.gif); margin-top:10px; text-align:left;}
.toppanelleft { width:400px; float:left; padding:8px 15px 0 10px;}
.toppanelright{ width:390px; float:right; padding:8px 20px 0 0px; text-align:left;}
.toppanelheader { font-size:15px; font-weight:bold; line-height:23px;}

.content {width:796px; height:auto 0; padding:20px 30px 10px 30px; float:left;}
.productlist {width:796px; height:auto 0; float:left; margin-top:10px; margin-bottom:20px; font-size:13px; color:#000066; font-weight:bold; }
.productlisttop { margin-bottom:12px; height:99px;}
.productlisttopleft { width:186px; height:88px; float:left; background:url(../images/backgroundinsulation.jpg); margin-right:12px; padding:11px 0 0 105px;}
.productlisttopmiddle { width:136px; height:84px; float:left; background:url(../images/backgroundsolidwall.jpg); margin-right:10px; padding:15px 0 0 105px;}
.productlisttopright { width:136px; height:84px; float:right; background:url(../images/backgroundslopingroof.jpg); padding:15px 0 0 105px;}
.productlistbottom { height:99px;}
.productlistbottomleft { width:186px; height:81px; float:left; background:url(../images/backgroundsolar.jpg); margin-right:12px; padding:18px 0 0 105px;}
.productlistbottommiddle { width:136px; height:81px; float:left; background:url(../images/backgroundheat.jpg); margin-right:10px; padding:18px 0 0 105px;}
.productlistbottomright { width:136px; height:81px; float:right; background:url(../images/backgroundwind.jpg); padding:18px 0 0 105px;}
.productlist ul {padding:0; margin:0; list-style-type: none;}
.productlist li {background-image: url(../images/bulletsmall.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left:24px; padding-top:8px; font-weight:normal; font-size:12px; color:#333; text-align:left;}

.content a:link, a:active {color:#0000cc; font-weight:normal; text-decoration:underline; font-size:12px;}
.content a:visited {color:#0000cc; font-weight:normal; text-decoration:underline; font-size:12px;}
.content a:hover {color:#0000cc; font-weight:normal; text-decoration:none; font-size:12px;}

.middlecontainer {width:796px; float:left ; margin:20px 0; }
.bulletpointscontainer {width:360px ; float:left; font-size:16px; color:#000066; font-weight:bold;}
.bulletpoints {width:360px ; float:left; margin-bottom:20px; font-weight:normal; font-size:12px; color:#333; }
.bulletpoints2 {width:360px ; float:left; font-weight:normal; font-size:12px; color:#333; }
.bulletpointshead {font-size:16px; color:#000066; font-weight:bold; padding-bottom:5px;}
.bulletpoints ul {padding:0; margin-left:25px; }
.bulletpoints li { list-style:url(../images/bullet.gif); font-weight:normal; font-size:12px; color:#333;}
.contact {float:right; margin-bottom:20px; width:390px; height:0 auto;}
.contacttop {background:url(../images/contactbackgroundtop.gif); width:390px; height:10px;}
.contactmiddle {padding:10px 0 10px 20px; font-size:11px; background-color:#b3c6b3; width:370px;}
.contactbottom {background:url(../images/contactbackgroundbottom.gif); width:390px; height:10px;}

.contactheader { font-size:16px; font-weight:bold; margin-bottom:10px;}
form { margin:0; padding: 0;}
label { float:left; font-size:11px; font-weight:normal; padding-top:5px; margin-bottom:8px; width:110px;}
input { float:right; margin-bottom:4px;}
textarea { float:right; width:158px;}
.contactfooter {font-size:11px; float:left; width:350px; margin-top:10px; }
.contactfooterleft { float:left; width:200px;}
.contactfooterright { float:right;}
.button {float:right;}

.bottomcontainer {width:796px; float:left ; margin:10px 0 0 0; }
.bottomcontainerleft { float:left; width:221px; padding:3px 10px;  font-size:11px; line-height:15px;}
.bottomcontainerleft a:link, a:hover, a:active {font-size:11px; color:#0000ff; text-decoration:none; font-weight:bold;}
.bottomcontainerleft a:visited {font-size:11px; color:#0000ff; text-decoration:none; font-weight:bold;}
.bottomcontainermiddle{ float:left; width:251px; padding:10px 20px 10px 10px; border-right:1px solid #666; font-size:11px;}
.bottomcontainerright { float:right; width:250px; padding:20px 10px 10px 10px; font-size:11px;}

.bottomcontainerright a{color:#0000ff; font-size:11px; text-decoration:none;}
.bottomcontainerright a:link {color:#0000ff; font-size:11px; text-decoration:none;}
.bottomcontainerright a:visited {color:#0000ff; font-size:11px; text-decoration:none;}
.bottomcontainerright a:active {color:#0000ff; font-size:11px; text-decoration:none;}
.bottomcontainerright a:hover {color:#0000ff; font-size:11px; text-decoration:none;}


p { margin-top:5px}

p a:link, a:active {color:#0000cc; font-weight:normal; text-decoration:underline; font-size:12px;}
p a:visited {color:#0000cc; font-weight:normal; text-decoration:underline; font-size:12px;}
p a:hover {color:#0000cc; font-weight:normal; text-decoration:none; font-size:12px;}


.greenlargeheader {font-size:24px; color:#006600; font-weight:bold; margin:0;}
.greenheader {font-size:16px; color:#006600; font-weight:bold; margin:0;}
.blueheader {font-size:16px; color:#000066; font-weight:bold; margin:0;}
.error { color:#F00;}

.divider { background:url(../images/hr.gif); height:1px; width:100%; float:left; clear:both;}
.footer { background:url(../images/footer.gif); height:5px; width:856px; float:left; clear:both; margin-bottom:10px;}
.footer2 {padding-bottom:20px; font-size:11px;}
.footer2left { float:left; width:400px; padding-bottom:20px;}
.footer2right { float:right; width:400px; text-align:right; padding-bottom:20px;}
.footer2 a{color: #333;}
.footer2 a:link {color: #333;}
.footer2 a:visited {color: #333;}
.footer2 a:active {color: #333;}
.footer2 a:hover {text-decoration: none; font-weight:normal;}