* CSS Styles

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
	}


:focus {
		outline: 0;
		}


ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}


table {
	border-collapse: collapse;
	border-spacing: 0;
	}


body {
	background-color: #fff;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0; padding:0;
	}


/*header*/

	div#header-wrap{
					background: url(../image/header-wrap.gif) repeat-x;
					height: 438px;				
				}
				
	div#header-wrap2{
					background: url(../image/header-wrap.gif) repeat-x;
					height: 300px;
					z-index: 100;
				}

	div#header { 
					background:transparent url(../image/new-header-bg.jpg) repeat scroll 0 0;
					height:391px;
					margin:0 auto;
					position:relative;
					top:0;
					width:1149px;
				}
		   
	div#header2 {		background:transparent url(../image/new-header2.png) repeat scroll 0 0;
					height:301px;
					margin:0 auto;
					position:relative;
					width:1191px;
				}
			
						
	div#foxley-logo{
					width:118px;
					height:153px;
					background:#000 url(../image/foxley-logo.gif);
					position: absolute;
					top:10px; left:97px;	
					z-index:100;
				}

/*navigation*/
				
	ul#main-navigation {
				
						background:transparent url(../image/navigation-bar.gif) repeat scroll 0 0;
						height:53px;				
						width:1100px;
						position: absolute;
						top:68px;
						left: 100px;
						margin: 0; padding: 0;
					}
					

	#main-navigation li span {	display: none;}
						
	#main-navigation li{	float:left; 
						list-style:none;
						position: relative; 
						margin: 0;
						padding:0; 
						display: inline;
						text-indent: -999em;
					}					

	#main-navigation li, #main-navigation a {	height:53px;
											display:block;
											margin:0;
											padding:0; 
										}

	li#btn-home {width:250px;}
	li#btn-about{width:130px;}
	li#btn-portfolio{width:120px;}
	li#btn-clients{width:100px;}
	li#btn-news {width:85px;} 							
	li#btn-careers{width:115px;}
	li#btn-contact{width:300px;}


	li#btn-home a:hover { background:url(../image/navigation-bar.gif) 0px  -53px no-repeat; }  
	li#btn-about a:hover { background:url(../image/navigation-bar.gif) -250px  -53px no-repeat; }  
	li#btn-portfolio a:hover { background:url(../image/navigation-bar.gif) -380px  -53px no-repeat; }  
	li#btn-clients a:hover { background:url(../image/navigation-bar.gif) -500px  -53px no-repeat; }  
	li#btn-news a:hover { background:url(../image/navigation-bar.gif) -600px  -53px no-repeat; } 
	li#btn-careers a:hover { background:url(../image/navigation-bar.gif) -685px  -53px no-repeat; }  
	li#btn-contact a:hover { background:url(../image/navigation-bar.gif) -800px  -53px no-repeat; }
	
	li#btn-home.current_page_item { background:url(../image/navigation-bar.gif) 0px  -53px no-repeat; }  
	li#btn-about.current_page_item { background:url(../image/navigation-bar.gif) -250px  -53px no-repeat; }  
	li#btn-portfolio.current_page_item { background:url(../image/navigation-bar.gif) -380px  -53px no-repeat; }  
	li#btn-clients.current_page_item { background:url(../image/navigation-bar.gif) -500px  -53px no-repeat; }  
	li#btn-news.current_page_item{ background:url(../image/navigation-bar.gif) -600px  -53px no-repeat; } 
	li#btn-careers.current_page_item { background:url(../image/navigation-bar.gif) -685px  -53px no-repeat; }  
	li#btn-contact.current_page_item { background:url(../image/navigation-bar.gif) -800px  -53px no-repeat; }
	
	
	
	

