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

body {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	background-color: #c6bfac;
	margin:30px 0;
	padding:0;
}

img {border:none;}

a { outline:none; }
html {overflow-y:scroll;}
#layout {
	width:100%;
}
#page {
	margin:0 auto;
	width: 882px;
	border: 8px solid #E7E7E7;
}
#bodyi {
	background:#f9f9f9;
	overflow:auto;
	width: 882px;
}
#menu {
	color:#FFF;
	background:#861313;	
}

.mapTitle { color:#861313; }
#areasmap { font-size:90%; }



.nav {
	width: 882px;
	height: 33px;
	background: url(../images/nav-handy.gif) no-repeat;
	position: relative;
	top: 0;
	left: 0;
}
UL.nav {
	padding:0; margin:0;
	
}
.nav li {
	display: inline;padding:0; margin:0;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 33px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

/*nav home */
	.nav .home a:link, .nav .home a:visited {
		left: 90px;
		width: 76px;
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(../images/nav-handy.gif) no-repeat -90px -34px;
	}
	.nav .home a:active {
		background: url(../images/nav-handy.gif) no-repeat -90px -68px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(../images/nav-handy.gif) no-repeat -90px -68px;
		cursor: default;
	}
	.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 90px;
		width: 76px;
		height: 33px;
		background: url(../images/nav-handy.gif) no-repeat -90px -34px;
	}
	.nav-home-click {
		background: url(../images/nav-handy.gif) no-repeat -90px -68px;
	}

/* nav about */

	.nav .about a:link, .nav .about a:visited {
		left: 167px;
		width: 95px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(../images/nav-handy.gif) no-repeat -167px -34px;
	}
	.nav .about a:active {
		background: url(../images/nav-handy.gif) no-repeat -167px -68px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(../images/nav-handy.gif) no-repeat -167px -68px;
		cursor: default;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 167px;
		width: 95px;
		height: 33px;
		background: url(../images/nav-handy.gif) no-repeat -167px -34px;
	}
	.nav-about-click {
		background: url(../images/nav-handy.gif) no-repeat -167px -68px;
	}

/* nav services */

	.nav .services a:link, .nav .services a:visited {
		left: 263px;
		width: 92px;
	}
	.nav .services a:hover, .nav .services a:focus {
		background: url(../images/nav-handy.gif) no-repeat -263px -34px;
	}
	.nav .services a:active {
		background: url(../images/nav-handy.gif) no-repeat -263px -68px;
	}
	.current-services .services a:link, .current-services .services a:visited {
		background: url(../images/nav-handy.gif) no-repeat -263px -68px;
		cursor: default;
	}
	.nav-services, .nav-services-click {
		position: absolute;
		top: 0;
		left: 263px;
		width: 92px;
		height: 33px;
		background: url(../images/nav-handy.gif) no-repeat -263px -34px;
	}
	.nav-services-click {
		background: url(../images/nav-handy.gif) no-repeat -263px -68px;
	}

/* nav planning */

	.nav .planning a:link, .nav .planning a:visited {
		left: 356px;
		width: 96px;
	}
	.nav .planning a:hover, .nav .planning a:focus {
		background: url(../images/nav-handy.gif) no-repeat -356px -34px;
	}
	.nav .planning a:active {
		background: url(../images/nav-handy.gif) no-repeat -356px -68px;
	}
	.current-planning .planning a:link, .current-planning .planning a:visited {
		background: url(../images/nav-handy.gif) no-repeat -356px -68px;
		cursor: default;
	}
	.nav-planning, .nav-planning-click {
		position: absolute;
		top: 0;
		left: 356px;
		width: 96px;
		height: 33px;
		background: url(../images/nav-handy.gif) no-repeat -356px -34px;
	}
	.nav-planning-click {
		background: url(../images/nav-handy.gif) no-repeat -356px -68px;
	}

/* nav gallery */
	.nav .gallery a:link, .nav .gallery a:visited {
		left: 453px;
		width: 85px;
	}
	.nav .gallery a:hover, .nav .gallery a:focus {
		background: url(../images/nav-handy.gif) no-repeat -453px -34px;
	}
	.nav .gallery a:active {
		background: url(../images/nav-handy.gif) no-repeat -453px -68px;
	}
	.current-gallery .gallery a:link, .current-gallery .gallery a:visited {
		background: url(../images/nav-handy.gif) no-repeat -453px -68px;
		cursor: default;
	}
	.nav-gallery, .nav-gallery-click {
		position: absolute;
		top: 0;
		left: 453px;
		width: 85px;
		height: 33px;
		background: url(../images/nav-handy.gif) no-repeat -453px -34px;
	}
	.nav-gallery-click {
		background: url(../images/nav-handy.gif) no-repeat -453px -68px;
	}

/* nav brochure */
	.nav .brochure a:link, .nav .brochure a:visited {
		left: 539px;
		width: 98px;
	}
	.nav .brochure a:hover, .nav .brochure a:focus {
		background: url(../images/nav-handy.gif) no-repeat -539px -34px;
	}
	.nav .brochure a:active {
		background: url(../images/nav-handy.gif) no-repeat -539px -68px;
	}
	.current-brochure .brochure a:link, .current-brochure .brochure a:visited {
		background: url(../images/nav-handy.gif) no-repeat -539px -68px;
		cursor: default;
	}
	.nav-brochure, .nav-brochure-click {
		position: absolute;
		top: 0;
		left: 539px;
		width: 98px;
		height: 33px;
		background: url(../images/nav-handy.gif) no-repeat -539px -34px;
	}
	.nav-brochure-click {
		background: url(../images/nav-handy.gif) no-repeat -539px -68px;
	}


/* nav testimonials */
	.nav .testimonials a:link, .nav .testimonials a:visited {
		left: 638px;
		width: 123px;
	}
	.nav .testimonials a:hover, .nav .testimonials a:focus {
		background: url(../images/nav-handy.gif) no-repeat -638px -34px;
	}
	.nav .testimonials a:active {
		background: url(../images/nav-handy.gif) no-repeat -638px -68px;
	}
	.current-testimonials .testimonials a:link, .current-testimonials .testimonials a:visited {
		background: url(../images/nav-handy.gif) no-repeat -638px -68px;
		cursor: default;
	}
	.nav-testimonials, .nav-testimonials-click {
		position: absolute;
		top: 0;
		left: 638px;
		width: 123px;
		height: 33px;
		background: url(../images/nav-handy.gif) no-repeat -638px -34px;
	}
	.nav-testimonials-click {
		background: url(../images/nav-handy.gif) no-repeat -638px -68px;
	}

/* nav contact */
	.nav .contact a:link, .nav .contact a:visited {
		left: 762px;
		width: 120px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(../images/nav-handy.gif) no-repeat -762px -34px;
	}
	.nav .contact a:active {
		background: url(../images/nav-handy.gif) no-repeat -762px -68px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../images/nav-handy.gif) no-repeat -762px -68px;
		cursor: default;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 762px;
		width: 120px;
		height: 33px;
		background: url(../images/nav-handy.gif) no-repeat -762px -34px;
	}
	.nav-contact-click {
		background: url(../images/nav-handy.gif) no-repeat -762px -68px;
	}

