@charset "utf-8";
/* CSS Document */
#body {width:960px; margin: 0 auto; background:url(images/bg.png) repeat-y center #f3f3f3; font-family:Arial, Helvetica, sans-serif; font-size:12px; max-width:960px; text-align:center;}
#wrapper {width:960px; margin:0 auto; text-align:left; overflow:hidden;}
#logo {padding:20px 0 18px 0px;}
#banner {width:960px; height:143px; display:block;  background:url(images/banner-top.jpg); overflow:auto;}
h1 {font-size:24px; margin: 0 0 10px 0; padding: 0 0 -10px 0; color:#00773C;}
#topnav {background-color:#007650}
#maincontent {width:730px; float:right; margin: 10px 0 0 0; text-align:left;}
#menuleft {font-size:12px; color:#003300; width:200px; max-width:200px; float:left; text-align:left; display:inline; padding:10px 20px 0 0; z-index:99;}

#menuleft h2 {color:#FFFFFF;}
#menuleft h2 a {color:#FFFFFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#buildingboards h2 {margin:10px 0 0 0; padding:5px; font-size:14px; background-color: #50729c;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#insulation h2 {margin:10px 0 0 0; padding:5px; font-size:14px; background-color: #8c7f4c;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#cladding h2 {margin:10px 0 0 0; padding:5px; font-size:14px; background-color: #9F4A4D;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#offsite h2 {margin:10px 0 0 0; padding:5px; font-size:14px; background-color: #266e3e;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}


#menuleft ul {list-style:none; margin:0; padding:0 0 0 10px;}
#menuleft li {border-bottom:#ebebeb; margin:0 0 0 -10px; padding:4px 2px 4px 10px; border:#ebebeb solid 1px; display:block; list-style:none;}
#menuleft a {color:#003300; text-decoration:none; display:inline-block; width:100%;}
#menuleft a:hover {text-decoration:underline;}
a {color: #006600;}
#footer p {font-size:10px; color:#666666;}
#footercontainter {width:960px; margin: 0 auto;}
#calltoaction {width:200px; background-color:#ebebeb; overflow:hidden; margin:0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#calltoaction h3 {margin:0px; padding:5px 5px 0 5px; font-size:14px; background-color:#CCCCCC;}
#calltoaction p {color:#666666; font-size:12px; text-align:center; margin:0 0 5px 0; font-weight:bold;}
#calltoaction img {padding:10px; border:0px;}
h4 {background-color:#007352; padding: 3px 0 3px 5px; color:#FFFFFF; margin-bottom:0px}
h4 a {color:#FFFFFF; text-decoration:none;}
h4 a:hover {text-decoration:underline;}
img {border:0px;}
#product h3 {width:100%; border-bottom: #999999 solid 1px; color:#FFFFFF; display:block; margin:0px; background-color:#007352; padding:5px;}

#menuleft li {
  background-color: #f3f9f3;
  border: 1px solid #e2efe2;
  width: 186px;
  /* this is to make the submenus position relative to this li */
  position: relative; 
}

/* Mouseover li style*/
#menuleft li:hover {
  border: 1px solid #cddecd;   
  background-color: #b1cfb1;
}

/*Initially hide second level (or higher) pop-up*/
#menuleft ul ul {
  position: absolute;
  left: 198px;
  top: 0;
  visibility:hidden;
}

/*Mouseover: display second level (or higher) pop-up*/
#menuleft li:hover > ul {
	visibility:visible;
}