/*EO navigation*/
	
	div#telephone-number {	background: url(../image/telephone.png);
							text-indent: -999em;
							color:#FFFFFF;
							font-size:19pt;
							font-weight:bold;
							height:30px;
							position:absolute;
							right:110px;
							top:29px;
							width:260px;
						}
					
	div#header-text {
						height: 30px;
						position: absolute;
						color: #fff;
						font-size: 8pt;
						top: 10px;
						right: 110px;
					}
			
	div#header-text a {	color: #fff; 
						text-decoration: none;
					}
					
	div#header-text-big {
						background: url(../image/header-text-big.gif);
						width: 464px;
						height: 142px;
						position: absolute;
						top: 170px;
						left: 110px;
						text-indent: -999em;
						}
						
	div#header-text-big-nav {
						background:transparent url(../image/header-text.png) repeat scroll 0 0;
						height:50px;
						left:271px;
						position:absolute;
						text-indent:-999em;
						top:127px;
						width:800px;
						}
				
	div#header-border{ 	background: url(../image/header-border.jpg) repeat-x;
						height: 9px;	
					}
					
	div#latest-news{
					font-size:12pt;
					height:33px;
					left:80px;
					padding:10px;
					position:absolute;
					top:394px;
					width:648px;
					}

/*latest news ticker*/
					
	div#latest-news h4 { 	float: left; 
						margin-right: 20px;
					}

	.tickerLink {float: left;}	
	
	.tickerLink a{ 	font-size: 12pt; 
					text-decoration: none; 
					color: #000; 
					background-color: #f3eb12;
				}
					
/*EO latest news ticker*/

/*search form*/		
		
	div#search-box{
					background: url(../image/search-bg.gif);
					width: 320px;
					height: 50px;
					position: absolute;
					top: 375px;
					left: 740px;
					}
					
	#searchform {	margin-left:14px; 
					margin-top:10px;
				}

	#search-input {	background:transparent url(../image/searchbg.png) repeat scroll 0 0;
					float:left;
					height:31px;
					margin-left:78px;
					margin-top:-21px;
					width:162px;
					}
	
	#search-input input {	margin: 7px; 
						border:medium none;
					}
	
	#search-form-text {margin-top:16px;}

	.search-text { 	color: #fff; 
					font-size: 14pt; 
					margin: 10px;
				}

	.screen-reader-text {	display: none;}

	#search-submit{		background: url(../image/searchbtn.jpg);
						width: 30px;
						height: 30px;
						border: none;
						float: left;
						margin-left:6px;
						margin-top:-21px;
					}
	
	
/*EO search form*/	

/*EO header*/
				
/*container*/

	#top { 	background:transparent url(../image/top.png) repeat scroll 0 0;
			height:13px;
			left:2px;
			margin:auto;
			position:absolute;
			top:-11px;
			width:1017px;
		}
				
	div#container{ 	
					width:1019px;
					background: url(../image/container.png);
					margin: auto;
					z-index: 100;
					position: relative;
					margin-top:0px;
				
				}
				
	.main-heading {	background:transparent url(../image/containerhead.png) repeat scroll 0 0;
					width: 1000px;
					height: 50px;
					margin-top:-1px;
	
	}
			


	.main-heading h2{
						
						color:#FFFFFF;
						font-size:14pt;
						height:33px;
						line-height:28px;
						margin:0;
						padding:7px 0 8px 20px;
						text-decoration:none;
				}
					
	div#container-navigation{ 
					background:transparent url(../image/container.png) repeat scroll 0 0;
					margin:-118px auto 0;
					padding-top:3px;
					position:relative;
					width:1019px;
					z-index:100;
				}
				
					
					
	div#dropdown-head {
						background-color:#ff;
						height:40px;
						text-indent: -999em;
						margin: auto;
						width: 989px;
					}
					
	div#dropdown-menu{ 
	
						background-color:#fff;
						float:left;
						height:40px;
						width:1000px;
						color: #fff;
						display: inline;
					}
	

