/*
Theme Name: WordPress Default
*/


/* ---------- RESET ----------------*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, input, th, td {
	margin: 0; padding: 0; border: 0; outline: none;
	}

html, body {
	height: 100%;
	}

body {
	background: #4b5b84 url(images/pagebg.png) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 82.5%;
	line-height: 1.3;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	}

ul, ol {
	list-style: none;
	}

.floatLeft {
	float: left;
	}

.floatRight {
	float: right;
	}

.topmargin {
	margin-top: 15px;
	}
	
.clear {
	clear: both;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}


/*----------- DIVS -------------*/

.container {
	margin: 0 auto;
	position: relative;
	width: 1000px;
	}
	
	.wrapper {
		background: #8c9ab9;
		height: 100%;	
		overflow: auto;
		}
		
			.bodytext {
				background: #c6cfe3;
				height: 100%;
				width: 980px;
				margin: -25px 0 17px 9px;
				overflow: auto;
				padding: 17px 0;
				*overflow: hidden;
				}
	
			
		.footer {
				background: #46587e url(images/bluedoubleline.png) top left no-repeat;
				height: 395px;
				margin: 0 auto;
				padding: 0;
				width: 1000px;
				z-index: 400;
		}
		
		.footer_contact {
			background: url(images/footernavbg.png) bottom left repeat-x;
			margin-top: 30px\9;
			min-height: 240px;
			}
	
/*----------- LISTS ------------*/

.bodytext ul {
	padding-left: 17px;
	}
	
	.bodytext ul li {
		color: #677495;
		list-style: square;
		margin: 10px 17px 10px 17px;
		}

/* Top navigation */

ul#topnav {
		background: url(images/topnavbg.png) top left no-repeat;
		height: 60px;
		margin: 10px 0 0 10px;
		padding: 20px;
		width: 949px;
		}
		
	ul#topnav li {
		float: left;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.2em;
		margin-left: 28px;
		}
	
/* Target Safari so top navigation does not break to the next line */

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
ul#topnav li { margin-left: 25px; }
}

/* end target Safari */

		ul#topnav li:first-child {
			margin-left: 0;
			}
			
			ul#topnav li.ie7large {
				*width: 80px;
				}
	
/* Top images */

.lgimages {
	margin: -25px 0 0 0;
	padding: 0;
	}

	.lgimages li {
			float: left;
			}
		
		.lgimages li {
			background: #415b95;
			border: 1px solid #a2b0cc;
			height: 222px;
			margin-left: 22px;
			padding-top: 10px;
			text-align: center;
			width: 310px;
			}
			
				.lgimages li:first-child {
					margin-left: 9px;
					}
					
					.iezindex {
						*z-index: 5000;
						}

/* Buckets */

#buckets {
	margin: 17px 0;
	*margin: 50px 0;
	*z-index: 100;
	}

#buckets li {
	background: url(images/bucketbg.png) top left no-repeat;
	float: left;
	margin-left: 25px;
	min-height: 200px;
	position: relative;
	width: 310px;
	}
	
	#buckets li:first-child {
		margin-left: 9px;
		}

/* Highlights */

#highlights {
	margin: 0;
	padding: 0;
	*font-size: 0;
	*line-height: 0;
	}

#highlights li {
	padding-top: 38px;
	margin: 0;
	}

#highlights li#residential {
	background: #4c6620 url(images/greenarrow.png) top left no-repeat;
	width: 100%;
	}
	
#highlights li#commercial {
	background: #ba9b65 url(images/khakiarrow.png) top left no-repeat;
	width: 100%;
	}
	
#highlights li#remodeling {
	background: #5b6d93 url(images/bluearrow.png) top left no-repeat;
	width: 100%;
	}
	
	/***** to make IE7 show font sizes properly *****/

.ie7size {
	*font-size: 13px;
	*line-height: 1.5;
	}
	
/* Footer Nav */

ul.footer_nav {
	padding: 31px 0 0 9px;
	margin: 0;
	}

ul.footer_nav li {
	float: left; 
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 31px;
	list-style-type: none;
	text-align: center;
	}
	
	ul.footer_nav li.footer_first {
		background: url(images/bottomnavfirst.png) top left no-repeat;
		height: 31px;
		width: 228px;
		}
		
	ul.footer_nav li.footer_middle {
		background: url(images/bottomnavmid.png) top left no-repeat;
		height: 31px;
		margin-left: 23px;
		width: 228px;
		}
		
	ul.footer_nav li.footer_last {
		background: url(images/bottomnavlast.png) top left no-repeat;
		height: 31px;
		margin-left: 23px;
		width: 228px;
		}
		
		
