/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	/*font-family				: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-size				: 80%;
	color					: #000;
	text-align				: center;
	margin					: 0px;
	padding 				: 0px;
	background-color		: #FFFFFF;
	background-image		: url(../images/bkgrnd.jpg);
	background-position		: top left;
	background-repeat		: repeat-x;
}


/*###################
##### CONTAINER #####
###################*/ 

#container{
	width					: 902px;
	margin-right			: auto;
	margin-left				: auto;
	margin-top				: 25px;
	margin-bottom			: 0px;
	padding					: 0px 0px 0px 0px;
	text-align				: left;
	display					: block;
	background-color		: #FFFFFF;	
	
}


/*###############
##### FONTS #####
###############*/ 

 
p{
	padding					: 10px 0px 10px 0px;
	margin					: 0px 0px 0px 0px;
	font-size 				: 105%;
	line-height				: 1.2em;
}



h1{ /* quote text used sidenav  */
	padding		 			: 0px 0px 5px 10px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;
	font-size 				: 150%;
	font-weight				: normal;
	color					: #FFF;
}

*html h1{ /* quote text used sidenav */
	margin	 				: -10px 0px 0px 0px;
}


h2{ /* quote text used for homepage */
	padding		 			: 15px 10px 40px 10px;
	margin					: 0px 0px 0px 0px;
	font-family				: "Times New Roman", Times, serif;
	text-transform			: uppercase;
	font-weight				: normal;
	line-height				: 1.0em;	
	font-size 				: 200%;
	color					: #1C3329;
	background-image		: url(../images/quote1.jpg);
	background-position		: top left;
	background-repeat		: no-repeat;
}

h3{ /* normal header */
	padding		 			: 10px 0px 10px 0px;
	margin					: 0px 0px 0px 0px;
	font-weight				: bold;
	line-height				: 1.0em;	
	font-size 				: 130%;
	color					: #1C3329;
}


h4{ /* quote text used teaser boxes */
	padding		 			: 5px 0px 5px 10px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;
	font-size 				: 150%;
	font-weight				: normal;
	color					: #FFF;
}

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

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



/*################
##### HEADER #####
################*/ 


#header{
	width					: 902px;
	min-height 				: 270px;
	margin					: 0px 0px 0px 0px;
	padding					: 0px;
	background-image		: url(../images/home-improvements.jpg);
	background-position		: top;
	background-repeat		: no-repeat;	
}

*html #header{
	height 					: 270px;
	
}



/*####################
### TOP NAVIGATION ###
####################*/ 


#topNav{
	float					: left;
	width					: 420px;

}

#topNav ul {
	list-style 				: none;
	height 					: 30px;
	margin					: 223px 0px 0px 32px;
	padding					: 0px;
	
}


#topNav ul li{
	display 				: inline;
	margin					: 0px 0px 0px 0px;
}

#topNav li a{
	display 				: block;
	float 					: left;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 20px;
	line-height				: 2.1em;
	height 					: 30px;
	width					: 105px;
	font-weight				: bold;
	color					: #FFF;
	font-family				: verdana;
	text-decoration 		: none;
	font-size 				: 14px;
	background-image		: url(../images/navBtn.jpg);
	background-repeat		: no-repeat;
	
}

*html #topNav li a{
	line-height				: 2.0em;
	
}


#topNav li a:hover, #topNav li a.selected{
	height 					: 30px;
	background-image		: url(../images/navBtnOver.jpg);
	background-repeat		: no-repeat;
}



/*#####################
### TOP FLASH MOVIE ###
#####################*/ 

#headerFlash{
	width 					: 468px;
	height					: 250px;
	float 					: right;
	margin					: 13px 14px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

*html #headerFlash{
	margin					: 13px 7px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

/*###############
#### CONTENT ####
###############*/ 
	
	
#content{
	margin					: 0px;
	padding					: 10px 10px 0px 10px;
	width 					: 880px;
	height					: auto;
	display 				: block;
	border-left				: 1px solid #666666;
	border-right			: 1px solid #666666;

}

#contentLeft{
	padding					: 0px;
	margin					: 0px;
	width 					: 227px;
	min-height				: 450px;
	display 				: block;
	float 					: left;
}

*html #contentLeft{
	height					: 450px;
}


#contentRight{
	padding					: 0px 0px 0px 10px;
	display					: block;
	margin					: 0px;
	width 					: 400px;
	min-height				: 450px;
	float					: left;
}

*html #contentRight{
	height					: 450px;
}



#contentRight ul{
	padding					: 0px 0px 0px 0px;
	margin					: 10px 0px 10px 25px;
}


#contentRight ul li{
	padding					: 0px 0px 15px 0px;
	margin					: 0px 0px 0px 0px;
	font-size				: 100%;
	line-height				: 1.2em;
}


#sideNavTop{
	width 					: 217px;
	height					: 7px;
	background-image		: url(../images/tblTop.gif);
	background-repeat		: no-repeat;
	background-position		: top;
}

