body {
	background: url(images/bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px auto 0px auto;
}

#container {
	margin: 10px auto 0px auto;
	background-color:#FFFFFF;
	width: 965px;
	padding: 0 0 0 0;
}

#secondarybody {
	margin: 0 0 0 0;
	background-image: url(images/secondarybody-bg.jpg) no-repeat;
	width: 955px;
	padding: 5px 10px 0 10px;
}

#header {
	width:965px;
	height: 85px;
}

.list1 {
	margin-left:0px;
	margin-top:0px;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
}
.list1 li {
	background: url(images/bullet.png) left top no-repeat;
	padding-left:30px;
	margin-left: 5px;
	margin-bottom: 10px;
}

#footer {
	width: 965px;
	height: 40px;
	margin: 5px auto 10px auto;
	text-align: left;
	font-size: 11px;
	color: #FFFFFF;
}

/* HOME PAGE - BODY LINKS */

.homenav {
	width: 965px;
	height: 123px;
	vertical-align: text-bottom;
}

div#bodycr {
	width: 307px;
	height: 38px;
	background: url(images/home-coolroof-txt.jpg) no-repeat;
	float: left;
	padding: 5px 5px 0 10px;
	font-size: 11px;
	color: #FFFFFF;
}

div.crhome {
    width: 322px;
    height: 123px;
	float: left;
}

a.crhome {
    display: block;
    width: 322px;
    height: 123px;
    text-decoration: none;
    background: url(images/home-coolroof.jpg);
}

a.crhome:hover {
    background-position: -322px 0;
}

div#bodyf {
	width: 307px;
	height: 38px;
	background: url(images/home-foam-txt.jpg) no-repeat;
	float: left;
	padding: 5px 5px 0 10px;
	font-size: 11px;
	color: #FFFFFF;
}

div.fhome {
    width: 322px;
    height: 123px;
	float: left;
}

a.fhome {
    display: block;
    width: 322px;
    height: 123px;
    text-decoration: none;
    background: url(images/home-foam.jpg);
}

a.fhome:hover {
    background-position: -322px 0;
}

div#bodymetal {
	width: 306px;
	height: 38px;
	background: url(images/home-metal-txt.jpg) no-repeat;
	float: right;
	padding: 5px 5px 0 10px;
	font-size: 11px;
	color: #FFFFFF;
}

div.mhome {
    width: 321px;
    height: 123px;
	float: left;
}

a.mhome {
    display: block;
    width: 321px;
    height: 123px;
    text-decoration: none;
    background: url(images/home-metal.jpg);
}

a.mhome:hover {
    background-position: -321px 0;
}

.homenav2 {
	width: 965px;
	height: 127px;
	vertical-align: text-bottom;
}

div#bodyrub {
	width: 307px;
	height: 35px;
	background: url(images/home-rubber-txt.jpg) no-repeat;
	float: left;
	padding: 5px 5px 0 10px;
	font-size: 11px;
	color: #FFFFFF;
}

div.rhome {
    width: 322px;
    height: 127px;
	float: left;
}

a.rhome {
    display: block;
    width: 322px;
    height: 127px;
    text-decoration: none;
    background: url(images/home-rubber.jpg);
}

a.rhome:hover {
    background-position: -322px 0;
}

div#bodyt {
	width: 307px;
	height: 35px;
	background: url(images/home-tile-txt.jpg) no-repeat;
	float: left;
	padding: 5px 5px 0 10px;
	font-size: 11px;
	color: #FFFFFF;
}

div.thome {
    width: 322px;
    height: 127px;
	float: left;
}

a.thome {
    display: block;
    width: 322px;
    height: 127px;
    text-decoration: none;
    background: url(images/home-tile.jpg);
}

a.thome:hover {
    background-position: -322px 0;
}

div#bodya {
	width: 306px;
	height: 35px;
	background: url(images/home-asphalt-txt.jpg) no-repeat;
	float: left;
	padding: 5px 5px 0 10px;
	font-size: 11px;
	color: #FFFFFF;
}

div.ahome {
    width: 321px;
    height: 127px;
	float: left;
}

a.ahome {
    display: block;
    width: 321px;
    height: 127px;
    text-decoration: none;
    background: url(images/home-asphalt.jpg);
}