/* Footer contact info */

.footer_contact ul {
	}

		.footer_contact li {
			float: left;
			min-height: 120px;
			padding-top: 53px;
			width: 243px;
			text-align: center;
			}
			
				.footer_contact li.phone {
					background: url(images/phone_button.png) top center no-repeat;
					}
				
				.footer_contact li.email {
					background: url(images/email_button.png) top center no-repeat;
					}
					
				.footer_contact li.fax {
					background: url(images/fax_button.png) top center no-repeat;
					}
					
				.footer_contact li.mail {
					background: url(images/mail_button.png) top center no-repeat;
					}

/*----------- HEADINGS -------------*/

h1 {
	background: url(images/logo.png) top left no-repeat;
	float: left;
	height: 86px;
	margin-left: 5px;
	text-indent: -9999px;
	width: 215px;
	}
	
	h1 a {
		display: block;
		height: 86px;
		width: 215px;
		}
		
h2 { 
	float: left;
	margin: 10px 0 0 10px;
	text-indent: -9999px;
	}
	
	h2.why_choose {
		background: url(images/bucket_1.png) top left no-repeat;
		height: 53px;
		width: 195px;
		}
		
	h2.smart {
		background: url(images/bucket_2.png) top left no-repeat;
		height: 63px;
		width: 196px;
		}
		
	h2.process {
		background: url(images/bucket_3.png) top left no-repeat;
		height: 64px;
		width: 195px;
		}
		
h3 { 
	font-size: 2.5em;
	height: 46px;
	margin-left: 350px;
	padding-left: 73px;
	}
	
	h3.residential_head {
		background: url(images/res_button.png) top left no-repeat;
		color: #fff;
		}
		
	h3.comm_head {
		background: url(images/comm_button.png) top left no-repeat;
		height: 47px;
		color: #513e1e;
		}
	
	h3.remodel_head {
		background: url(images/remodel_button.png) top left no-repeat;
		color: #fff;
		}	

h4 { 
	background: url(images/contact_bar.png) top left no-repeat;
	color: #fff;
	font-size: 1.5em;
	font-style: italic;
	height: 46px;
	line-height: 40px;
	margin: 32px 0 15px -8px;
	padding-left: 55px;
	width: 1014px;
	}
	
h5 {
	color: #52658c;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: italic;
	}
    
h6 {
	border-bottom: 1px solid #8c9ab9;
	color: #2d4069;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
	font-style: italic;
	margin: 17px;
	padding-bottom: 16px;
	width: 97%;
	}
	
	h6.first { 
		margin: 0 17px 17px 17px;
		}

/*----------- LINKS ---------------*/

a {
	outline: none;
	text-decoration: none;
	}
	
	
a:link { 
	color: #3A4B6F;
	}
	
a:visited {
	color: #6F6F6F;
	}

a:hover {
	color: #27354F;
	}
	
	.header_email a:link, .header_email a:visited {
		color: #6d7879; 
		}
		
	.header_email a:hover {
		color: #3a4b6f;
		}
	
	#topnav a:link {
		color: #fff;
		}
		
	#topnav a:visited {
		color: #d2daeb;
		}
		
	#topnav a:hover {
		color: #e7e6ae;
		}
	
	.cta a:link {
		color: #fff;
		}
		
	.cta a:visited {
		color: #fff;
		}
		
	#highlights a:hover {
		color: #fff;
		}
		
	#residential a:link {
		color: #ccdbb3;
	}
	
	li#commercial a:link, a:visited {
		color: #f1e1c6;
		}
	
	li#remodeling a:link, a:visited {
		color: #dbdeee;
		}
		
	.footer_nav a:link {
		color: #a9b5c6;
		}
	
	.footer_nav a:visited {
		color: #b6c7d1;
		}
	
	.footer_nav a:hover {
		color: #fff;
		}
		
	.footer_contact a:link, .footer_contact a:visited {
		color: #b0b3c6;
		}
	
	.footer_contact a:hover {
		color: #fff;
		}

/*----------- SPANS ---------------*/

.header_phone {
	color: #0b686c;
	font-size: 2em;
	font-weight: bold;
	position: absolute;
	right: 12px; 
	top: 23px;
	}
	
.header_email {
	color: #6d7879;
	float: right;
	font-size: 1.3em;
	position: absolute;
	right: 12px;
	top: 55px;
	}
	
.cta {
	background: url(images/cta_button_bg.png) top left repeat-x;
display: inline-block;
	height: 24px;
	line-height: 24px;
	padding: 0 7px 0 7px;
	margin-left: 10px;
	}
	
