/* 

Hammons Solicitors / March 2011

*/

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



@bodyfont:'Open Sans', helvetica, sans-serif;
@fontcolor: #444;
@darkblue: #204a6f;
@lightblue: #3389d6;
@fadedblue: #8fb1d1;


.box-shadow {	-moz-box-shadow: 0px 0px 5px #aaa; -webkit-box-shadow: 0px 0px 5px #aaa; box-shadow: 0px 0px 5px #aaa; behavior: url(/PIE.htc);
}
/* ******END LESS
*********************/

/* GLOBAL */
a:active{outline:none;}
a:focus{-moz-outline-style:none;}
a{text-decoration:none; color:@lightblue;}
a:hover{text-decoration: underline;}
strong{}
em{}
h1{font:normal 15px/37px @bodyfont; color:#fff; background: #c8c8c8; height:37px; margin-bottom:20px;
	span {background:#204a6f url(/images/h2span.png) no-repeat right top; padding:0 37px 0 8px; float:left; }
}
h2{font:normal 15px/37px @bodyfont; color:#fff; background: #c8c8c8; height:37px; margin-bottom:20px;
	span {background:#204a6f url(/images/h2span.png) no-repeat right top; padding:0 37px 0 8px; float:left; }
}
#sevenreasons-h2 {margin:0;}
h3{font:700 16px @bodyfont; color:@darkblue}
h4{}
h5{}
h6{}

ul {margin:5px 0 20px;}
ul, li{font:12px/18px @bodyfont; color:@fontcolor;}
li {margin-left:20px;}
p {font:12px/18px @bodyfont; color:@fontcolor; padding-bottom:15px;}
img{border:none;}
.fr{float:right;}
.fl{float:left;}
.ifr {float:right; margin:0 0 10px 15px; }
.ifl {float:right; margin:0 15px 10px 0; }
.clr{clear:both;}
.last-item {margin-right:0 !important;}

/* GLOBAL END */


/* LAYOUT START */
html,body {  margin:0;   padding:0;   height:100%;}
body {background-image: url(/images/top-bg.jpg), url(/images/bg2.jpg);
background-position: center top, left top;
background-repeat: repeat-x, repeat;}

#container {margin:0 auto; width:980px; }
#top {height:124px;position: relative; }
.logo {position: absolute; left:0; top:50%; margin-top:-33px; float:left; }
#contact-text {float:right; padding:0; font:600 14px @bodyfont; color:#fff;	text-shadow: #444 0px 2px 1px; margin:25px 0;
	#top-email {padding-left:25px; background: url(/images/email.png) no-repeat left center; margin-right:30px;}
	#top-tel {padding-left:20px; background: url(/images/phone.png) no-repeat left center}
	a {color:#fff;}
}

#headerimage {margin-bottom:20px;}

/** NAVIGATION MENU **/	
#top > nav {float:right; clear: right; margin:0; padding:0;
	ul {margin:0; padding:0;
		li {float:left; text-transform: uppercase; font:600 12px @bodyfont; margin:0 0 0 15px; 
			a {color:#fff; padding:5px;
				&:hover {background:#fff; color:@lightblue; text-decoration: none; }
			}
		}
	}
}

#main-body {color:#fff; background:#fff; width:980px; .box-shadow; margin:25px 0;}
#main-body-content {padding:25px; }

#home-text {float:left; width:435px;}
#home-text ul {margin-bottom:20px;}
#home-text li {background: url(/images/arrow.png) no-repeat left 5px; padding-left:20px; margin:10px 0 0 10px; list-style: none;}
#home-text span {color:@darkblue; font-weight: bold;}

#home-right {width:452px; float:right;
	img {margin-top:20px;}
}

#right-slider {overflow: auto; }
#right-slider > div {min-height: 143px; background: #e7e7e7;}
.slide-number {width:143px; background:@fadedblue; float:left; height:143px; margin-right:15px;
	p {width:143px; text-align: center; font:bold 140px/140px @bodyfont; color:#fff; padding:0; margin:0;}
}
.bx-window {width:452px !important;}
.slide-content {padding:10px;
	p {padding:0px 10px; font:normal 16px/30px @bodyfont;}
}
.bx-prev, .bx-next {text-indent: -9999px; height:7px; width:11px; background-image: url(/images/updown.png); position: absolute; top:-20px;}
.bx-prev {background-position: 0 0; right:30px;}
	.bx-prev:hover {background-position: 0 7px;}
.bx-next {background-position: 11px 0; right:0;}
	.bx-next:hover {background-position: 11px 7px;}

.home-services {width:161px; margin-right:29px; float:left; 
	section { 
		p {text-align: center; padding:0; margin:0;}
		a {display: block; background:#e8e8e8; height:50px; padding-top:10px; margin:0;
			&:hover {background:#ddd; text-decoration: none;}
		}
	}
}

#main-body footer {height:104px; background:#666e78; position: relative; margin-top:20px; clear: both;
	.logo {left:15px;}
	p {color:#fff; margin:40px 0  0 295px; float:left; }
	#esterling {font-size:10px; color:#fff;
		&:hover {color:#ff9900;}
	}
}

/* LAYOUT END */


/* SERVICES PAGE */

#services-nav {margin:0; padding:0; list-style: none; float: left; margin:0 20px 20px 0;
	li { width:230px; margin:0; padding:0;
		a {font:12px/35px @bodyfont; color:#f0f0f0; background:@darkblue; display: block; padding:5px 8px; height:35px;
			&:hover {background:#2b669b;  text-decoration: none;}
		}
	}
}

#services-content {float:right; width:675px;
	img {border:5px solid #fff; .box-shadow}
 }


/* CONTACT FORM */
.validation-message{font-weight:bold; color:#de0000; padding:15px; background-color:#f9a2a2; }
.validation-message p {color:#de0000;}
#enquiryform{font-family:Helvetica, arial, sans-serif; font-size:14px; color:#666;padding:0 20px 40px 20px; width:633px; margin:0 auto; overflow: auto; }
#enquiryform textarea, #enquiryform input[type=text] {background:@darkblue; border:0; color:@fadedblue; width:220px;  font:12px @bodyfont; padding-left:5px;    }
#enquiryform textarea {padding-top:6px;}
#enquiryform input[type=text] { height:28px;}
#main-body #enquiryform .required {border-right:7px solid @lightblue; width:213px; }
#enquiryform input[type=submit] {background:#2169C2; color:#fff; border:none; font:12px @bodyfont; 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-left:30px; list-style: none;}
#contact-right{float:right; margin-right:30px; list-style: none;}

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

/* CONTACT FORM END */
.plus1{position:absolute; top:25px; right:341px;}