body { 

	margin: 0px; 
	padding: 0px;
	font-size: small; 
	font-family: "trebuchet ms", georgia, tahoma, verdana, "san-serif";
	color: white;
	background: #c2c6c2;	
	
}


* html body { 
	font-size: x-small; /*for IE5/Win*/
	f\ont-size: small; /*for other IE versions*/
}

a:link {
	color: white;
	text-decoration: underline;
}

a:link:visited {
	color: purple;
	text-decoration: underline;
}

a:link:hover {
	color: blue;
	text-decoration: underline;
}

a.greenlink:link {
	color: green;
	text-decoration: underline;
	
}

a.greenlink:visited {
	color: purple;
	text-decoration: underline;
	
}

a.greenlink:hover {
	color: blue;
	text-decoration: underline;
	
}

a.yellowlink:link {
	color: #bcf190;
	text-decoration: underline;
}

a.yellowlink:visited {
	color: purple;
	text-decoration: underline;
}

a.yellowlink:hover {
	color: blue;
	text-decoration: underline;
}

a.blacklink:link {
	color: black;
	text-decoration: underline;
	
}

a.blacklink:visited {
	color: purple;
	text-decoration: underline;
}

a.blacklink:hover {
	color: blue;
	text-decoration: underline;
}

h1 {
	font-size: 130%;
	margin: 0 0 0 0;
}



h2 {
	
	font-size: 115%;

}



h3 {
	
	font-size: 110%;

}

h4 {
	font-size: 100%;
}
	

h5 {
	font-size: 90%;
	
}

h6 {
	font-size: 75%;
}

ul#pageone {
	margin: 1em 0 0 1em;
	padding: 0 0 1em 0;
	text-align: left;
	clear: both;
	
}

li {
	margin: 0 0 0 1em;
	padding: 0;
}	


#maincontainer {
	max-width: 1200px;
	min-width: 600px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 900px;
	background: url(images/bgtile.gif) repeat-y 50% 0;
	position: relative;
	
}

#topline {
	background: transparent url(images/topline.gif);
	position: relative;
	width: 900px;
	height: 20px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
}

#header {
	position: relative;
	width: 900px;
	height: 169px;
	background-color: #4d944d;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
}

#header span {
	background: transparent url(images/screenheader2.gif);
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
	height: 169px;
	overflow: hidden;
	
}

#cornerimage {
	background-image: url("images/headerimage.gif");
	background-repeat: no-repeat;
	position: absolute;
	top: 25px;
	left: 15px;
	height: 240px;
	width: 300px; 

}


#nav {
	background: #357d35 url(images/bgscreen.gif) repeat-x bottom left;
	border-top: 2px solid #bcf190;
	border-bottom: 2px solid #bcf190;
	width: 900px;
	height: 30px;
	left: 0;
	margin: 0 0 0 0;
	padding: 2px 0px 0px 0px;
	

}

#nav ul {
	float: right;
	margin: 0;
	padding: 0 2px 0 0;

}

#nav li { 
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: verdana, san-serif;
	font-size: 11px;
	line-height: 1.2;
	list-style: none;
}


#nav a {
	float: left;
	display: block; 
	margin: 0 1px 0 0;
	padding: 8px 8px;
	text-decoration: none;
	border: 1px solid white;
	border-bottom: none;
	color: white;
	background: url(images/green2.gif) repeat-x top left;
}
 

#nav a:hover {
	color: black;
	border: 1px solid gray;
	border-bottom: none;
	background: url(images/normal.gif) repeat-x top left;

}


#nav a.selected {
	color: green;
	border: 1px solid white;
	border-bottom: none;
	background: url(images/green.gif) repeat-x top left;
}



#leftcol {
	
	float: left;	
	left: 0px;
	top: 224px;
	background-color: #357d35;
	width: 220px;
	border-right: 2px solid #bcf190;
	
}

#leftcontainer {
	
	margin: 0 0 0 0;
}


#maincontent {
	
	float: left;
	width: 678px;
	background-color: #4d944d;
	padding: 0 0 0 0;
		
}



#homepagepics {
	
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	float: left;	

}


.caption {
	
	margin: 0 0 0 0;
	
	padding: 0 0 0 0;
}

#maincontent div {
	padding: 25px;
	padding-top: 18px;
	text-align: center;
}


#footer {
	background: transparent url(images/footer.gif);
	clear: both;
	position: relative;
	width: 900px;
	height: 20px;
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
	color: black;
	text-align: center;
	
}


#footer a {
	color: blue;
}


#satext {
	font-style: italic;
	margin: 15px 0 0 0;
	

}

#intro{
	text-align: center;
	line-height: 1.3;
	margin: 0 0 18px 0;
	
}

#best {
	text-decoration: underline;
}



#title {
	
	margin-top: 35px;
	margin-bottom: 0px;
	padding: 0 0 0 0;
	text-align: center;
	font-size: 120%;

}



#quicklinks {
	border: 3px solid white;
	border-right: none;
	border-left: none;
	background: #bcf190;
	text-align: center;
	color: green;
	padding: 3px 10px 3px 10px;
	font-size: 115%;
	line-height: 1.7;
}



.testimonial {
	font-size: 120%;
	text-align: center;
	margin-top: 40px;
	padding: 0 10px 0 10px;
}

#uscitylogo {

	margin-top: 40px;
	margin-left: 60px;
}

#comment1 {
	text-align: center;
	padding: 0 10px 0 10px;

}

