/**
 * Controls styles
 * ----------------------------------------------
 */
 
h1 { 
	font:0.8em; 
	margin:0 0;
}

h2 {
	font:0.6em; 
	margin:0 0 0;
}

h3 {
	font:0.5em; 
	margin:0 0 0;
}

	h1, h2, h3 a {
		color:orange;
	}
	
p { 
	line-height:1.5; 
	margin:0 0 0;
}

a.content:link         { text-decoration: underline; color:#80B912;}
a.content:hover    { text-decoration: underline; color:#80B912;}
a.content:visited   { text-decoration: underline; color:#80B912;}
a.content:active   { text-decoration: underline; color:#80B912;}

/* ---  NAVIGATION TOP STARTS --- */
#nav h1 { width: 290px; height: 72px; border: none; padding-bottom: 0; float: left; margin: 0;}
.nav { width:920px; padding-top:54px; border-bottom: 12px; border-bottom-color:#FF0000;}
.nav li { display: block; height: 100%; border-right: 0px solid #FFF; float:right; } 
.nav li a { display: block; height: 25px; float: left; color: #FFF; text-transform: lowercase; overflow: hidden; padding: 2px 2px; }

.nav li#topnav a:hover { background-color:#006699; text-decoration:underline;}
.nav li#topnav a {color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center; height: 80px; text-decoration:none; }
.nav li#topnav a:hover span {background-color:#006699; text-decoration:underline;} 
.nav li#topnav.selected a {background-color:#333333;}


/* ---  HOME PAGE  TOP STARTS  --- */

div#content_hp     {border-bottom:0px solid #333333; text-align:center;	padding-top:0px; padding-left:4px;}
div#content_hp td {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF }
div#content_hp th {color: #FFFFFF; font-weight:bold; text-align:center;}
div#content_hp p {color: #FFFFFF;}
div#content_hp title {
	font-size: 24pt;
	color: #626262;
}
div#content_hp subtitle {
	font-size: 20pt;
	color: #626262;
}
div#content_hp p {color: #FFFFFF}
div#content_hp .style1 {color: #FFFFFF}
div#content_hp .style2 {color: #FFFFFF; padding-left:5px; padding-right:5px;}
div#content_hp .style2 a {color: #FFFFFF; padding-left:5px; padding-right:5px; text-decoration:none;}
div#content_hp .style3 {font-size: 9pt;	color: #FFFFFF; padding-right:5px; text-decoration:none;}
div#content_hp .style3 a {text-decoration:underline;}
div#content_hp .obd a {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration:none;}

/***************  IMAGE ROLLOVER HOMEPAGE **************/
a.rollover1 { 
        background:url(images/hp/hp_doors.jpg) no-repeat 0px 0px; 
        width: 130px; 
        height: 150px; 
        display: block; 
}

a.rollover1 span { 
        display: none; 
}

a.rollover1:hover { 
        background: url(images/hp/hp_doors_ovr.jpg) no-repeat 0px 0px; 
}
/*****  IMAGE 2  ********/
a.rollover2 { 
        background:url(images/hp/hp_windows.jpg) no-repeat 0px 0px; 
        width: 130px; 
        height: 150px; 
        display: block; 
}

a.rollover2 span { 
        display: none; 
}

a.rollover2:hover { 
        background: url(images/hp/hp_windows_ovr.jpg) no-repeat 0px 0px; 
}

/*****  IMAGE 3  ********/
a.rollover3 { 
        background:url(images/hp/hp_conserv.jpg) no-repeat 0px 0px; 
        width: 130px; 
        height: 150px; 
        display: block; 
}

a.rollover3 span { 
        display: none; 
}

a.rollover3:hover { 
        background: url(images/hp/hp_conserv_ovr.jpg) no-repeat 0px 0px; 
}

/*****  IMAGE 4  ********/
a.rollover4 { 
        background:url(images/hp/hp_roofline.jpg) no-repeat 0px 0px; 
        width: 130px; 
        height: 150px; 
        display: block; 
}

a.rollover4 span { 
        display: none; 
}

a.rollover4:hover { 
        background: url(images/hp/hp_roofline_ovr.jpg) no-repeat 0px 0px; 
}

/*****  IMAGE 5  ********/
a.rollover5 { 
        background:url(images/hp/hp_roofdome.jpg) no-repeat 0px 0px; 
        width: 130px; 
        height: 150px; 
        display: block; 
}

a.rollover5 span { 
        display: none; 
}

a.rollover5:hover { 
        background: url(images/hp/hp_roofdome_ovr.jpg) no-repeat 0px 0px; 
}

/*****  IMAGE 6  ********/
a.rollover6 { 
        background:url(images/hp/hp_carport.jpg) no-repeat 0px 0px; 
        width: 130px; 
        height: 150px; 
        display: block; 
}

a.rollover6 span { 
        display: none; 
}

a.rollover6:hover { 
        background: url(images/hp/hp_carport_ovr.jpg) no-repeat 0px 0px; 
}

/*****  QUOTE COPY ONLY  ********/
.quote a, a:link {text-decoration:underline; color:#FFFFFF; padding-left:0px; padding-right:0px;}
.quote a:visted {text-decoration:underline; color:#FFFFFF; padding-left:1px; padding-right:5px; background-color:#FFCC33;}
.quote a:active {text-decoration:underline; color:#FFFFFF; padding-left:1px; padding-right:5px;}	
.quote a:hover {text-decoration:underline; color:#FFFFFF; padding-left:1px; padding-right:5px;}	

li.quote {list-style:none;}
ul.quote {margin-left:5px;}

/**********************  CONTACT FORM  ****************************************/
.submit {
color: #FFFFFF;
background: #000066;
margin-left: 10em;
border: thin solid #00CCFF;
}
form {
text-align: left;
color:#000000;
}

label {
display: block;
float: left;
width: 10em;
text-align: left;
