@import url(layout.css);
@import url(text.css);

h1 { margin: 0; padding: 0; }
h2{
	margin: 15px 0;
	padding: 0;
	font-weight: normal;
	text-transform: lowercase;
	font-size: 18px;
	color: #BB6A18;
}

h3{
	margin: 30px 0 10px 0;
	padding: 0;
}

hr{
	color: #C16A34;
	background: #C16A34;
	border:0;
	height: 1px;
	margin: 20px 0 20px 0;
	clear: both;
}

a { text-decoration: none; }
p{ margin: 10px 0; }
img { border: 0; }
img.left { margin: 5px 0 0 22px; float: left; }
img.right { margin: 5px 0 0 0; float: right; }

img.splash_thumb{
	width: 107px;
	height: 88px;
	clear: both;
	margin: 0 0 2px 0;
}

img.team{
	width: 300px;
	height: 143px;
	display: block;
}
a.thumb { display: block; float: left; margin: 6px; padding: 0; }

img.thumb{ width: 140px; height: 120px; margin: 0; }

ul, ul.gallery{list-style-type: square;}
ul.gallery a{color: #513118;}
ul.gallery li{margin: 10px 0;}
ul li.on{color: #BE642F;}

ul.links li { margin: 0; padding: 10px 0; }

ul li, ol li { padding: 5px 0; }

table tr td { vertical-align: bottom; }

.cb { clear: both; }
.lc { text-transform: lowercase; }
.center { text-align: center; }

#header a.logo {
	width: 1000px; height: 174px;
	margin: 0; padding: 0;
	display: block;
	background: url(../images/logo.jpg) no-repeat;
}
#header a.logo span { display: none; }

#nav ul{
	margin: 0;
	padding: 10px 0 0 0;
	list-style-type: none;
	text-align: center;
}

#nav ul li {
	margin: 0;
	padding: 0 20px;
	display: inline;
}

#nav ul li a { text-transform: lowercase; }

#footer ul{
	margin: 0;
	padding: 0 0 0 0;
	list-style-type: none;
	text-align: center;
}

#footer ul li {
	margin: 0;
	padding: 0 20px;
	display: inline;
}

#footer ul li a { text-transform: lowercase; }

.splash { height: 452px; }

.splash_thumbs{
	width: 106px;
	padding: 0 0 0 1px;
	float: left;
}

.gallery { padding: 0 0 20px 40px; text-align: center; }

.space25{padding: 0 0 0 25px;}
.space1{padding: 42px 0 0 0;}
.space2{padding: 70px 0 0 0;}
.space3{padding: 15px 0 0 0;}

.content_img1,
.content_img2,
.content_img3{
	width: 325px;
	height: 160px;
	margin: 0 0 2px 0;
}

.panel1{background: url(../images/panel/001.jpg) no-repeat;}
.panel2{background: url(../images/panel/002.jpg) no-repeat;}
.panel3{background: url(../images/panel/003.jpg) no-repeat;}
.panel4{background: url(../images/panel/004.jpg) no-repeat;}
.panel5{background: url(../images/panel/005.jpg) no-repeat;}
.panel6{background: url(../images/panel/006.jpg) no-repeat;}
.panel7{background: url(../images/panel/007.jpg) no-repeat;}
.panel8{background: url(../images/panel/008.jpg) no-repeat;}
.panel9{background: url(../images/panel/009.jpg) no-repeat;}
.panel10{background: url(../images/panel/010.jpg) no-repeat;}
.panel11{background: url(../images/panel/011.jpg) no-repeat;}
.panel_logos{background: url(../images/panel/logos.gif) no-repeat;}

.address_left, .address_right{
	width: 148px;
	float: left;
	display: block;
}

/* form styles */

fieldset.quote, fieldset.contact{
	margin: 0 0 10px 0;
	padding: 0;
	background: #EFD6C2;
	border: #DFC8B5 1px solid;
}

fieldset.quote { height: 472px; }
fieldset.quote_short { height: 372px; }
fieldset.contact{
	height: 233px;
	margin: 20px 0 2px 0;
}

fieldset.quote dl,
fieldset.contact dl{
	margin: 0;
	padding: 0;
}

fieldset.quote dl dt, fieldset.contact dl dt,
fieldset.quote dl dd, fieldset.contact dl dd{
	width: 144px;
	float: left;
	margin: 0;
}