/*site sections*/	

	.planning { background-color: #adb2e2;}
					
	.transport {	background-color: #b8cefa;}
					
	.environment { background-color: #87d087;}
					
	.training { background-color: #e9b7e9;}
					
	.self-build { background-color: #d3bc86;}
			
	.site-sections {  	display:inline;
						float:left;
						font-size:12pt;
						height:350px;
						margin-left:5px;
						width:194px;
					}
						
	.site-sections li{  
						font-size:10pt;
						height:30px;
						text-decoration:none;
					}
						
	.site-sections li a {
						color:#000000;
						display:block;
						height:25px;
						padding-left:14px;
						padding-top:8px;
						text-decoration:none;
					}
					
	.planning li a:hover{ background: #2c338b; color: #fff;}
					
	.transport li a:hover{ background: #5f87d4; color: #fff;}
					
	.environment li a:hover{ background: #07a107; color: #fff;}
					
	.training li a:hover{ background: #850485; color: #fff;}
					
	.self-build li a:hover{ background: #917430; color: #fff;}
	
	#submenu ul {margin-top:3px; padding-left:0px;}

	
/*EO site sections*/	


/*navigation dropdown*/
	
	div#plan-head-drop {
				
						background: url(../image/town-planning2.jpg);
						height: 40px;
						width: 194px;
						float: left;
						text-indent: -999em;
						display: inline;
						margin-left: 5px;
					
					}
					
					
					
	div#trans-head-drop { 
						background: url(../image/transport-header2.jpg);
						height: 40px;
						width: 194px;
						float: left;
						text-indent: -999em;
						display: inline;
						margin-left:3px;
					}
			

						
	div#environ-head-drop {
							background: url(../image/enviro-header2.jpg);
							height: 40px;
							width: 194px;
							float: left;
							color: #fff;
							text-indent: -999em;
							display: inline;
							margin-left:3px;
						}
					
	div#train-head-drop{
						background: url(../image/training-header2.jpg);
						height: 40px;
						width: 194px;
						float: left;
						text-indent: -999em;
						display: inline;
						margin-left:3px;
					}
					
	div#self-build-drop{
						background: url(../image/self-build-drop.jpg);
						height: 40px;
						width: 191px;
						float: left;
						text-indent: -999em;
						display: inline;
						margin-left:3px;
					}
					
					
	#subnav li{float: left;}

	#subnav {
				display:block;
				height:37px;
				line-height:3;
				margin-left:10px;
				margin-top:0;
				width:979px;
			}

	#subnav a {color: #fff; text-decoration: none; padding:10px;}
	
	#subnav.town-planning-drop a:hover{background-color:#414785 ;}
	#subnav.transport-drop a:hover{background-color:#224da9 ;}
	#subnav.environment-drop a:hover{background-color:#047004 ;}
	#subnav.training-drop a:hover{background-color:#490149 ;}
	#subnav.self-build-drop a:hover{background-color:#695423 ;}

	.town-planning-drop { background-color: #10175C;}
	.transport-drop { background-color: #375DAD;}
	.environment-drop { background-color: #128412;}
	.training-drop { background-color: #660066;}	
	.self-build-drop { background-color: #917430;}

/*EO navigation dropdown*/					
					
		
/*content*/

	div#content  {
					width: 1000px;
					margin:0 auto;
					text-align: left;
					height: 100%;
				}	
				
	div#media-content{
					background-color: #40458c;
					float:right;
					margin:9px 0px 15px 0px;
					width:347px;
					padding-bottom:5px;
				}
				
	div#media-content h2 {color: #fff; font-size: 16pt; margin: 10px; border-bottom:1px solid;}
	
	div#media-content li {margin: 10px; background:url(../image/play.jpg) left center no-repeat;}
	
	div#media-content li a {color: #fff; font-size: 10pt; text-decoration: none; padding-left: 20px;}
	
	div#media-content li a:hover {text-decoration: underline;}
	
	div#media-content p {margin: 10px; color: #fff; font-size: 12pt; font-weight: bold;}
			
	div#video-media { margin: 12px;}
						
				
			
	div#content-navigation {
					width: 1000px;
					margin:0 auto;
					text-align: left;
				}
					
	div#content4  {
					width: 1000px;
					height:620px;
					margin:0 auto;
					text-align: left;
				}	
						
	div#main-content {
						
						font-size:10pt;
						margin-left:10px;
						margin-top:10px;
						position:relative;
						width:978px;
						}
						
	div#main-content2 {
						width: 700px;
						height: 500px;
						float: left;
						margin-top: 5px;
						font-family:  arial;
						font-size: small;
					}
						
	div#main-text{
					color:#000000;
					display:inline;
					float:left;
					line-height:1.5;
					margin-left:10px;
					margin-top:5px;
					width:765px;
					}
					
	div#main-text-home{
						float: left;
						color: #000;
						display: inline;
						line-height:1.5;
						margin-top:6px;
						width:626px;
					}
					
	#main-text h2{
						
						color:#000;
						font-size:14pt;
						height:33px;
						line-height:28px;
						margin:0;
						padding:2px 0 8px 10px;
						text-decoration:none;
				}
				
	#main-text h4 {	color:#3E458B;
					font-size:11pt;
					margin-bottom:10px;
					
				}
					
	div#main-text-home .post {border: none;}
					
				
	#latest-news2  {      
						background-color:#F3F3F3;
						border:1px solid #CBCBCB;
						line-height:20pt;
						padding:0;
						width:220px;
						margin-top: 10px;
						margin-bottom: 10px;
					}
					
	#latest-news2 a{	text-decoration: none; 
					color: #000; 
					margin-left: 5px;
					}					

						
	#case-studies {     
						background-color:#F3F3F3;
						border:1px solid #CBCBCB;
						line-height:20pt;
						padding:0;
						width:220px;
						margin-top: 10px;
						margin-bottom: 10px;
				}
						
	#case-studies a{	text-decoration: none; 
					color: #000; 
					margin-left: 5px;
					
					}	
						
	#videos {				
				background-color:#F3F3F3;
				border:1px solid #CBCBCB;
				line-height:20pt;
				padding:0;
				width:220px;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			
