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

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 16px;
color: #333;
background-image: url(../images/bggradient.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-position:top;
background-color: #656565;
margin: 0;
padding: 0;
text-align: center;
}

#wrapper{
width: 920px;
margin: 0px auto;
text-align:left;
}

#masthead{
width: 920px;
height: 157px;
background-image: url(../images/masthead.jpg);
background-repeat: no-repeat;
}

#mastheadmod{
position: relative;
}

#logo{
position: absolute;
top: 35px;
left: -285px;
width: 252px;
height: 56px;
background-repeat: no-repeat;
}

#marquee{
position: relative;
left:320px;
top:28px;
width: 800px;
height: 20px;
margin: 0px;
}

.marqueetxt{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #818181;
font-style: normal;
}

#homebanner{
width: 920px;
height: 138px;
background-image: url(../images/homebanner.jpg);
background-repeat: no-repeat;
}

#homecontent{
width: 920px;
height: 465px;
background-image: url(../images/homecontent.jpg);
background-repeat: no-repeat;
}

#homemod{
position: relative;
}

#homemod1{
position:absolute;
top: 60px;
left: 242px;
width: 300px;
height: 395px;
}

#homemod2{
position:absolute;
top:60px;
left:572px;
width: 300px;
height: 195px;
}

#homemod3{
position:absolute;
top:285px;
left:572px;
width: 300px;
height: 135px;
}

#footer{
	clear:both;
	text-align:center;
}

.footertxt{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 16px;
color: #fff;
margin-top: 5px;
}

/* Products */

#productscontent{
width: 920px;
height: 430px;
background-image: url(../images/productscontent.jpg);
background-repeat: no-repeat;
}

#productscontent2{
width: 920px;
height: 810px;
background-image: url(../images/bgcontent.gif);
background-repeat: repeat-y;
}

#opencellcontent{
width: 920px;
height: 450px;
background-image: url(../images/bgcontent.gif);
background-repeat: repeat-y;
}

#closedcellcontent{
width: 920px;
height: 720px;
background-image: url(../images/bgcontent.gif);
background-repeat: repeat-y;
}

#polyureacontent{
width: 920px;
height: 730px;
background-image: url(../images/bgcontent.gif);
background-repeat: repeat-y;
}

#foamcellulosecontent{
width: 920px;
height: 625px;
background-image: url(../images/bgcontent.gif);
background-repeat: repeat-y;
}

#roofingcontent{
width: 920px;
height: 100px;
background-image: url(../images/bgcontent.gif);
background-repeat: repeat-y;
}

#foundationcontent{
width: 920px;
height: 0px;
background-image: url(../images/bgcontent.gif);
background-repeat: repeat-y;
}

#commercialcontent{
width: 920px;
height: 280px;
background-image: url(../images/bgcontent.gif);
background-repeat: repeat-y;
}

#residentialcontent{
width: 920px;
height: 110px;
background-image: url(../images/bgcontent.gif);
background-repeat: repeat-y;
}

#pagebottom{
width: 920px;
height: 40px;
background-image: url(../images/pagebottom.jpg);
background-repeat: no-repeat;
}

#productsmod{
position: relative;
}

#productsmod1{
position:absolute;
top: 30px;
left: 50px;
width: 200px;
height: 400px;
}

#productsmod2{
position:absolute;
top: 30px;
left: 280px;
width: 600px;
height: 400px;
}

#productsbenefits{
position:absolute;
top: 0px;
left: 0px;
width: 330px;
height: 500px;
}

#productsimage{
position:absolute;
top: 0px;
left: 355px;
width: 250px;
height: 400px;
}

#productsmain{
position:absolute;
top: 188px;
left: 0px;
width: 600px;
height: 400px;
}


.SubnavHeader{
font-family: Arial Narrow, Helvetica, sans-serif;
font-size:24px;
line-height: 24px;
color: #fff;
font-weight: bold;
}

.BlueHeader{
font-family: Arial Narrow, Helvetica, sans-serif;
font-size:20px;
line-height: 28px;
color: #0a58a6;
font-weight: bold;
}

.source{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size:10px;
line-height: 16px;
color: #777;
margin-bottom: 5px;
text-decoration: none;
}

.headersup{
font-family: Arial Narrow, Helvetica, sans-serif;
font-weight: normal;
font-size:12px;
color: #0a58a6;
}

#subnavlist {list-style: none;}

#subnavlist li
{
padding-left: 10px;
padding-top: 7px;
background-image:
url(../images/arrow_blue.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
} 


#longlist li {
list-style: disc;
padding-left: 0px;
list-style-position: inside;
padding-top: 7px;
padding-left: 1em;
text-indent: -1em;
}

