/* @override http://localhost:8888/wordsworth.co.uk/assets/templates/wordsworth/main.css */

body{
	font: 62.5%/150% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background: url(site_images/background.png) repeat-x left top;
}
dl {font-size: 1.1em;}
*, form, label {padding: 0; margin: 0;}
ol, ul {margin-left: 28px;}
#bannerservice {height: 80px; width: 660px; background: #d1cab6 url(site_images/service_ban.jpg) no-repeat right top; margin-bottom: 15px;}
#bannergroup {height: 80px; width: 660px; background: #d1cab6 url(site_images/group_ban.jpg) no-repeat right top; margin-bottom: 15px;}
.pagebanner {height: 80px; width: 660px; background-color: #d1cab6;  margin: 1px 0 15px;}
.pagebanner h2 {color: #fff; padding: 10px 0 5px 15px; margin: 0; line-height:normal; font-weight:normal; font-size: 230%;}
.pagebanner p {color: #676358; Padding:0 0 0 15px; margin:0;  line-height:normal; font-weight:bold;}
.pagebanner img {float:right;}

#branding {
	background: url(site_images/stripes.jpg) repeat-x;
	height: 150px;
}
#wrapper {
	margin: 0 auto;
	text-align:left;
	width: 900px;
	background: #fff;
	position: relative;
}

a img, img a {
	border:none;
}
.center {text-align:center; display:block; width:auto;}
#col1 h2 {
	line-height: 29px;
	background: url('site_images/fold.jpg') right bottom no-repeat #cfc8b6;
	padding-left: 7px;
	font-size: 1.5em;
	font-weight: normal;
}
#login {
	height: 22px;
	background: #757575;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #FFFFFF;
	color: #eeeeee;
	padding-left: 10px;
}
#email {position:absolute; top: 5px; right: 5px;}
#email a {color: #fff;}
#email a:hover {color: #ccc;}

/*#branding #tagline {
	position: absolute;
	right: 0px;
	background: url(site_images/masthead.jpg) no-repeat;
	height: 117px;
	width: 463px;
	top: 27px;
}*/
#branding #tagline {
	position: absolute;
	right: 0px;
	background: url(site_images/masthead.jpg) no-repeat;
	height: 117px;
	width: 480px;
	padding-top: 14px;
	top: 27px;
}

#logo {
	height: 49px;
	width: 218px;
	position: absolute;
	left: 10px;
	top: 40px;
}

#innerwrapper {
	position: relative;
	padding-top: 1px; background: #transparent;
}
#breadcrumb {
	padding: 3px 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 5px;
	
	height: 35px;
}
.B_crumbBox {float:left; padding: 8px 0 0 0;}
#search {background: #eee; border: 1px solid #ccc; padding: 4px 6px; float:right;}
#col1 {
	width: 215px; margin-top:1px;
	float: left;
}
#col1 .boxg {
	background: #eeeeee url(site_images/gradtop.gif) repeat-x left top;
	padding: 10px; margin-bottom: 20px;
}
#col1 .boxg h4 {
	border-bottom: 1px solid #fff;
	line-height: normal;
	margin: 0 0 5px;
	padding: 5px 0 5px; color: #666;
}
#col1 .boxw {	padding:  0; }
#col1 ul {list-style-type: none; list-style-position: outside; margin: 0; padding: 0; } 
#col1 .boxw ul {margin: 5px 0; } 
#col1 .boxw li {list-style:none; font-size: 1.1em; border-bottom: 1px solid #ccc;} 
#col1 .boxw li a {text-decoration: none; color: #666; padding: 4px 0; display:block;}
#col1 .boxw li a:hover { color: #CC0000; padding: 4px 0; display:block;}
#content {
	float: right;
	width: 660px;
	padding: 0 0 10px; #ccc;
}
.box1 {
	background: #F7F7F7;
	padding: 10px;
	width: 636px;
	border: 1px solid #DADBDB;
	float: left;
	margin: 1em 0;
	clear: left;
}
.box100 {
	float: left;
	margin-top: 1em;
	clear: left;
	width: 660px;
	background: url(site_images/dot.gif) repeat-y center top;
}
.box100 .box50l {
	background: #fff;
	margin: 0;
	width: 318px;
	float: left;
}
.box100 .box50r {
	background: #fff;
	margin: 0;
	width: 318px;
	float: right;
}
.box2 {
	background: #F7F7F7;
	padding: 10px;
	width: 410px;
	border: 1px solid #DADBDB;
	float: left;
	margin-top: 1em;
	clear: left;
}
.box3, .box3r {
	background: #F7F7F7;
	padding: 9px;
	width: 186px;
	border: 1px solid #DADBDB;
	margin-right: 20px;
	float: left;
	margin-top: 1em;
}
.box3r {float: right; margin-right: 0px;}
h1, h2, h3, h4, h5  {margin: 1em 0 .5em; font-family:"Trebuchet MS", Tahoma,  Arial, sans-serif;}
 h3, h4, h5 {margin: 1.5em 0 .3em 0; line-height: normal;}