#sideNav{
	padding					: 0px;
	margin					: 10px 0px 0px 0px;
	width 					: 217px;
	min-height				: 409px;
	background-color		: #5F7C70;
	background-image		: url(../images/tblMiddle.gif);
	background-repeat		: repeat-y;
}

*html #sideNav{
	height					: 409px;
}

#sideNavBottom{
	width 					: 217px;
	height					: 17px;
	background-image		: url(../images/tblBottom.gif);
	background-repeat		: no-repeat;
	background-position		: bottom;
	clear					: both;
}



/*#############
### TEASERS ###
#############*/ 

#teaser{
	padding					: 0px 0px 0px 0px;
	margin					: 10px 0px 0px 20px;
	width 					: 220px;
	height					: auto;
	float					: right;
}

.teaser{
	width					: 217px;
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px; 
	background-color		: #5F7C70;	
	background-image		: url(../images/teaserTop.gif);
	background-position		: top;
	background-repeat		: no-repeat;	
}


.teaserBottom{
	width					: 217px;
	height					: 30px;
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 10px 0px; 
	background-color		: #5F7C70;	
	background-image		: url(../images/teaserBottom.jpg);
	background-position		: bottom;
	background-repeat		: no-repeat;	
}


.teaser p{
	color					: #FFFFFF;
	font-size				: 110%;
	padding					: 0px 0px 0px 10px;
}

.teaserImg{
	margin					: 0px 8px 0px 5px;
	float					: right;
}

.teaserButton a{
	display					: block;
	float					: right;
	width					: 115px;
	height					: 30px;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 5px 0px 0px;
}

.teaserButton a:hover{
	background-image		: url(../images/teaserBtnOver.jpg);
	background-repeat		: no-repeat;
}




/*#####################
### SIDE NAVIGATION ###
#####################*/ 


#nav{
	display 				: block;
	margin					: 0px 0px 0px 0px;
	padding					: 10px 0px 0px 0px;
	width					: 214px;

}


#nav ul {
	color					: #004B9C;
	margin					: 0px;
	padding		 			: 0px 2px 0px 5px;
	font-size 				: 110%;
	font-weight				: bold;
	
}


#nav li {
	list-style				: none;
	padding-top				: 0px;
	
	
}

#nav li a {
	text-decoration			: none;
	display 				: block;
	height					: 38px;
	margin					: 0px 0px 10px 0px;
	padding					: 0px 0px 0px 20px;
	line-height				: 2.6em;
	color					: #FFF;
	background-image		: url(../images/navButton.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}


#nav li a:hover, #nav li a.selected {
	color					: #FFF;
	background-image		: url(../images/navButtonOver.gif);
	background-position		: left;
	background-repeat		: no-repeat;
	
}


.sideNavImg {
	padding					: 0px 0px 0px 0px;
	margin					: -35px 0px 0px 0px;
	float					: right;
	border					: 1px solid #1C3329;
	
}

/*################
##### FOOTER #####
################*/ 


#footer{
	width					: 902px;
	height					: 20px;
	margin-right			: auto;
	margin-left				: auto;
	line-height				: 1.2em;
	font-size				: 90%;
	color					: #666;
	clear					: both;

}



#copyright{
	padding		 			: 0px 20px 20px 0px;
	float					: left;
	text-align				: left;
	
}


#copyright a {
	text-decoration			: none;
	color					: #333;
}


#copyright a:hover {
	color					: #EE7D11;
	text-decoration			: underline;
}




/*##############
##### FORM #####
##############*/ 


.tblOutline{
	border					: 1px solid #CCC;
	padding					: 10px;
	background-color		: #EFEFEF;
	width					: 360px;
}

.formTbl{
	font-size				: 100%;
	
}

.formTbl td{
	vertical-align			: top;
	height					: 25px;
	line-height				: 1.4em;
	
}

.compTbl{
	font-size				: 95%;
	
}

.compTbl td{
	vertical-align			: top;
	height					: 25px;
	line-height				: 1.4em;
	
}


.formField{
	width					: 220px;
	height					: 16px;
	border					: 1px solid #666;
}

.formArea{
	width					: 220px;
	height					: 80px;
	border					: 1px solid #666;
}

/*###############
##### MISC. #####
###############*/ 


.clear{
	clear					: both;
	height					: 1px;
}

.quote{
	background-image		: url(../images/quote2.jpg);
	background-position		: bottom right;
	background-repeat		: no-repeat;
	width					: 390px;
}

.contentImg{
	margin					: 15px 10px 10px 0px;
	padding					: 0px 0px 0px 0px;
	border 					: 1px solid #1C3329;
}


.contentImgLeft{
	margin					: 15px 7px 10px 0px;
	padding					: 0px 0px 0px 0px;
	border 					: 1px solid #1C3329;
	float					: left;
}

.contentImgRight{
	margin					: 15px 0px 10px 7px;
	padding					: 0px 0px 0px 0px;
	border 					: 1px solid #1C3329;
	float					: right;
}

.compChoices{
	float					: left;
	margin					: 0px 10px 10px 10px;	
}