/*sidebar*/
				
	div#right-nav {
					float:right;
					font-size:small;
					position:relative;
					width:220px;
				}
				
	li.categories ul a{
						color: #000;
						text-decoration: none;
						font-size: 14pt;
					}
						
	li.categories ul a:hover {color: #CBCBCB;}			
				
	div#video li {
				margin-left: 5px;
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				}
				
	div#video li a {text-decoration: none;
				color:#000;
				}
		
	div#video li a:hover{ color:#3E458B;}			
				
	#sidebar h2 {		background: url(../image/header2bg.jpg);
					color:#FFFFFF;
					display:block;
					font-size:12pt;
					margin:0;
					padding:7px 0 0 10px;
				}

	#sidebar ul {margin: 0px; padding: 0;}

	#sidebar ul li a{	display:block;
					padding:9px 0 7px 9px;
					width:197px;
					}
					
	#sidebar ul li a:hover { 	background-color:#CBCBCB; 
							text-decoration: none; 
							color: #3E458B;
						}

	#sidebar {		margin:5px 0 0; 
					padding: 0; 
					width: 208px;
			}

	.widget_listcategorypostswidget {	background-color:#F3F3F3;
										border:1px solid #CBCBCB;
										
									}
															
	.widget_listcategorypostswidget a {text-decoration: none; color: #000; }	

	.lcp_catlist li {		
						border-bottom:1px solid #CBCBCB;
						line-height:17px;
						width:208px;
				}
				
	#searchsubmit {	background-color:#40458C;
					border:medium none;
					color:#FFFFFF;
					font-size:10pt;
					font-weight:bold;
					margin-top:5px;
					padding:4px;
					}
				
/*EO sidebar*/				
					

/*EO content*/
					
/*footer*/

	div#footer{ 
				width:1015px;
				height: 250px;
				background: url(../image/foxleyfooter.png);
				text-align: left;
				clear: both;
				margin: 0 auto;
			}
				
	div#footer-address{
					width:310px;
					padding-left: 30px;
					color:#40458C;
					float: left;
					line-height:25px;
					margin:16px 0;
				}
				
	div#footer-text {	color:#fff;
					float:left;
					font-size:12pt;
					font-weight:bold;
					line-height:25px;
					margin-top:16px;
					width:330px;
					}
					
	#footer-quick-links {	color:#FFFFFF;
							float:left;
							line-height:16px;
							margin:10px 0;
							width:440px;
					}
					
	#footer-site-links {	color:#FFFFFF;
						float:left;
						line-height:16px;
						margin:0 0;
						width:440px;
					}
					
	#footer-quick-links li {float:left; margin-right: 10px;}
	
	#footer-quick-links li a {color:#B4CFEC; text-decoration:none;}
	#footer-quick-links li a:hover { color: #fff; text-decoration: underline;}
	
	#footer-site-links li {float:left; margin-right: 10px;}
	
	#footer-site-links li a {color:#B4CFEC; text-decoration:none;}
	#footer-site-links li a:hover { color: #fff; text-decoration: underline;}
	
	#footer-subtext {color:#FFFFFF;
					float:right;
					height:50px;
					margin-top:58px;
					width:537px;
					}
		
	#footer-subtext li {float: left; margin-left: 50px;}
	
	#footer-subtext li a {color:#fff; text-decoration: none;}
				
/*EO footer*/

