/* @override http://www.bates-wells.co.uk/css/style.css */

/* CSS Document */


body {font-family: Arial, Helvetica, sans-serif;background:#c9d9f0;}
#wrapper {
	position:relative;
	width:992px;
	min-height:730px;
	height:auto;
	_height:730px;
	background:#fff;
	margin:0 auto;
	margin-top: 40px;
}


#footer{
	clear:both;
	width:992px;
	text-align:center;
	font-size:10px;
	color:#333;
	margin:0 auto;
	background:#fff;
	border-top:1px solid #fff;
	height:58px;
}

#footer p{position:relative;left:-20px;}

#content{border-bottom:1px solid #fff;background:transparent;}
#mainContent{
	padding-left:240px;
	padding-top:110px;
}

.nosplash{padding-top:45px;}

#navigation {
	width:141px;
	position:absolute;
	left:57px;
	top:149px;
}
#navigation ul {list-style-type:none;margin:0px;padding:0px;}
#navigation ul li {margin-bottom:5px;}
#navigation ul li a {
	display:block;
	width:141px;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding:4px;
}




span.access_text{width:100px;position:absolute;left:-9999px;}
h1.logo {
	position:absolute;
	left:58px;
	top:30px;
	margin:0px;
	padding:0px;
}
.contact_details_container {
	position:absolute;
	right:44px;
	top:44px;
	font-size:11px;
	text-align:right;
	color:#a8a9a3;
	line-height:20px;
}

.contact_details_container p{margin:0px;padding:0px;}
.contact_details_container p.email{
	margin-top:-5px;
	padding:0px;
}
p.email a:hover{color:#28519e;}
.contact_details_container a{
	color:#a8a9a3;
	font-size:11px;
	font-weight:normal;
}

a.decorative{text-decoration:none;}
a.decorative span{text-decoration:underline;}

#mainText{
	width:380px;
	margin-top: 15px;
	line-height: 20px;
	color: #a9aaa5;
	font-size:13px;
	color:#777F87;
}
#mainText p{
	font-size:13px;
	color:#777F87;
	line-height:20px;
}

#mainText a:hover{color:#28519e;}

#footer{color: #a9aaa5;}
#footer a{color: #a9aaa5;text-decoration:none;}
#footer a:hover{color:#28519e;}

