@charset "utf-8";
/* HPS Home Improvements */

#header{
position:relative;
width:888px;
height:142px;
margin:auto;
padding:0;
}
#header_admin {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: auto;
	width: 888px;
}


#contact_text {
	position: absolute;
	height: auto;
	width: 578px;
	top: 68px;
	right: 6px;
	font-weight: 700;
}


#navigation{
position:relative;
width:888px;
height:33px;
margin:auto;
margin-bottom:5px;
background-image:url(../images/menu_bg.png);
background-repeat:no-repeat;
}

#top_content{
	position:relative;
	width:888px;
	height:auto;
	margin:auto;
	margin-bottom:5px;
}

.welcome_text{
float:left;
height:115px;
width:494px;
margin-bottom:0px;
border: 1px solid #e89e23;
background-image:url(../images/welcome_bg.png);
background-repeat:repeat;
}






#welcome_text_auto{
float:left;
height:278px;
width:494px;
border: 1px solid #e89e23;
background-image:url(../images/welcome_bg.png);
background-repeat:repeat;
}



#quote_area{
float:left;
height:160px;
width:496px;
margin-top:3px;
background-image:url(../images/quote_bg.png);
background-repeat:no-repeat;
}

#quote_areax{
float:left;
height:207px;
width:406px;
margin-top:10px;
margin-left:5px;

background-image:url(../images/quote_bg2.png);
background-repeat:no-repeat;
}


#top_left{
float:left;
height:auto;
width:498px;
margin:auto;
}

#top_leftx{
float:left;
height:auto;
width:498px;
margin:auto;
}

#image{
float:left;
height:280px;
width:388px;
margin:auto;
margin-left:2px;
background-image:url(../images/Slideshowbg.jpg);
background-repeat:no-repeat;
}


#hiq{
margin-top:5px;
}

#content{
position:relative;
width:888px;
height:auto;
margin:auto;
}
.content_wrapper {
	float: left;
	height: auto;
	width: 888px;
	background-color:#f2f2f2;
}

#left_content{
float:left;
width:415px;
height:271px;

}

#left_content3{
float:left;
width:415px;
height:auto;
}


.left_content2{
float:left;
width:100%;
height:auto;

}


#left_content4{
float:left;
width:390px;
height:auto;
}

#left_content41{
float:left;
width:390px;
height:275px;
margin-left:10px;
background-image:url(../images/chartered.jpg);
background-repeat:no-repeat;
background-position:98% 95%;
}

#WG{
float:left;
height:auto;
width:406px;
}


#middle_content_header{
width:auto;
height:28px;
}

#middle_content{
float:left;
width:453px;
height:138px;
margin-left:10px;
margin-bottom:10px;
}

#middle_content_auto{
float:left;
width:463px;
height:auto;
margin-left:10px;
margin-bottom:10px;
}

#middle_content_autox{
float:left;
width:463px;
height:auto;
margin-left:10px;
margin-bottom:10px;
background-image:url(../images/laffeme.jpg);
background-repeat:no-repeat;
background-position:98% 87%;
}

#index_images{
float:left;
width:auto;
height:auto;
margin-left:10px;
}

#index_images2{
float:left;
width:487px;
height:auto;
}

#middle_content_auto2{
float:left;
width:868px;
height:auto;
margin-left:10px;
margin-bottom:10px;
}

#middle_content_auto3{
float:left;
width:393px;
height:auto;
margin-bottom:10px;
}

#middle_content_auto4{
float:left;
width:auto;
height:auto;
margin-bottom:10px;
}

#middle_content_images{
float:left;
width:485px;
height:auto;
margin-left:10px;
margin-bottom:10px;
}

#middle_content_images_txt{
float:left;
width:465px;
height:auto;
margin-left:10px;
margin-bottom:10px;
}

#middle_content2{
float:left;
width:463px;
height:138px;
margin-left:10px;
}




