body { 
	background: #000000; 
	margin: 0 0 0 0; 
	padding: 0 0 0;
	font-family: Century Gothic, Helvetica, Verdana, Geneva, Arial, sans-serif;
	link-color: green;
	
	}

.hidden { 
	display: none; 
	}

.unhidden { 
	display: block; 
	}

a:link { 
	text-decoration: none; 
	color: #ffffff;
	}
a:visited { 
	text-decoration: none; 
	color: #ffffff;
	}
a:hover, a:active { 
	text-decoration: none; 
	color:#66ccff;
	}

#container {
	position: absolute;
	width: 900px;
	height: 1450px;
	top: 0px;
	left: 50%;
	text-align: left;
	margin-left: -475px;
	z-index: 2;
	border: none;
	
	}

#heading {
	position: absolute;
	width: 425px;
	height: 52px;
	left: 0px;
	top: 0px;
	margin-left: 170px;
	margin-top: 40px;
	z-index: 50;
	}

#headinglink {
	width: 425px;
	height: 52px;
	display: block;
	background-image: url(../images/headertext.jpg);
	background-repeat: no-repeat;
	}

#header {
	position: absolute;
	width: 700px;
	height: 200px;
	display: block;
	left: 0px;
	top: 0px;
	margin-left: 190px;
	margin-top:120px;	
	background-image: url(../images/products_header.jpg);
	background-repeat: repeat-x repeat-y;
	z-index: 50;
	}


#pagetitle {
	position: absolute;
	width:200px;
	height: 50px;
	margin-left: 205px;
	margin-top: 260px;	
	font-size: 40px;
	color: white;
	z-index: 55;
	border: none;
	}


#navigation {
	position: absolute;
	width: 255px;
	height: 125px;
	left: 0px;
	top: 0px;
	margin-left: 20px;
	margin-top: 145px;
	border: none;
	z-index: 70
	}


#aboutus {
	width: 255px;
	height: 25px;
	text-indent: -99999px;
	overflow: hidden;
	display: block;
	background: transparent url(../images/about_button.gif) 0 0 no-repeat;
	margin-top: 5px;
	}

#aboutus:hover {
	background-position: 0 -25px;
	}

#products {
	width: 255px;
	height: 25px;
	text-indent: -99999px;
	overflow: hidden;
	display: block;
	background: transparent url(../images/products_page_button.gif) 0 0 no-repeat;
	margin-top: 5px;
	}



#installation {
	width: 255px;
	height: 25px;
	text-indent: -99999px;
	overflow: hidden;
	display: block;
	background: transparent url(../images/installation_button.gif) 0 0 no-repeat;
	margin-top: 5px;
	}

#installation:hover {
	background-position: 0 -25px;
	}

#contractors {
	width: 255px;
	height: 25px;
	text-indent: -99999px;
	overflow: hidden;
	display: block;
	background: transparent url(../images/contractors_button.gif) 0 0 no-repeat;
	margin-top: 5px;
	}

#contractors:hover {
	background-position: 0 -25px;
	}


#contactus {
	width: 255px;
	height: 25px;
	text-indent: -99999px;
	overflow: hidden;
	display: block;
	background: transparent url(../images/contact_button.gif) 0 0 no-repeat;
	margin-top: 5px;
	}

#contactus:hover {
	background-position: 0 -25px;
	}





#imagecontainer {

	position: absolute;	
	width: 100px;
	height: 800px;
	!border: blue 1px solid;
	z-index: 200;
	margin-left: 0px;
	margin-top: 350px;
	
	}


.listing {
	positions: absolute;
	width: 100px;
	height: 150px;
	text-align: left;
	font family: Century Gothic, Helvetica, Verdana, Geneva, Arial, sans-serif;
	color: white;
	font-size: 15px;
	margin-left: 0px;
	margin-top: 20px;
	


	}

.listing2 {
	positions: absolute;
	width: 100px;
	height: 150px;
	text-align: left;
	font family: Century Gothic, Helvetica, Verdana, Geneva, Arial, sans-serif;
	color: white;
	font-size: 15px;
	margin-left: 0px;
	margin-top: 0px;



	}


#productbox {
	position: absolute;
	width: 500px;
	height: 1000px;
	display: block;
	left: 0px;
	top: 0px;
	margin-left: 190px;
	margin-top: 380px;	
	background-image: url(../images/trans3.gif);
	background-repeat: repeat-x repeat-y;
	letter-spacing: none;
	line-height: 18px;
	z-index: 25;
	}

.productpics {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 0px;
	top: 0px;
	color: white;
	margin-left: 20px;
	padding: none;
	font-family: Century Gothic, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 14px;
	border: none;	
	}

#product1 {
	position: absolute;
	width: 500px;	
	height: 100px;
	margin-left: 0px;	
	margin-top: 5px;
	
	border-bottom: 1px #6d6d6d solid;

	}

#product1text {
	position: absolute;
	width: 350px;
	height: 100px;
	left: 0px;
	top: 0px;
	color: white;
	margin-top: 0px;
	margin-left: 120px;
	padding: 0 25px 0 25px;
	font-family: Century Gothic, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 13px;

	border-left: 1px #6d6d6d solid;	
	}

#product2 {
	position: absolute;
	width: 500px;	
	height: 100px;
	margin-left: 0px;	
	margin-top: 132px;
	border-bottom: 1px #6d6d6d solid;
	
	}