.screenamerica {	
	border: 3px solid white;
	border-right: none;
	border-left: none;
	text-align: center;
	padding: 3px 10px 3px 10px;
	background: #bcf190;
	color: green;
	margin: 40px 0 15px 0;
	
	
}

#testname {
	padding: 0 10px 0 10px;
	text-align: center;
	margin: 0 0 30px 0;
}






/*Product Features Page */
#prodcontainer {
	max-width: 1200px;
	min-width: 600px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 900px;
	background: #4d944d;
	position: relative;
	
}

#prodcontent {
	border: 15px solid #357d35;
	padding: 15px 10px 10px 10px;
}

#prodcornerimage {
	background-image: url("images/headerimage.gif");
	background-repeat: no-repeat;
	position: absolute;
	top: 25px;
	left: 15px;
	height:	240px;
	width: 300px;

}

/*Applications Page */


#appscontainer {
	max-width: 1200px;
	min-width: 600px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 900px;
	background: #4d944d;
	position: relative;

}
#appscontent {
	border: 15px solid #357d35;
	padding: 15px 10px 10px 10px;
}

#toptext {
	text-align: center;
	font-size: 120%;
	padding: 5px 40px 10px 40px;
}
/* Photo Gallery Code */

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer containing div to fit the landscape, portrait and buttons */
#album {
	width:520px; 
	height:440px; 
	background:#bcf190 url(images/orangegarclosed.jpg) 25px 25px no-repeat;
	border:1px solid #aaa;
	margin:0 auto;
	padding-left: 7px;
}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
	padding:0; 
	margin:397px 0 0 0; 
	list-style-type:none; 
	position:relative; 
	width:520px;
}

/* remove the default image border */
.gallery img {
	border:0;
}

/* make the list horizontal */
.gallery li {
	float:left;
}

/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
	font-size:11px;
	float:left; 
	text-decoration:none; 
	color:#000; 
	background:#fff; 
	text-align:center; 
	width:26px; 
	height:26px; 
	line-height:24px; 
	border:1px solid #444;
	margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
	position:absolute; 
	top:-550px; 
	left:0; 
	visibility:hidden; 
	border:0;
}

/* fix the top position for the landscape images */
.gallery li a img.landscape {
	top:-372px;
	left: 18px;
}

/* fix the left position for the portrait images */
.gallery li a img.portrait {
	left:0;
	border-left:40px solid #eee;
	border-right:40px solid #eee;
}

/* style the hover background color for the text boxes */
.gallery li a:hover {
	background:#ddd;
}

/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
	background:#444; 
	color:#fff;
}

/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
	visibility:visible;
}

/* Estimates Page */

#container{

	border: 15px solid #357d35;
}

#formtext {
	text-align: center;
	padding-top: 35px;
	font-size: 120%;
	
}


#buttons {
	padding: 10px 0 15px 100px;
}


input.btn {
	font-weight: bold;
	font-family: "trebuchet ms", georgia, tahoma, verdana, "san-serif";
	
}

.address-block {
	padding: 5px 25px 0 10px;
	margin-left: 300px;
	border-bottom: 1px solid white;

	
}

dl.address-block dd label {
	display: block;
	padding: 0;
	margin: 0 0 0 0;
	font-size: 1em;
	
}

dd.state-zip div.state {
	display: block;
	float: left;
	padding: 0;
	margin-right: 13px;
}

dd.size p {
	text-decoration: underline;
	margin-top: 25px;
}

dd.size div.height {
	display: block;
	float: left;
	padding: 0;
	margin-right: 25px;
}


dd.type  {
	margin-bottom: 25px;
	padding-top: 10px;
	
}

dd.type div.regular {
	display: block;
	float: left;
	padding: 0;
	margin: 5px 25px 0 0;
}

dd.type div.solar {
	margin-top: 5px;
	margin-bottom: 0px;
}

/* Dealers Page */

#dealerform {

	border: 15px solid #357d35;
}

#formtext {
	text-align: center;
	padding-top: 25px;
	margin: 0 15px 0 15px;
	font-size: 120%;
	
}


#buttons {
	padding: 0 0 10px 100px;
}

input.btn {
	font-weight: bold;
	font-family: "trebuchet ms", georgia, tahoma, verdana, "san-serif";
	
}

.address-block {
	padding: 5px 25px 0 10px;
	margin-left: 250px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	width: 400px;
	
}

dl.address-block dd label {
	display: block;
	padding: 0;
	margin: 0 0 0 0;
	font-size: 1em;
	
}

dl.address-block dd {
	margin-top: 8px;
}

dd.state-zip div.state {
	display: block;
	float: left;
	padding: 0;
	margin-right: 13px;
}



/* Contact Page */




#contacttext {
	
	text-align: center;
	
	font-size: 115%;

}



#sb {
	
	padding-bottom: 15px;
	
	border-bottom: 1px solid white;

}



#comingsoon {
	
	text-align: center;
	
	font-size: 150%;
	
	padding-top: 100px;
	
	padding-bottom: 200px;
	

}

/* Thank You Page */

#thankyou {
	border: 15px solid #357d35;
}

#thankyou p {
	padding: 50px 150px 130px 150px;
	font-size: 120%;
	text-align: center;
}

/* Error Page */

#error {
	border: 15px solid #357d35;
}

#error p {
	padding: 50px 150px 170px 150px;
	font-size: 120%;
	text-align: center;
}