@charset "UTF-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

html{
	background:url(images/bg-html.jpg);
}

body{
	background:url(images/body-bg.png) top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

a{
	outline:none;
}

#spam{
	display:none;
}

body#residential{
	background:url(images/body-bg-alt.png) top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

h1 span, h2 span{
	display:none;
}

a:link, a:visited{
	color:#1276b7;
	text-decoration:underline;
}

a:active, a:hover{
	color:#1276b7;
	text-decoration:none;
}

.clear{
	clear:both;
}

#container{
	width:1024px;
	margin:0px auto;
	padding-bottom:300px;
}

body#residential #container{
	width:1024px;
	margin:0px auto;
	padding-bottom:10px;
}

#pencil{
	background:url(images/pencil.png) 490px 0px no-repeat;
	width:1124px;
	height:240px;
	position:absolute;
	z-index:20;
	top:-58px;
}

#logo-link{
	background:url(images/biz-cards.png) no-repeat;
	display:block;
	width:460px;
	height:302px;
	float:left;
}

#nav{
	background:url(images/nav.jpg) no-repeat;
	width:545px;
	height:53px;
	float:left;
	margin-top:188px;
}

#nav li span { display: none; }

#nav li {
	position:relative;
	float:left;
	list-style:none;
	}

#nav li, #nav a { 
	height:53px;			/* Each button must have the same height, define it here */
	display:block;
	}

#nav-01 {width:75px; } 
#nav-02 {width:128px; } 
#nav-03 {width:145px; } 
#nav-04 {width:77px; } 
#nav-05 {width:114px; }

#nav-01 a:hover { background:url("images/nav.jpg") 0px -53px no-repeat;  }
#nav-02 a:hover { background:url("images/nav.jpg") -75px -53px no-repeat; }
#nav-03 a:hover { background:url("images/nav.jpg") -203px -53px no-repeat; }
#nav-04 a:hover { background:url("images/nav.jpg") -348px -53px no-repeat;}
#nav-05 a:hover { background:url("images/nav.jpg") -425px -53px no-repeat; }

/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */


body#index #nav-01 { background:url("images/nav.jpg") -0px  -53px no-repeat; }
body#commercial #nav-02 { background:url("images/nav.jpg") -75px  -53px no-repeat; }
body#residential #nav-03 { background:url("images/nav.jpg") -203px  -53px no-repeat; }
body#about #nav-04 { background:url("images/nav.jpg") -348px  -53px no-repeat; }
body#contact #nav-05 { background:url("images/nav.jpg") -425px  -53px no-repeat; }

#content{
	width:1024px;
}

body#residential #content{
	width:1024px;
	margin-left:0px;
	background:url(images/content-bg.png) repeat-y;
}
	
	#screw-driver{
		background:url(images/screw-driver.png) no-repeat;
		width:195px;
		height:723px;
		position:absolute;
		z-index:20;
	}
	
	#pliers{
		background:url(images/pliers.png) no-repeat;
		width:741px;
		height:423px;
		top:900px;
		position:absolute;
		z-index:20;
	}

	#content p{
		margin:0px 30px 20px 206px;
		line-height:22px;
	}
	
	#content img.onpage{
		float:right;
		margin:0px 30px 5px 20px;
	}
	
	#content ul{
		margin:0px 0px 15px 200px;
	}
	
		#content li{
			margin:0px 0px 5px 15px;
		}
	
	#we-build-green{
		float:right;
		margin:0px 20px 0px 15px;
	}
	
	#we-build-green-alt{
		float:right;
		margin:0px 20px 0px 15px;
	}

h2#index-heading{
	background:url(images/home-page-heading.jpg) no-repeat;
	width:420px;
	height:75px;
	margin-left:206px;
}

h2#contact-heading{
	background:url(images/contact-heading.jpg) no-repeat;
	width:420px;
	height:75px;
	margin-left:206px;
}

h2#thankyou-heading{
	background:url(images/thankyou-heading.jpg) no-repeat;
	width:470px;
	height:75px;
	margin-left:206px;
}

h2#form-heading{
	background:url(images/form-heading.jpg) no-repeat;
	width:420px;
	height:75px;
	margin-left:206px;
}

form{
	margin-top:15px;
	margin-left:206px;
}	

input{
	border:2px solid #000;
	padding:10px;
	margin-bottom:10px;
	width:350px;
}

textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:2px solid #000;
	padding:10px;
	margin-bottom:10px;
	width:346px;
}

select{
	background:#fff;
	border:2px solid #000;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
	width:370px;
}

option{
	padding:0px 5px 0px 5px;
}

#service-requested{
	background:url(images/service-requested.jpg) no-repeat;
	width:420px;
	height:45px;
}

#Submit{
	background:url(images/send.jpg) no-repeat;
	border:none;
	width:113px;
	height:45px;
	cursor:pointer;
	outline:none;
}

#footer-home{
	width:454px;
	margin:190px 0px 0px 222px;
}

#footer-contact{
	width:454px;
	margin:205px 0px 0px 222px;
}

#footer-thankyou{
	width:454px;
	margin:845px 0px 0px 222px;
}

#footer-residential{
	background:url(images/footer.png) no-repeat;
	width:1024px;
	height:297px;
	margin-top:-15px;
}