/* content */
#contentLayout {
	float:right;
	width:559px;
	padding: 20px 30px 30px 30px;
	color:#333;
	background:#FFF;
}
#content {

}
#content H1 {
	font-size:2.1em;
	/*color:#333;*/
	color:#861313;
	margin:0 0 16px 0;
	padding:0;
	font-weight:bold;
}
#content H2 {
	font-size:1.6em;
	color:#861313;
	margin:8px 0;
	padding:0;
	font-weight:bold;
}
#content H3 {
	font-size:1.4em;
	color:#861313;
	margin:6px 0 0 0;
}
#content H2 a,#content H2 a:link,#content H2 a:visited,#content H2 a:hover, #content H3 a,#content H3 a:link,#content H3 a:visited,#content H3 a:hover {color:#861313; text-decoration:none;}
H4 {margin:0 0 4px 0;padding:0; font-size:1.1em; letter-spacing:-0.05em;}

#content H1.subtitle {
	margin:0;
}
#content H2.subtitle {
	margin:0; color:#333;
}

.boldThis {font-weight:bold;}

/* left column */
#lCol {
	float:left;
	width:263px;
	background:#f9f9f9;
}
#llayout { margin: 20px; }
#llayout P { font-size:0.8em; margin: 0 0 6px 0; }
#lCol IMG {
	margin: 30px 0 30px 15px;	
}
#llayout form { width:220px;}
#sideform { font-size:0.75em; color:#861313; font-weight:bold; }
#llayout .formThis { clear:both; float:left;width:73px; margin:8px 0 0 0;}
#llayout .formPart { float:left; margin:8px 0 0 0;}
#llayout .formPart INPUT { width:140px; }
#llayout .formPart TEXTAREA { width:140px; }
#llayout input { border:1px #CCC solid;}
#llayout textarea { border:1px #CCC solid;}
#llayout select { border:1px #CCC solid;}
label.error {clear:both; color:#333; display:block; font-size:0.7em;}

#content a.stdlk, #content a.stdlk:link, #content a.stdlk:visited {
	text-decoration:none;
	color:#861313;
	font-weight:normal;
}
#content a.stdlk:hover {
	border-bottom: 1px #333 dotted;
}