#shortlist li{
list-style: disc;
padding-left: 10px;
padding-top: 7px;
list-style-position: inside;

} 

#subnavlist a:link {
color: #004a88;
font-weight: bold;
text-decoration: none;
}

#subnavlist a:visited {
color: #004a88;
font-weight: bold;
text-decoration: none;
}

#subnavlist a:active, #subnavlist a.selected {
color: #004a88;
font-weight: bold;
text-decoration: none;
}

#subnavlist a:hover {
color: #0079e5;
font-weight: bold;
text-decoration: none;
}

/* Partners */

#partnerscontent{
width: 920px;
height: 430px;
background-image: url(../images/partnerscontent.jpg);
background-repeat: no-repeat;
}

#partnersmod{
position: relative;
}

#partnersmod1{
position:absolute;
top: 30px;
left: 50px;
width: 200px;
height: 400px;
}

#partnersmod2{
position:absolute;
top: 30px;
left: 280px;
width: 600px;
height: 400px;
}

#partnerscontent2{
width: 920px;
height: 800px;
background-image: url(../images/bgcontent.gif);
background-repeat: repeat-y;
}

/* About Us */

#aboutuscontent{
width: 920px;
height: 430px;
background-image: url(../images/aboutcontent.jpg);
background-repeat: no-repeat;
}

#aboutusmod{
position: relative;
}

#aboutusmod1{
position:absolute;
top: 30px;
left: 50px;
width: 200px;
height: 400px;
}

#aboutusmod2{
position:absolute;
top: 30px;
left: 280px;
width: 600px;
height: 400px;
}

#aboutuscontent2{
width: 920px;
height: 50px;
background-image: url(../images/bgcontent.gif);
background-repeat: repeat-y;
}

/* Contact Us */

#contactuscontent{
width: 920px;
height: 430px;
background-image: url(../images/contactcontent.jpg);
background-repeat: no-repeat;
}

#contactusmod{
position: relative;
}

#contactusmod1{
position:absolute;
top: 30px;
left: 50px;
width: 200px;
height: 400px;
}

#contactusmod2{
position:absolute;
top: 30px;
left: 35px;
width: 600px;
height: 400px;
}

#contactuscontent2{
width: 920px;
height: 0px;
background-image: url(../images/bgcontent.gif);
background-repeat: repeat-y;
}

/* Popups */

#testing{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 16px;
color: #333;
background-color: #fff;
margin: 0px 20px 0px 20px;
padding: 0;
text-align: left;	
}

#whitebox{
background-color: #fff;
margin: 30px;

}

/* Navigation */
#nav {
	position: absolute;
	top: 52px;
	left: 140px; /*56px;*/
	margin: 0;
	padding: 0;
	height: 40px;
	width: 439px; /*524px;*/
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px; 
	}
	
#nav a:hover{
	background-position: 0 -40px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -80px;
	}
	
	
#thome a  {
	width: 70px;
	background: url(../images/nav_home.gif) top left no-repeat;
	}

#tproducts a  {
	width: 89px;
	background: url(../images/nav_products.gif) top left no-repeat;
	}

#tprojects a  {
	width: 85px;
	background: url(../images/nav_projects.gif) top left no-repeat;
	}

#tpartners a  {
	width: 87px;
	background: url(../images/nav_partners.gif) top left no-repeat;
	}
	
#taboutus a  {
	width: 90px;
	background: url(../images/nav_aboutus.gif) top left no-repeat;
	}
	
#tcontactus a  {
	width: 103px;
	background: url(../images/nav_contactus.gif) top left no-repeat;
	}
	
/* Links */

a:link {
color: #004a88;
text-decoration: underline;
}

a:visited {
color: #004a88;
text-decoration: underline;
}

a:active {
color: #004a88;
text-decoration: underline;
}

a:hover {
color: #0079e5;
text-decoration: underline;
}

#footer a:link {
color: #fff;
text-decoration: none;
}

#footer a:visited {
color: #fff;
text-decoration: none;
}

#footer a:active {
color: #fff;
text-decoration: none;
}

#footer a:hover {
color: #fff;
text-decoration: underline;
}

/* Tables */

table{
background-color: fff;
line-height: 18px;
text-align: left;
}

td{
vertical-align: top;
}

.tablerowheader{
background-color:#bbb;
}

.tablerow1{
background-color:#ddd;
}

.tablerow2{
background-color:#eee;
}