h1 {font-size: 2.2em; font-weight: normal; color:#333; margin-top: 0;}
h2 {font-size: 2.0em; }
h3 {font-size: 1.6em; }
h4 {font-size: 1.4em; color: #999;}
h5 {font-size: 1.3em; margin: 1.5em 0 .5em 0;}
h6 {font-size: 1.0em;}

p { color: #333; margin-bottom: 1.2em; font-size: 110%;}
.floatright {float:right; margin: 0 0 15px 15px;clear:right;}
.clearboth {
	clear: both;
	padding-top: .1em;
}
p.clearboth {	clear: both;
	padding 0; margin:0; line-height: normal;
}
.largetxt {
	font-size: 110%;
	line-height: 160%;
}
#footer {
	color: #FFFFFF;
	background: #999;
	padding: 5px 0px;
	clear: both; width: 100%;
	margin-top: 1px; float:left; text-align: center;
}

#footer p {color: #fff; font-size: 1.1em; text-align:left;}
#footer a {color: #fff;}

#footerlinks li {line-height:normal: margin:0; list-style:none;}
.header_ad {
	margin: 0 0 20px; padding-right: 10px;
	background: #FFFFFF url(site_images/ad_bg.jpg) repeat-x right top;
	height: 219px;
	width: 650px;
}


#innerfooter {width: 900px; font-size: 1.0em; line-height: 16px; margin: 0 auto; padding: 20px; border: 0px solid #666666;}

#footerleft {
	float: left;
	border: 0px solid #666666;
        margin-right: 120px;
}

#footerlinks {
	padding:0px;width: 240px;float:left; text-align: left; border: 0px solid #666666;
}

#footerright {
	float: right;
	border: 0px solid #666666;
        padding-right: 40px;
}

