/* 

Villamead / June 2011

*/

/*********************
*******LESS */


@headfont: 'Open Sans', helvetica, arial, sans-serif;
@bodyfont: helvetica, arial, sans-serif;
@fontcolor: #7e7e7e;
@green: #92bf15;
@darkgrey: #595959;
/* ******END LESS
*********************/




/* GLOBAL */
a:active{outline:none;}
a:focus{-moz-outline-style:none;}
a{text-decoration:none; color:@green;}
a:hover{color:#638407; text-decoration: underline;}
strong{font-weight: bold; color:#333;}
em{}
h1{margin:15px 0 0 0; padding:0; font:23px @headfont; color:@darkgrey;
	span {color:@green;}
}
.header1{margin:15px 0 0 0; padding:0; font:23px @headfont; color:@darkgrey;
	span {color:@green;}
}
h2{font:16px @headfont; color:@green; padding:0; margin:0 0 10px 0; 
	span {color:@darkgrey;}
}
.header2{font:16px @headfont; color:@green; padding:0; margin:0 0 10px 0; 
	span {color:@darkgrey;}
}
h3{font:14px @headfont; color:@green;padding:0; margin:0 0 15px 0;}
.header3{font:14px @headfont; color:@green;padding:0; margin:0 0 15px 0;}
h4{font:13px @headfont; color:#afafaf; text-transform: uppercase; padding:0; margin:0; text-align: center}
.header4{font:13px @headfont; color:#afafaf; text-transform: uppercase; padding:0; margin:0; text-align: center}
h5{}
h6{}
ul {margin-top:10px; padding-left:15px;}
ul, li{font:14px/20px @bodyfont; color:@fontcolor;}
p {font:12px/18px @bodyfont; color:@fontcolor; padding-bottom:10px; margin:0;}
img{border:none;}
.fr{float:right;}
.fl{float:left;}
.ifr {float:right; margin:0 0 10px 15px; }
.clr{clear:both;}

/* GLOBAL END */


/* LAYOUT START */
html,body {  margin:0;   padding:0;   height:100%;}
body {background: url(/images/background.jpg) top center no-repeat #292928}
#container {width:942px;padding:26px 0;  background:#fff; margin:35px auto 10px auto; -moz-box-shadow: 0px 2px 6px #000; -webkit-box-shadow: 0px 2px 6px #000; box-shadow: 0px 2px 6px #000; position:relative;
	header {padding:0 26px;  }
}
#logo {float:left; margin-top:6px;}
	#telephone {font:14px/18px @headfont; text-transform: uppercase; color:#bcbcbc; text-align: right;width:200px; float:right; margin:0 0 30px 0; padding:0; 
		span {font-size:25px; line-height: 25px; color:#5b5b5b; margin:0; padding:0; font-weight:bold; letter-spacing: -2px}	
	}
.slideshow {margin:0 0 15px 6px;}

/** NAVIGATION MENU **/	
#navbar {background:url(/images/navigation-background.png) repeat-x; clear:both; height:45px}
nav {
	ul {list-style: none; margin:0; padding:0; width:595px; float:left;
		li { height:45px; font:11px/45px @headfont;  text-transform: uppercase; float:left; text-shadow: #333 2px 1px 1px; 
			a {color:#fff; display: inline-block; padding:0 15px; 
				&:hover {color:@green; text-decoration: none}
			}
		}
	}
}
/** END NAVIGATION MENU **/

#quickquote {float:right; margin-right:20px; padding-top:10px; cursor: pointer;}


#quickquote-block {width:233px;  padding:15px; background:url(/images/quickquote-bg.png) repeat; right:26px; top:145px; *top:144px; position:absolute; z-index:999999; text-align: center; display: none;
		h2 {color:#fff;
			span {color:#000;}
		}
}
#quickquote-form { font:13px @bodyfont; margin:0; text-align: left;
	label {display:block;}
	input {clear: both; margin:5px 0;}
	P {color:#000; padding:0 0 5px; margin:0;}
	input[type=text], select, textarea {width:225px; padding:5px}
	input[type=text], textarea {background:#fff; border:none;}

}
.close-button {position: absolute; top:5px; right:5px; cursor: pointer;}



#body-content {padding:0 26px;}
#body-content2 {width:890px; margin:20px auto; border-top:1px solid #ccc; padding-top:10px;}


.example-boxes {width:265px; float:left;
	p {text-align: justify;}
	a {color:#fff; background:@green; padding:5px 8px;
		&:hover {color:#222}
	}
	h1{font:16px @headfont; color:@green; padding:0; margin:0 0 10px 0; 
	span {color:@darkgrey;}
}
}

.middle-box {margin:0 47px;}


footer {background:url(/images/footer-background.jpg) no-repeat; width:858px; padding:16px 16px 0; margin:10px auto 0 auto; height:101px;
	p {padding:0; color:#c3c3c3; margin:0;
		span {color:@green; font-weight:bold;}
		a {color:#c3c3c3;
			&:hover {color:@green; text-decoration: underline;}
		}
	}
}
#esterling {margin:0 auto; width:942px; text-align: right; margin-bottom:10px;
	p {padding:0; 
		a {color:#fff;
			&:hover {color:@green;}
		}
	}
}
/* LAYOUT END */








/* CONTACT FORM */
.validation-message{font-weight:bold; color:#de0000; padding:15px; background: url(../images/error-icon.png) no-repeat right center; background-color:#f9a2a2; }
.validation-message p {color:#de0000;}

#enquiryform{font-family:Helvetica, arial, sans-serif; font-size:14px; color:#333;padding:15px; width:500px; margin:0; background:url(/images/formbg.png) no-repeat; overflow: auto; background:#f5f5f5; float:left; }

#enquiryform textarea, #enquiryform input[type=text] {background:@green; border:0; color:#fff; width:220px;  font: 14px Helvetica, arial, sans-serif; padding-left:5px; }
#enquiryform textarea {padding-top:6px;}
#enquiryform input[type=text] { height:28px;}
#body-content2 #enquiryform .required {border-bottom:5px solid #333;}

#enquiryform textarea:focus, #enquiryform input[type=text]:focus {background-color:#ceeb7c; color:#333; }

#enquiryform input[type=submit] {background:#2169C2; color:#333; border:none; font:14px Helvetica, arial, sans-serif; padding:3px 2px 0px 2px; float:right;text-transform:uppercase; cursor: pointer}

#submit {float:right; margin:5px 0 5px 5px}
#contact-left {float:left; margin:0px; padding:0; list-style: none;}
#contact-right{float:right; margin:0; padding:0; list-style: none;}

#enquiryform li {position:relative; padding:5px; margin:10px 0;}
#enquiryform label {position:absolute; top:12px; left:10px; font:14px; color:#fff; }

#contactdetails {float:right; background:#f5f5f5; width:295px; padding:15px}

#map_canvas {width:530px; height:400px; float:left;}

/* CONTACT FORM END */

/* hide captcha test on quote form */
#quote-address { display: none;}


p.homeBig{
	color: #92BF15;
	font-size:16px;
	font-weight: bold;
	margin: 10px 0px 10px 52px !important;
}

/*Google Plus One */
.googleplus{position:absolute; right:10px; top:-25px; width:70px; height:80px;}