#content A.noborder, #content A.noborder:hover {border:none;}

#content form { width:300px;}
.formThis {  clear:both; float:left;width:110px; margin:8px 0 0 0;}
.formPart { float:left; margin:8px 0 0 0;}
#content input { border:1px #CCC solid;}
#content textarea { border:1px #CCC solid;}
#content select { border:1px #CCC solid;}

#galStyle {text-align:center;}
#galStyle IMG, #refList IMG { padding:3px; border:1px #CCC solid; margin:4px; }

#footer {
	font-size:0.9em;
	color:#999;
	text-align:right;
	margin:12px auto;
	width: 882px;
}
#refList {margin:20px 0;}
.refItm { float:left; width:120px; text-align:center; background:#f8f8f8; padding:8px; margin:0; }
.refQut { clear:both;float:left; width:555px; background:#f7f0f0; margin:4px 0 0 0; }
.refQutItm { text-align:justify; font-size:0.8em; padding: 10px 20px 10px 150px; }
.nameadd {text-align:right; margin:4px 0 0 0;}
.refQutItm STRONG { color:#333; }
.refQutItm STRONG SPAN { color:#861313; }
.refItmc { background:#fafafa; }
.refQutc { background:#f9f4f4; }
.floatLt { float:left; margin: 20px 20px 20px 0; }
.floatRt { float:right; margin: 10px 0 20px 20px; }
.floatLt IMG { /*padding:4px; border:1px solid #CCC;*/}
#trustmarks { clear:both; padding: 50px 0 0 0; }
#trustmarks STRONG { font-size:0.9em; color:#861313; }
#trustmarks IMG { border:1px solid #CCC; margin:0;}

.clearThis {float:none; clear:both;}

.showAreas { padding:10px 0 0 0;}
#content .showAreas h3 { clear:both;font-size: 1.2em; padding: 20px 0 10px 0; }
.showAreas UL, .showAreas LI {list-style:none; list-style-type:none; margin:0; padding:0; font-weight:bold;}
.showAreas h3, .showAreas h3 a, .showAreas h3 a:link, .showAreas h3 a:visited, .showAreas h3 a:hover {color:#861313; text-decoration:none; } 
.showAreas li {font-size:0.8em; float:left; width:185px; margin: 0 0 3px 0; padding:0;}
.showAreas li, .showAreas li a, .showAreas li a:link, .showAreas li a:visited {color:#333; text-decoration:none; font-weight:bold; } 
.showAreas li a:hover {color:#861313; text-decoration:none; font-weight:bold; }
div#extrains {padding:0 0 20px 0;}