.header_ad img {
	float: left;
}
.header_ad h1 {
	font-size: 1.5em;
	line-height: normal;
	color: #B90000;
	margin-bottom: 10px;
	font-weight: bold;
	padding-top: 38px;
}
.header_ad .button {
	height: 37px;
	width: 151px;
	background: #666666;
	float: right;
	margin-right: 25px;
	margin-top: 17px;
}
.header_ad a { color: #fff; font-size: 125%; font-weight: bold;}
.box50l h3, .box50r h3 {
	text-transform: uppercase;
	color: #666;
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 5px; margin-top: 0;

}

.box100 dl {
	margin: 0 0 20px 0;
	clear: left;
	padding: 0px;
	line-height: 140%;

}

.box100 img {
	float: left;
	padding: 2px 2px 2px 0;
	margin-right: 10px;
	margin-bottom: 5px;
}

.box100 dt {
	padding-bottom: 2px;
	margin: 0; 	
	color: #333333;
}

.box100 dd {
	padding: 2px 10px 2px 0; 
	margin: 0; 
	color: #666666;
}
.box50l p, .box50r p {
	margin-bottom: 1em;
	line-height: 135%;
}
.box50r a, .box50l a {
	font-weight: bold;
	color: #CC0000;
}
.box50r h4, .box50l h4 {
	font-size: 1.1em; margin:0;
}
.callout {float:right; margin: 15px 0 15px 20px; padding: 10px; background: #eeeeee; border: 1px solid #ccc; width: 280px; clear:right;}
a {color: #CC0000;}
a:hover {color: #cfc8b6;}

div.people {float:left; width: 300px; margin:0 30px 15px 0; display:inline;}
.people img {float:left; padding:2px; border:1px solid #eee;}
.people p {margin-left: 90px;}
.people h5 {margin: 0 0 10px 90px; color: #666;}
h3.people_head {clear:left; padding: 4px;  border-top: 1px solid #cfc8b6; margin-bottom: 14px;}

#group-companies h3 {
	color: #49484a;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.3em;
	font-family: Arial, sans-serif;
	margin-bottom: 10px;
}

#group-companies a img {
	margin: 0 3px 0 0;
}

#group-companies a.last img {
	margin: 0;
}

.subscribe label {
	margin-bottom: 6px;
}
#mb-bjku-bjku, #mb-name {
	margin-top: 6px;
	margin-bottom: 6px;
}

.subscribe {
	margin-bottom: 6px;
	padding-bottom: 6px;
}
.subscribe h1{
	padding-top: 25px;
	border-top: 1px solid #C6C09F;
}
#chat {position:absolute; top:2px; right: 220px;}
#content li{font-size: 1.1em; padding:3px;}
.ditto_summaryPost strong {font-size: .9em; color: #666; margin-bottom: .1em;}
.ditto_summaryPost p {margin:5px 0 0;}
/* New Enquiry form */
form.enquiry {margin: 1em 0; }
.enquiry fieldset {border: 1px solid #eee; padding: 1em; margin-top: 1em; }
form.enquiry p {clear: left;}
form.enquiry p label {float: left; width: 120px; text-align:right; padding-right: 10px; }
.enquiry input.txt {color: #666 border: 1px solid #ccc; background-color: #f7f5f2; padding: 2px; width: 225px}
.enquiry input.btn {color: #666; background-color: #add8e6; border: 1px solid #ccc; }
.enquiry .chkbox {font-size: 1.2em; padding: 0px 10px 0 3px;}
.req{font-weight: bold; font-size: 1.2em; color: red;}
.enquiry textarea {font-size: 1.2em; padding: 0px 10px 0 3px;}
.submit-box {padding-left: 135px;}
.enquiry legend {font:bold 1.3em/1.2 Arial, Helvetica, sans-serif; }	
#subscribe {margin-bottom: 2em;}
#fdTable td {padding: 5px; 10px;}
.fd-directory {font-size: 120%; padding: 5px;}


/* New styles for navigation
------------------------------------------------ */

div.boxw-newnav {

	margin-top: 4px;
}
div.boxw-newnav li a {
	
	background-color: #c2baa3;;  
	margin: 0 0 1px 0;
	color: #fff; 
	padding: 7px 0 8px 10px; 
	line-height: normal; 
	font-weight: bold; 
	font-size: 120%;
	display: block;
	text-decoration: none;
	}
div.boxw-newnav li a:hover {
	
	background-color: #b9af93;  
	margin: 0 0 1px 0;
	color: #fff; 
	padding: 7px 0 8px 10px; 
	line-height: normal; 
	font-weight: bold; 
	font-size: 120%;
	display: block;
}


img.image-left-border {
        float:left;
        border: 1px solid black;
        margin-right:10px;
        margin-bottom:10px;
        padding: 5px;
}

img.image-right-border {
        float:right;
        border: 1px solid black;
        margin-left:10px;
        margin-bottom:10px;
        padding: 5px;
}