.greenmore {
	background: url(images/greenmore.png) top left no-repeat;
	float: right;
	font-size: .6em;
	text-transform: uppercase;
	height: 17px;
	line-height: 15px;
	margin: 4px 0 0 0;
	padding-left: 5px;
	width: 51px;
	}
	
.khakimore {
	background: url(images/khakimore.png) top left no-repeat;
	float: right;
	font-size: .6em;
	text-transform: uppercase;
	height: 17px;
	line-height: 15px;
	margin: 4px 0 0 0;
	padding-left: 5px;
	width: 51px;
	}

.bluemore {
	background: url(images/bluemore.png) top left no-repeat;
	float: right;
	font-size: .6em;
	text-transform: uppercase;
	height: 17px;
	line-height: 15px;
	margin: 4px 0 0 0;
	padding-left: 5px;
	width: 51px;
	}
	
.red {
	color: red;
	}

/*----------- PARAGRAPHS ------------*/

p { 
	color: #677495;
	font-size: 1em;
	line-height: 1.5;
	margin: 10px 17px;
	}

#buckets p {
	clear: both;
	color: #06256b;
	font-size: .9em;
	line-height: 1.8;
	margin: 0;
	padding: 15px;
	width: 280px;
	}
	
	#buckets li.first p {
		padding-top: 25px;
		}

#highlights p {
	font-size: 1.3em;
	line-height: 1.5;
	margin: 10px 0 0 427px;
	padding: 0;
	width: 495px;
	}
	
	#highlights li#residential p {
		color: #cdd9b9;
		}
		
	#highlights li#commercial p {
		color: #5c4620;
		}
		
	#highlights li#remodeling p {
		color: #e8ebf1;
		}
		
.footer_contact p {
	color: #b0b3c6;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	

/*----------- IMAGES --------------*/

#highlights img {
	float: left; 
	margin: 0 38px 38px 38px;
	}
	
	#highlights li#residential img {
		border: 10px solid #364b11;
		}
		
	#highlights li#commercial img {
		border: 10px solid #513e1e;
		}
		
	#highlights li#remodeling img {
		border: 10px solid #344a78;
		}
		
/* Buckets */
		
		
#buckets li.first img {
	position: absolute;
	right: 0;
	top: -8px;
	z-index: 5000;
	}
	
#buckets li.second img {
	position: absolute;
	right: 6px;
	top: 6px;
	z-index: 5000;
	}
	
#buckets li.third img {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5000;
	}
	
.imageright {
	border: 5px solid #fff;
	float: right;
	margin: 17px;
	}
	
/*----------- FORM -------------*/

fieldset {
	background: url(images/graphpaper.jpg) top left no-repeat;
	border: 0;
	color: #677495;
	display: block;
	height: 398px;
	margin: 17px;
	padding: 20px;
	width: 811px;
	*padding-top: 0;
	}
	
	fieldset legend {
		background: #BA9B65;
		color: white;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.3em;
		font-style: italic;
		padding: 5px 10px;
		}
		
			.freestanding {
				padding: 5px 0 0 0;
				}

					.label_left {
						height: 1%;
						clear: left;
						margin: 0;
						padding: 5px 0 8px 0;
						padding-left: 60px;
						width: 286px;
						}
						
						.state_left {
							display: inline-block;
							width: 68px;
							}
				
					.label_left label {
						float: left;
						margin-left: -60px;
						width: 70px;
						}
						
					form label {
						width: 55px;
						}
				
					input, select, textarea {
						background: transparent;
						border-bottom: 1px solid #9F9F9F;
						font-family: Arial, Helvetica, sans-serif;
						}
					
					input {
						width: 200px;
						}
					
					select {
						background: #EFEEEC;
						width: 40px;
						}
						
					textarea {
						display: block;
						font-size: 1em;
						padding: 0;
						margin: 0;
						}
						
					.zipcode { 
						margin-left: 50px;
						}
						
						#zip {
							width: 41px;
							}	
							
					#residential, #commercial {
						border-bottom: 0; 
						width: 10px;
						}
						
						
					.formbutton {
						background: #BFA983;
						color: #fff;
						cursor: pointer;
						font-size: 1.1em;
						height: 30px;
						line-height: 30px;
						margin: 20px 0;
						width: 97px;
						}
		
					

/*--------- TABLE ----------*/

table { 
     margin-left: 10px;
     padding: 5px;
     }

td {
    color: #677495;
    margin: 10px;
    padding: 5px;
}