fieldset.quote dl dt, fieldset.contact dl dt{padding: 8px 0 5px 5px; clear: both;}
fieldset.quote dl dd, fieldset.contact dl dd{padding: 5px 0;}
fieldset.quote dl dd.left, fieldset.contact dl dd.left{text-align: right;}
fieldset input.text, fieldset input.num, fieldset textarea, fieldset select{border: #C4AA94 1px solid;}
fieldset.quote span{clear: both; display: block; padding: 10px 0 10px 5px;}

input.text, textarea, select{width: 144px;}
input.num{width: 40px;}
input.drop{margin: 14px 0 0 0;}
input.button{
	padding: 5px;
	background: #533418;
	border: 0; cursor: pointer;
}

textarea{height: 70px;}
textarea.wide { width: 288px; height: 70px; }

/* homepage click gallery */


a.gallery, a.gallery:visited {display:block; text-decoration:none; width:107px; float:left; margin:0 0 2px 0;}
a.slidea, a.slideb, a.slidec, a.slided, a.slidee {height: 88px;}
a.slidea {background:url(../images/gallery/thumbs/002.jpg);}
a.slideb {background:url(../images/gallery/thumbs/003.jpg);}
a.slidec {background:url(../images/gallery/thumbs/004.jpg);}
a.slided {background:url(../images/gallery/thumbs/005.jpg);}
a.slidee {background:url(../images/gallery/thumbs/006.jpg);}
a.gallery em, a.gallery span {display:none;}
a.blank  {height: 0;}

#gallery_box {position:relative; width:693px; height:450px; margin:0; background: url(../images/gallery/001.jpg) no-repeat;}
#gallery_box img {border:0;}
#gallery_box .thumbs {width:109px; position:absolute; right:0; top:0;}
#gallery_box a.gallery:hover span {display:block; position:absolute; width:582px; height:50px; top:265px; margin: 0; padding:0; font-style:italic; color:#fff;}
#gallery_box a.gallery:active, #gallery_box a.gallery:focus {border:0;}
#gallery_box a.gallery:active em, #gallery_box a.gallery:focus em {display:block; position:absolute; width:582px; height:447px; margin:0; top:0; left:-584px; color:#000; z-index:50;}


/* gallery page */

a, a:visited {color:#513118;}
a:hover { color: #BD632E; }
a.gallery2, a.gallery2:visited {display:block; text-decoration:none; width:107px; float:left; margin:0 0 2px 0;}
a.slidea2, a.slideb2, a.slidec2, a.slided2, a.slidee2 {height: 88px;}
a.slidea2 {background:url(../images/gallery/thumbs/002.jpg);}
a.slideb2 {background:url(../images/gallery/thumbs/003.jpg);}
a.slidec2 {background:url(../images/gallery/thumbs/004.jpg);}
a.slided2 {background:url(../images/gallery/thumbs/005.jpg);}
a.slidee2 {background:url(../images/gallery/thumbs/006.jpg);}
a.gallery2 em, a.gallery2 span {display:none;}
a.blank2  {height: 0;}

#gallery_box2 {position:relative; width:691px; height:450px; margin:0; background: url(../images/gallery/001.jpg) no-repeat;}
#gallery_box2 img {border:0;}
#gallery_box2 .thumbs2 {width:107px; position:absolute; right:0; top:0;}
#gallery_box2 a.gallery2:hover span {display:block; position:absolute; width:582px; height:50px; top:265px; margin: 0; padding:0; font-style:italic; color:#fff;}
#gallery_box2 a.gallery2:active, #gallery_box2 a.gallery2:focus {border:0;}
#gallery_box2 a.gallery2:active em, #gallery_box2 a.gallery2:focus em {display:block; position:absolute; width:582px; height:447px; margin:0; top:0; left:-584px; color:#000; z-index:50;}

#footer span.copyright { float: right; }
#footer a.netbop { float: right; margin: 0 25px 0 0; }
#footer a { color: #FFF; }
#footer a:hover { color: #D99B6A; }

#copyright { color: #754F2B; }
#copyright a.netbop { margin: 0 0 0 25px; }
#copyright, #copyright a { color: #754F2B; }
#copyright a:hover { color: #D99B6A; }

img.home_large {
	width: 691px; height: 448px;
	margin: 0; padding: 0;
	display: block; float: left;
	border-bottom: #FFF 2px solid;
}
ul.home_thumbs { width: 218px; margin: 0; padding: 0; float: right; display: table; list-style: none; }
ul.home_thumbs li { margin: 0; padding: 0; display: inline; }
ul.home_thumbs li a {
	width: 107px; height: 110px;
	margin: 0; padding: 0;
	display: block; float: left;
	border-bottom: #FFF 2px solid;
	border-left: #FFF 2px solid;
}

ul.home_thumbs li a.small { width: 216px; height: 112px; }
ul.home_thumbs li a.box_aratt { background: url(../images/gallery/thumbs/aratt.jpg) no-repeat; cursor: default; }
ul.home_thumbs li a.box_apex { background: url(../images/gallery/thumbs/apex.jpg) no-repeat; }
ul.home_thumbs li a.box_bathrooms { background: url(../images/gallery/thumbs/bathrooms.jpg) no-repeat; }
ul.home_thumbs li a.box_bedrooms { background: url(../images/gallery/thumbs/bedrooms.jpg) no-repeat; }
ul.home_thumbs li a.box_flatroof { background: url(../images/gallery/thumbs/flatroof.jpg) no-repeat; }
ul.home_thumbs li a.box_office { background: url(../images/gallery/thumbs/office.jpg) no-repeat; }
ul.home_thumbs li a.box_pitchroof { background: url(../images/gallery/thumbs/pitchroof.jpg) no-repeat; }
ul.home_thumbs li a.box_stairs { background: url(../images/gallery/thumbs/stairs.jpg) no-repeat; }
ul.home_thumbs li a.box_velux { background: url(../images/gallery/thumbs/velux.jpg) no-repeat; }
ul.home_thumbs li a.box_wardrobes { background: url(../images/gallery/thumbs/wardrobes.jpg) no-repeat; }

ul.home_thumbs li a.box_loft { background: url(../images/gallery/thumbs/loft-conversions.jpg) no-repeat; }
ul.home_thumbs li a.box_bathroom { background: url(../images/gallery/thumbs/bathroom.jpg) no-repeat; }
ul.home_thumbs li a.box_cons { background: url(../images/gallery/thumbs/conservatory.jpg) no-repeat; }
ul.home_thumbs li a.box_ext { background: url(../images/gallery/thumbs/extension.jpg) no-repeat; }
ul.home_thumbs li a.box_garage { background: url(../images/gallery/thumbs/garage.jpg) no-repeat; }
ul.home_thumbs li a.box_kitchen { background: url(../images/gallery/thumbs/kitchen.jpg) no-repeat; }
ul.home_thumbs li a.box_log { background: url(../images/gallery/thumbs/log-cabin.jpg) no-repeat; }

ul.home_thumbs li a span { display: none; }

ul.keywords { width: 718px; float: right; list-style: none; margin: 9px 0 3px 0; padding: 0; display: table; }
ul.keywords li { margin: 0; padding: 0 10px 5px 10px; display: inline; text-align: right; color: #B1947E; }
ul.keywords li a { color: #A48C76; }
ul.keywords li a:hover { color: #BC622D; }

ul.splash_options { list-style: none; margin: 0; padding: 0; }
ul.splash_options li { margin: 0; padding: 0; display: block; float: left; }
ul.splash_options li a {
	width: 332px; height: 70px;
	margin: 0; padding: 380px 0 0 0;
	display: block; float: left;
	text-align: center; text-transform: lowercase;
	font-size: 16px; font-weight: bold;
}
ul.splash_options li a span { display: none; }
ul.splash_options li.mid a { margin: 0; border-left: #EAC3A4 2px solid; border-right: #EAC3A4 2px solid; }
ul.splash_options li a.loft_conversions { background: #E7C09F url(../images/splash/loft-conversions.jpg) no-repeat top center; }
ul.splash_options li a.garage_conversions { background: #E7C09F url(../images/splash/garage-conversions.jpg) no-repeat top center; }
ul.splash_options li a.home_extensions { background: #E7C09F url(../images/splash/home-extensions.jpg) no-repeat top center; }
ul.splash_options li a:hover { background-position: 0 -450px; color: #FFF; }

.two_col {
	width: 120px;
	margin: 0; padding: 0;
	float: left;
}

table.form tr td { width: 144px; }
table.form tr td.radio { vertical-align: bottom; }

.strapline { margin: 0; padding: 0 25px 0 0; color: #BD632E; font-size: 11px; font-weight: normal; }

.splash img, .splash a { margin: 0; padding: 0; float: left; }
.splash a.loft_conversions, .splash a.garage_conversions,
.splash a.home_extensions { width: 332px; height: 450px; display: block; }
.splash a.loft_conversions { background: url(../images/splash/loft.jpg) no-repeat; }
.splash a.garage_conversions { background: url(../images/splash/garage.jpg) no-repeat; }
.splash a.home_extensions { background: url(../images/splash/extension.jpg) no-repeat; }
.splash a.mid { border-left: #EAC3A4 2px solid; border-right: #EAC3A4 2px solid; }