a.ahome:hover {
    background-position: -321px 0;
}

/* COOL ROOF ELEMENTS */

.crleft{
	width: 567px;
	margin: 0 0 10px 0;
	float: left;
}

.crright {
	width: 361px;
	margin: 0 10px 0 0;
	float: right;
}

/* FOAM ELEMENTS */

.foamleft{
	width: 340px;
	margin: 0 0 10px 0;
	float: left;
}

.foamright {
	width: 590px;
	margin: 0 10px 0 0;
	float: right;
}

/* FOOTER IMAGE */

.crcomp {
	width: 540px;
	height: 48px;
	background: url(images/coolroof-comp.jpg) no-repeat;
	font-size: 11px;
	float: left;
	padding: 30px 415px 0 10px;;
}

div.comp {
    width: 965px;
    height: 28px;
	float: left;
	vertical-align: text-bottom;
}

a.comp {
    display: block;
    width: 436px;
    height: 28px;
    text-decoration: none;
    background: url(images/coolroof-comp-click.jpg);
}

a.comp:hover {
    background-position: -436px 0;
}

/* NAVIGATION */

#nav {
	width: 965px;
	height: 33px;
	vertical-align: text-bottom;
}

a {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	color: #66CC33;
}

div.coolroof {
    width: 113px;
    height: 33px;
	float: left;
}

a.coolroof {
    display: block;
    width: 113px;
    height: 33px;
    text-decoration: none;
    background: url(images/nav-cool.jpg);
}

a.coolroof:hover {
    background-position: -113px 0;
}

div.foam {
    width: 81px;
    height: 33px;
	float: left;
}

a.foam {
    display: block;
    width: 81px;
    height: 33px;
    text-decoration: none;
    background: url(images/nav-foam.jpg);
}

a.foam:hover {
    background-position: -81px 0;
}

div.metal {
    width: 87px;
    height: 33px;
	float: left;
}

a.metal {
    display: block;
    width: 87px;
    height: 33px;
    text-decoration: none;
    background: url(images/nav-metal.jpg);
}

a.metal:hover {
    background-position: -87px 0;
}

div.tile {
    width: 68px;
    height: 33px;
	float: left;
}

a.tile {
    display: block;
    width: 68px;
    height: 33px;
    text-decoration: none;
    background: url(images/nav-tile.jpg);
}

a.tile:hover {
    background-position: -68px 0;
}

div.rubber {
    width: 94px;
    height: 33px;
	float: left;
}

a.rubber {
    display: block;
    width: 94px;
    height: 33px;
    text-decoration: none;
    background: url(images/nav-rubber.jpg);
}

a.rubber:hover {
    background-position: -94px 0;
}

div.asphalt {
    width: 97px;
    height: 33px;
	float: left;
}

a.asphalt {
    display: block;
    width: 97px;
    height: 33px;
    text-decoration: none;
    background: url(images/nav-asphalt.jpg);
}

a.asphalt:hover {
    background-position: -97px 0;
}

div.quote {
    width: 122px;
    height: 33px;
	float: left;
}

a.quote {
    display: block;
    width: 122px;
    height: 33px;
    text-decoration: none;
    background: url(images/nav-quote.jpg);
}

a.quote:hover {
    background-position: -122px 0;
}

div.right-email {
    width: 303px;
    height: 33px;
	float: left;
}

a.right-email {
    display: block;
    width: 303px;
    height: 33px;
    text-decoration: none;
    background: url(images/nav-right.jpg);
}

a.right-email:hover {
    background-position: -303px 0;
}

div.cool-button {
    width: 342px;
    height: 40px;
	float: left;
}

a.cool-button {
    display: block;
    width: 342px;
    height: 40px;
    text-decoration: none;
    background: url(images/cool_button.jpg);
}

a.cool-button:hover {
    background-position: -342px 0;
}

.style1 {
	color: #666666;
	font-size: 18px;
	font-weight: bold;
}

#comp-left {
	float:left;
	width:450px;
	padding-left:15px;
	padding-right:30px;
}

#comp-right {
	padding-left:495px;
	padding-right:30px;
}