/*wordpress additions*/

	#search-3 {border: 1px solid #CBCBCB; background-color: #CBCBCB; padding-bottom:10px;}
					
	.add1 {
			color:#40458C;
			font-size:13pt;
			font-weight:bold;
		}

	.add2 {
			color:#40458C;
			font-size: 10pt;
		}
			
	.main1 {
			color: 	#151B54;
			font-size: 14pt;
		}
		
	.main2 {
			color: 	#151B54;
			font-size: 12pt;
		}
			
	.case1{font-size: 14pt;}
				
	.news1{font-size: 14pt;}

	.video1{font-size: 14pt; margin-left: 5px;}

/*posts*/

	.post { border: 1px solid #CBCBCB; margin-bottom:10px;}	

	.post a{line-height: 25px; color: #40458c; text-decoration: none;}
	
	.post a:hover {text-decoration: underline;}
	
	.post p {margin-bottom: 8px;}
	
	.post h2 {
				border-bottom: 1px solid #CBCBCB;
				color:#000000;
				font-size:19pt;
				text-decoration:none;
				line-height:28px;
				padding: 3px;
			}
			
	.post h3 { margin:8px 0 0 10px; border-bottom:1px solid;}

	.post h3 a{	color:#000000;
				font-size:18pt;
				margin:8px;
				text-decoration:none;
			}
			
	p.postmetadata a {text-decoration: none; color: #000;}
	
	p.postmetadata a:hover {text-decoration: none; color: #3e458b;}

	a.post-edit-link {	color: #3e458b; 
						font-size: 12pt; 
						text-decoration: none; 
						margin-left:10px;
					}
	
	.posted-date { 	float:right; 
					margin:-24px 10px 0px 0px; 
					color:#3E458B;
				}
	
	
/*EO posts*/

	.search-results-table {		background-color:#F3F3F3;
								border:1px solid #CBCBCB;
								margin-bottom:10px;
								padding:3px;
						} 
						
	.search-results-table h5 a{ color: #000; font-size: 12pt; text-decoration: none;}
	
	.search-results-table h5 {border-bottom: 1px solid;}
						
	.alignright {float: right; padding: 6px; border: 1px solid #ccc; }
	
	.alignleft{ float: left; padding: 6px; border: 1px solid #ccc;}
	
	.alignright a { 	color: #fff; 
					text-decoration: none; 
					font-size: 12pt;
				}
	
	.alignleft a { 	color: #fff; 
					text-decoration: none; 
					font-size: 12pt;
				}
	
	.navigation { 	background-color: #3e458b; 
					width: 748px; 
					height: 35px; 
					margin-left: 10px;
				}

	.more-link {float: right;}

	.entry {line-height: 20px;  padding: 10px;}
	
	.entry li {padding-left: 20px; background:url(../image/arrow.jpg) left center no-repeat;}
	
	.entry img {margin:0 10px;}
	
	.entry ul, li{
				margin:0;
				padding:0;
				list-style-type:none;
			}

	.aligncenter {border: 1px solid #ccc; padding: 3px;}

	p.nocomments {display: none;}
		
	.ddsg-wrapper a {text-decoration: none; color: #000;}
	
	.ddsg-wrapper a:hover {text-decoration: none; color: #3e458b;}
	
	.ddsg-wrapper title a {font-size: 12pt; color: #000;}
	
	.pagetitle h2 {font-size:20pt; margin-left:10px}
	
	.flexipages_widget {background-color: #F3F3F3; border:1px solid #CBCBCB;}
	
	.flexipages_widget form {padding: 5px;}
	
	.flexipages_widget select {margin-bottom:5px; border: 1px solid #3e458b; background: #F3F3F3;}
	
	#quicksubmit {	background-color:#40458C;
					border:medium none;
					color:#FFFFFF;
					font-size:10pt;
					font-weight:bold;
					margin-top:5px;
					padding:4px;
					}

	#show-none {display: none;}
	
	strong {font-weight: bold;}
		

/*EO wordpress additions*/	 

blockquote {
	background-color:#E0E0E0;
	border:2px solid #999999;
	font-size:11pt;
	margin:0 20px;
	padding:10px;
	quotes: "\201C" "\201D";
 }
 blockquote:before { content: open-quote; font-weight: bold; }
 blockquote:after { content: close-quote; font-weight: bold; }