#recent_jobs_image{
float:left;
height:105px;
width:145px;
margin:auto;
margin-right:2px;
margin-left:6px;
margin-top:5px;

}

#recent_jobs_image2{
float:left;
height:105px;
width:145px;
margin:auto;
margin-right:10px;
margin-left:17px;
margin-top:5px;
}

#services_jobs_image_left{
float:left;
height:auto;
width:145px;
margin:auto;
margin-right:10px;
margin-left:40px;
margin-top:10px;
}

#services_jobs_image2{
float:left;
height:auto;
width:145px;
margin:auto;
margin-right:10px;
margin-left:10px;
margin-top:10px;
}

#services_header{
background-image:url(../images/gradient.png);
background-repeat:repeat-x;
height:auto;
width:100%;
}




#welcome_list{
float:left;
height:auto;
width:auto;
margin-left:20px;
}

#list1{
padding-left:20px;
margin-right:15px;
margin-left:5px;
width:auto;
height:auto;
float:left;

}

#list1x{
padding-left:0px;
margin-right:25px;
margin-left:70px;
margin-top:5px;
width:auto;
height:auto;
float:left;

}

#list1y{
padding-left:20px;
margin-right:25px;
margin-left:30px;
margin-top:5px;
width:auto;
height:auto;
float:left;

}

#mm{
float:left;
margin:auto;
height:auto;
width:100%;
margin-top:10px;
}


#content_header{
width:auto;
height:28px;
margin:auto;
margin-top:10px;
background-image:url(../images/gradient.png);
background-repeat:repeat-x;
}

#content_header2{
width:auto;
height:28px;
margin:auto;
background-image:url(../images/gradient.png);
background-repeat:repeat-x;
}



#content_header_np{
width:auto;
height:28px;
margin:auto;
margin-top:10px;
background-image:url(../images/gradient.png);
background-repeat:repeat-x;
}

#content_header_np2{
width:auto;
height:28px;
margin:auto;
margin-top:10px;
margin-bottom:5px;
background-image:url(../images/gradient.png);
background-repeat:repeat-x;
}

#content_header_npx{
width:487px;
height:28px;
margin:auto;
margin-top:10px;
background-image:url(../images/gradient.png);
background-repeat:repeat-x;
}

#content_header_npz{
width:auto;
height:28px;
margin:auto;
margin-top:10px;
background-image:url(../images/gradient.png);
background-repeat:repeat-x;
}

#content_header_npq{
width:auto;
height:28px;
margin:auto;
margin-top:10px;
background-image:url(../images/gradient.png);
background-repeat:repeat-x;
}

#content_header_npw{
width:auto;
height:28px;
margin:auto;
margin-top:10px;
background-image:url(../images/gradient.png);
background-repeat:repeat-x;
}

#gallery{
position:relative;
width:400px;
height:300px;
margin:auto;
margin-top:5px;
background-color:#000000;
}

#jobs{
position:relative;
width:auto;
height:auto;
margin-top:5px;
}

#bottom_content{
float:left;
width:390px;
height:auto;
}

#bottom_content2{
float:left;
width:390px;
height:auto;
}

#thumbnail{
float:left;
height:70px;
width:100px;
margin:auto;
margin-right:10px;
margin-left:35px;
margin-top:5px;
background-color:#000000;
}

#thumbnail2{
float:left;
height:70px;
width:100px;
margin:auto;
margin-right:10px;
margin-left:10px;
margin-top:5px;
background-color:#000000;
}

#buttons{
float:right;
margin-top:10px;
margin-right:5px;
width:auto;
}


#footer{
position:relative;
width:888px;
height:29px;
background-image:url(../images/footer_gradient.jpg);
background-repeat:repeat-x;
margin:auto;
margin-top:5px;
}
#db{
	color:#FFFFFF;
	width:370px;
	height:29px;
	position:relative;
	margin-left:110px;

}

.button{
background-color:#fff;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#000;
border:2px solid #E89E24;
padding:2px 5px
}