.rule{
	width:892px;
	margin:0 auto;
	height:1px;
	border-top:1px solid #ccc;
	margin-bottom:10px;
	margin-left: 57px;
	padding:0px;
	background-color:transparent;
}
.more_link{display:block;text-transform:uppercase;font-weight:bold;text-align:right;margin-right:10px;margin-top:-5px;}
.more_link a{ font-size:10px;text-decoration:none;padding-right:20px; background:url(../images/arrow_r.gif) right center no-repeat;color:#183666}
.more_link a:hover{background:url(../images/arrow_r-over.gif) right center no-repeat;}

.home a, .news a, .about-us a, .our-people a, .contact-us a{background-color:#e8e9e5;color:#999}
.companies-commercial a, .personal-injury a, .civil-litigation a, .family-law a, .employment-law a, .wills-probate-tax a, .property-conveyancing a{background:#dce6f6;color:#1a4394}

.home a:hover, .news a:hover, .about-us a:hover, .our-people a:hover, .contact-us a:hover, .companies-commercial a:hover, .personal-injury a:hover, .civil-litigation a:hover, .family-law a:hover, .employment-law a:hover, .wills-probate-tax a:hover, .property-conveyancing a:hover{background:#fff;}

.selected a{background:#fff;}

#side{
	margin-top:10px;
	width: 320px;
	position: absolute;
	left: 635px;
	top: 110px;
}


.frontpage_ads{
	padding-top:50px;
	margin-right:-2px;
}

img a{border:none;}

#askaquestion{
	display:none;
	margin-top:70px;
	background:url(../images/gradback.jpg) repeat;
	width:140px;
	height:90px;
	border:0px solid #ddd;
	padding:5px;
	font-size:11px;
	font-weight:bold;
	color:#183666
}

#ads {
	position:absolute;
	left: 644px;
	top: 513px;
	width: 336px;
}

.preload{display:none;}

.ad{
	width:140px;
	height:139px;
	background:url(../images/gradback.jpg) repeat;
	float:left;
	border:1px solid #bbb;
	font-size:11px;
	line-height:15px;
}
.firstad{
	margin-right:15px;
}
.ad a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	font-weight:bold;
	color:#183666;
	
}

.ad a span{
	width:100%;
	background:url(../images/arrow_r.gif) right  bottom no-repeat;
	display:block;
	height:30px;
	width:130px;
	padding:0px;
	padding-top:8px;
	padding-left:8px;
}
.ad a:hover span{background:url(../images/arrow_r-over.gif) right  bottom no-repeat;color:#28519e;}
.email_link{margin-top:-4px;}
.pagetitle, .firstp{margin:0px;padding:0px;}
.pagetitle{margin-top:-5px;}


.panel, .panel-news{
	height:272px;
	width:210px;
	background:url(../images/panel/panel-middle.gif) center center repeat-y #28519e;
	margin-bottom:26px;
	padding:50px;
	margin-left:5px;
	margin-right: 36px;
	padding-top: 40px;
}

.panel-news{padding-left:10px;width:250px;color:#fff;}
.panel-news a{color:#ccc}

.panel-top{
	position:absolute;
	left:0px;
	top:0px;
	height:34px;
	width:100%;
	background:url(../images/panel/panel-top.gif) top center no-repeat;
}
.panel-bottom{
	position:absolute;
	left:0px;
	bottom:25px;
	height:25px;
	width:100%;
	background:url(../images/panel/panel-bottom.gif) bottom center no-repeat;
}


.panel, .panel-news{font-size:13px;}

.panelp{
	color:#b5b9b6;
	font-weight:bold;
	
	margin:0px;
	padding:0px;
}
.panel ul{margin:0px;padding-left:18px;margin-top:5px; list-style-type:square;color:#CCCCCC;line-height:20px;font-size:20px;/*Large font size for bigger list icons*/}
.panel ul li{line-height:15px;margin-bottom:4px;}



.panel ul li span{
	color:#fff;
	font-size:13px;
	font-weight:normal;
}

h2, h2 a{color:#28519e;text-decoration:none;}
.post h2{font-size:14px;font-weight:bold;margin:0px;padding:0px;line-height:14px;}
.post {margin-bottom:40px;}
h3, a{color:#28519e;}
h3{
	color:#28519e;
	text-transform:uppercase;
	font-size:12px;
}



h3.contact{padding-top:20px}

h4{color:#666666;font-size:12px;}

#contact{border-top:2px solid #ccc;border-bottom:2px solid #ccc;padding-bottom:10px;padding-top:10px;margin-top:-5px;float:left;}
#contacts{border-top:2px solid #ccc;border-bottom:2px solid #ccc;padding-bottom:10px;padding-top:10px;margin-top:-5px;float:left;height:120px;width:380px;}
#contacts p{font-size:12px;margin:0px;padding:0px;}
.staff_profile p a, #our-people p a.arrow_link{text-decoration:none;color:#999;background:url(../images/arrow_r.gif) right center no-repeat;padding-right:20px;}
.staff_profile p a:hover, #our-people p a.arrow_link:hover{color:#28519e;background:url(../images/arrow_r-over.gif) right center no-repeat;padding-right:20px;}

#contact p{line-height:16px;}
.contact-details{float:left;margin-right:15px;width:80px;}

#our-people p{}
#our-people p img{}
.contact_form #name, .contact_form #email, .contact_form #telephone {width:150px}
.contact_form textarea {width:350px;}

.banner{margin-top:10px;margin-left:-2px;}

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 0 auto;
	width: 100%;
	font-size:15px;
	position:relative;
	top:-10px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;text-decoration:none;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	/*background-color: #fff; */}
/* End Calendar */


/*CMS stuff */

#sidebar{}
#sidebar ul{list-style-type:none;}

.rss-small{padding:10px;padding-left:20px;background:url(../images/icons/feed-icon-14x14.png) left center no-repeat;}

.widgettitle{font-size:13px;}
.navigation{display:none;}
.postmetadata{display:none;}
.nocomments{display:none;}


#proof{position:absolute;top:-30px;font-size:11px;} /* delete the html when live */
.staff_profile {position:relative;top:105px;}
.staff_profile img {position:absolute;top:-105px;}
.staff_profile h4{line-height:15px;position:absolute;top:-45px;font-size:12px;}
a.staff_name{text-decoration:underline;color:inherit;padding:0px;background:none;font-size:12px;}
a.staff_name:hover{text-decoration:none;color:inherit;padding:0px;background:none;font-size:12px;}
blockquote{padding:0;margin:0;display:inline;}

#contact_form input{display:block;}
#contact_form label{display:block;}
label#subject-error, #subject{display:none;}
label.explain{display:none}
#contact_form{}
#contact_form label, #contact_form input, #contact_form textarea{position:relative;left:-20px;}
#contact_form textarea{width:250px;}

dd{padding:0;margin:0;margin-bottom:10px;}
dt{font-weight:bold}

a img{border:none}

body #footer {height:95px;padding-top:20px}
body #footer p{font-size:12px;color:#555; background: url(/images/lexcel-logo.png) 114px 8px no-repeat; padding: 0 0 0 20px;}
body #footer p a{font-size:12px;color:#555;}
body #mainText p{color:#000}