#product2text {
	position: absolute;
	width: 350px;
	height: 100px;
	left: 0px;
	top: 0px;
	color: white;
	margin-top: 0px;
	margin-left: 120px;
	padding: 0 25px 0 25px;
	font-family: Century Gothic, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 13px;
	

	border-left: 1px #6d6d6d solid;
	}

#product3 {
	position: absolute;
	width: 500px;	
	height: 100px;
	margin-left: 0px;	
	margin-top: 254px;	
	border-bottom: 1px #6d6d6d solid;
	
	}

#product3text {
	position: absolute;
	width: 350px;
	height: 100px;
	left: 0px;
	top: 0px;
	color: white;
	margin-top: 0px;
	margin-left: 120px;
	padding: 0 25px 0 25px;
	font-family: Century Gothic, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 13px;
	

	border-left: 1px #6d6d6d solid;
	}

#product4 {
	position: absolute;
	width: 500px;	
	height: 100px;
	margin-left: 0px;	
	margin-top: 376px;	
	border-bottom: 1px #6d6d6d solid;
	
	}

#product4text {
	position: absolute;
	width: 350px;
	height: 100px;
	left: 0px;
	top: 0px;
	color: white;
	margin-top: 0px;
	margin-left: 120px;
	padding: 0 25px 0 25px;
	font-family: Century Gothic, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 13px;
	

	border-left: 1px #6d6d6d solid;
	}

#product5 {
	position: absolute;
	width: 500px;	
	height: 100px;
	margin-left: 0px;	
	margin-top: 498px;	
	border-bottom: 1px #6d6d6d solid;
	
	}

#product5text {
	position: absolute;
	width: 350px;
	height: 100px;
	left: 0px;
	top: 0px;
	color: white;
	margin-top: 0px;
	margin-left: 120px;
	padding: 0 25px 0 25px;
	font-family: Century Gothic, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 13px;
	
	border-left: 1px #6d6d6d solid;
	}

#product6 {
	position: absolute;
	width: 500px;	
	height: 100px;
	margin-left: 0px;	
	margin-top: 620px;	
	border-bottom: 1px #6d6d6d solid;
	
	}

#product6text {
	position: absolute;
	width: 350px;
	height: 100px;
	left: 0px;
	top: 0px;
	color: white;
	margin-top: 0px;
	margin-left: 120px;
	padding: 0 25px 0 25px;
	font-family: Century Gothic, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 13px;
	
	border-left: 1px #6d6d6d solid;
	}


#product7 {
	position: absolute;
	width: 500px;	
	height: 100px;
	margin-left: 0px;	
	margin-top: 742px;	
	border-bottom: 1px #6d6d6d solid;
	
	}

#product7text {
	position: absolute;
	width: 350px;
	height: 100px;
	left: 0px;
	top: 0px;
	color: white;
	margin-top: 0px;
	margin-left: 120px;
	padding: 0 25px 0 25px;
	font-family: Century Gothic, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 13px;
	
	border-left: 1px #6d6d6d solid;
	}

#product8 {
	position: absolute;
	width: 500px;	
	height: 100px;
	margin-left: 0px;	
	margin-top: 864px;	
	border-bottom: 1px #6d6d6d solid;
	
	}

#product8text {
	position: absolute;
	width: 350px;
	height: 100px;
	left: 0px;
	top: 0px;
	color: white;
	margin-top: 0px;
	margin-left: 120px;
	padding: 0 25px 0 25px;
	font-family: Century Gothic, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 13px;
	
	border-left: 1px #6d6d6d solid;
	}

#sidebar {
	position: absolute;
	width: 135px;
	height: 450px;
	color: #dadada;
	margin-top: 380px;
	margin-left: 740px;
	padding: 0 5px 0 20px;
	font-family: Century Gothic, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 1px;
	border: none;
	z-index: 10;
	background-image: url(../images/dash.gif);
	background-repeat: repeat-y;

	}

#pileotile {
	position: absolute;
	width: 250px;
	height: 227px;
	margin-top: 865px;
	margin-left: 640px;	
	border: none;
	background-image: url(../images/pileotile2.jpg);
	background-repeat: no-repeat;
	}


#brands {
	position: absolute;
	width: 135px;
	height: 300px;
	color: #dadada;
	margin-top: 445px;
	margin-left:40px;
	padding: 0 5px 0 00px;
	font-family: Century Gothic, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	border: none;
	z-index: 10;
	background-image: url(../images/dash.gi);
	background-repeat: repeat-y;
	padding: 0 0 0 25px;
	}



li {
	list-style-type: none;
	text-decoration: none;
	}

h1 {
	font-size: 15px;
	color: #dadada;
	text-align: left;
	}

#bottomnav {
	position: absolute;
	width: 900px;
	height: 40px;
	margin-left: 95px;
	margin-top: 1375px;
	border: none;
	font-size: 12px;
	color: #6d6d6d;
	border: none;
	}

.navborder {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px white solid;
	}

#noborder {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;
	border-right: none;
	}

#sig {
	display: inline;
	list-style-type: none;
	border: none;
	font-size: 10px;
	color: #6d6d6d;
	text-align: right;
	}

.bluehouse {
	color: #6d6d6d;
	}


.spaced {
	letter-spacing: 1px;
	}

#suntouch {
	position: absolute;
	width: 125px;
	height: 100px;
	left: 0px;
	top: 0px;
	margin-left:40px;
	margin-top: 340px;
	border: none;
	}

#suntouchlink {
	position: absolute;
	width: 125px;
	height: 100px;
	left: 0px;
	top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	border: none;
	background-image: none;
	background-repeat: no-repeat;
	}
.spaced {
	letter-spacing: 1px;
	}