@charset "utf-8";
/* CSS Document */
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; text-decoration:none; color:#330000; background:url(../images/bg_new.jpg) repeat-x top center fixed;}
#wraper{ width:1020px; margin-left:auto; margin-right:auto;}
.top_part{ width:1020px; height:30px; float:left;}
.main{ width:1020px; float:left; background:#FFFFFF;}
#wraper2{ width:960px; margin-left:auto; margin-right:auto;}
.main2{ width:960px; float:left;}
.headar{ width:960px; height:150px; float:left; }
.tel_text{ font-family: "Lucida Bright"; float:left; text-align:center; color:#663333; width:960px; font-size:18px; font-weight:bold; padding:17px 0 0 0;}
.logo{ width:421px; height:99px; float:left; margin:4px 0 0 270px;}
.saving_top{ width:190px; height:240px; float:right; background:url(../images/saving_top.jpg) no-repeat; margin:-37px -30px 0 0;}
.menu_main{ width:960px; height:30px; float:left; background:#663366;}
.menu{
	border:none;
	border:0px;
	margin:0 0px 0 0;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.menu ul{
	background:#663366;
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
}
.menu li{
	float:left;
	padding:0px;
}
.menu li a{
	border-left:#FFFFFF solid 2px;
	color:#ffffff;
	display:block;
	font-weight:normal;
	line-height:30px;
	margin:0px;
	padding:0px 15px 0 16px;
	text-align:center;
	text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
	background:#996633;
	color:#ffffff;
	text-decoration:none;
}
.menu #current{ color:#ffffff; background:#996633;}

.banner_main{ width:960px; height:300px; float:left; margin:2px 0 0 0;}
.banner_left{ width:717px; height:300px; float:left;}
.banner_right{ width:243px; height:300px; float:left; background:url(../images/banner_right_bg.jpg) no-repeat;}
.banner_Quality_text{ font-size:24px; font-family:"Lucida Bright"; color:#ffffff; text-align:left; padding:100px 0 0 18px;}
.banner_line{ width:243px; height:1px; float:left; background:#FFFFFF; margin:15px 0 20px 0;}
.banner_subtext{ font-size:12px; text-align:left; padding:0 0 0 18px; float:left; color:#FFFFFF; width:190px;}

.midal_contain{ width:960px; float:left; padding:0 0 0 0; z-index:50}
.midal_contain_left{ width:300px; float:left; margin:0 30px 0 0;}

.midal_contain_left_top_text{ font-family:"Lucida Bright"; font-size:24px; float:left; color:#663366; text-align:left;}
.midal_left_line{ width:300px; height:1px; float:left; background:#663366; margin:15px 0 10px 0;}
.midal_left_img01{ width:300px; height:130px; float:left;}
.midal_left_subtext{ font-size:12px; float:left; width:300px; color:#663366; padding:10px 0 20px 0; text-align:justify;}
.midal_left_more_bg{ width:300px; height:30px; float:left; background:#663366;}
.midal_more_text{ font-size:16px; font-weight:bold; color:#FFFFFF; padding:5px 0 0 10px; width:200px; float:left;}
.midal_more_text a{ text-decoration:none; color:#FFFFFF;}
.midal_more_text a:hover{ text-decoration:none; color:#FFFFFF;}
.arrow{ width:15px; height:22px; float:right; margin:4px 4px 0 0;}
.midal_contain_centre{ width:300px; float:left; margin:0 30px 0 0;}
.midal_contain_right{ width:300px; float:left; margin:0 0px 0 0;}

.bottom_left{ width:193px; height:243px; float:left; background:url(../images/saving.jpg) no-repeat; margin:-75px 0 0 -30px;}
.bottom_text{ width:795px; float:left; font-size:12px; color:#330000; padding:12px 0 2px 0; text-align: justify;}
.footer{ width:960px; height:30px; float:left; background:#663366; margin:-35px 0 0 0; position:relative; z-index:1;}
.footer_text{ width:960px; float:left; font-size:14px; color:#FFFFFF; text-align:center; padding:7px 0 0 0; }
.footer_text span{ color:#996633;}
.footer_text span a{ color:#996633;text-decoration:none;}
.footer_text span a:hover{ color:#996633;}
.bottom_part{ width:1020px; height:30px; float:left;}

/*home-improvements*/
.home_improvements_main{ width:960px; float:left; margin:0 0px 0 0;}
.home_improvements_subtext{ font-size:12px; float:left; width:930px; color:#663366; padding:10px 0 20px 0; text-align:justify;  position: relative;}
.home_improvements_img01{ width:450px; height:299px; float:left; position:relative;}
.home_improvements_img02{ width:450px; height:299px; float:left; position:relative; margin:0 0 0 60px;}
.home_improvements_bottom_left{ width:193px; height:243px; float:left; background:url(../images/saving.jpg) no-repeat; margin:-160px 0 0 -30px;}
.home_improvements_footer{ width:960px; height:30px; float:left; background:#663366; margin:-52px 0 0 0; position:relative; z-index:1;}

/*building*/
.building_main{ width:960px; float:left; margin:0 0px 0 0;}
.building_subtext{ font-size:12px; float:left; width:930px; color:#663366; padding:10px 0 20px 0; text-align:justify;  position: relative;}
.building_img01{ width:450px; height:299px; float:left; position:relative;}
.building_img02{ width:450px; height:299px; float:left; position:relative; margin:0 0 0 60px;}
.building_bottom_left{ width:193px; height:243px; float:left; background:url(../images/saving.jpg) no-repeat; margin:-160px 0 0 -30px;}
.building_footer{ width:960px; height:30px; float:left; background:#663366; margin:-52px 0 0 0; position:relative; z-index:1;}

/*bespoke-joinery*/
.bespoke_main{ width:960px; float:left; margin:0 0px 0 0;}
.bespoke_subtext{ font-size:12px; float:left; width:930px; color:#663366; padding:10px 0 20px 0; text-align:justify; position: relative;}
.bespoke_img01{ width:450px; height:299px; float:left; position:relative;}
.bespoke_img02{ width:450px; height:299px; float:left; position:relative; margin:0 0 0 60px;}
.bespoke_bottom_left{ width:193px; height:243px; float:left; background:url(../images/saving.jpg) no-repeat; margin:-160px 0 0 -30px;}
.bespoke_footer{ width:960px; height:30px; float:left; background:#663366; margin:-52px 0 0 0; position:relative; z-index:1;}