@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	-moz-outline: 0;
}

body {
	background: #515151;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:888888;
	text-align:center;
}

a img {
	border: 0;
}

#pagewrapper {
	text-align:left;
	margin:0 auto;
	width: 1040px;
	/*width:1039px;
	height:893px;*/
	background:url(../images/bg-page.jpg) repeat-y;
	}
	
	body.newsShot  #pagewrapper {
		width: 100%;
		text-align:center;
		background: none !important;
	}
	
	#pageinner {
	text-align:left;
	margin:0 auto;
	width: 970px;
	/*width:1039px;
	height:893px;*/
	padding:33px 35px;
	background:url(../images/bg-grad.jpg) no-repeat top left;
	}
	
	

#header {
	margin:0;
	width:965px;
	float:left;
	background: url(../images/bg-nav.jpg) repeat-x top left;
	height: 96px;
	margin: 0 0 16px 0;
}

#branding {
	float:right;
	width:340px;
	height: 84px;
	padding: 6px 0;
}


#branding h1{
	background:url(../images/logo-burnleybridge.jpg) no-repeat top left;
	width:193px; 
	height:80px;
	padding: 0 8px 0 0;
	float:left;
	text-indent:-9000px;

}

#branding h2 a {
	background:url(../images/logo-eshton.jpg) no-repeat top left;
	width:132px; 
	height:80px;
	float:left;
	display: block;
	text-indent:-9000px;

}

#navigation {
	/*width:562px;*/
	width: 613px;
	float:left;
	height:80px;
	padding: 8px 0 8px 8px;
	}

#navigation ul{
	list-style:none;
	margin:0;
	padding:0 0 0 0;
	display:block;
	float: left;
	height: 80px;
	}
	
#navigation li {
	float: left;
	display: block;
	height: 80px;
	position:relative;
}
	

#navigation li.tnHome a {
	background:url(../images/nav-home.jpg) no-repeat top left;
	width:75px; 
	height:80px;
	display:block;
	margin: 0 0 0 0;
	float:left;
	text-indent:-9000px;
}

#navigation li.tnHome a:hover {
	background:url(../images/nav-home.jpg) no-repeat top center;
	width:75px; 
	height:80px;
	display:block;
	margin: 0 0 0 0;
	float:left;
}

body.home #navigation li.tnHome a {
	background:url(../images/nav-home.jpg) no-repeat top right;
}

#navigation li.tnAbout a {
	background:url(../images/nav-about.jpg) no-repeat top left;
	width:86px; 
	height:80px;
	display:block;
	margin: 0 0 0 0;
	float:left;
	text-indent:-9000px;
}

#navigation li.tnAbout a:hover {
	background:url(../images/nav-about.jpg) no-repeat top center;
	width:86px; 
	height:80px;
	display:block;
	margin: 0 0 0 0;
	float:left;
}

body.about #navigation li.tnAbout a {
	background:url(../images/nav-about.jpg) no-repeat top right;
}


#navigation li.tnLocation a {
	background:url(../images/nav-location.jpg);
	width:116px; 
	height:80px;
	float:left;
	display:block;
	text-indent:-9000px;
}

#navigation li.tnLocation a:hover {
	background:url(../images/nav-location.jpg) no-repeat top center;
	width:116px; 
	height:80px;
	float:left;
	display:block;
}

body.location #navigation li.tnLocation a {
	background:url(../images/nav-location.jpg) no-repeat top right;
}

#navigation li.tnPhase3 a {
	background:url(../images/nav-phase3.jpg);
	width:100px; 
	height:80px;
	float:left;
	display:block;
	text-indent:-9000px;
}

#navigation li.tnPhase3 a:hover {
	background:url(../images/nav-phase3.jpg) no-repeat top center;
	width:100px; 
	height:80px;
	float:left;
	display:block;
}

body.masterplan #navigation li.tnPhase3 a {
	background:url(../images/nav-phase3.jpg) no-repeat top right;
}


#navigation li.tnMasterplan a {
	background:url(../images/nav-masterplan.jpg);
	width:151px; 
	height:80px;
	float:left;
	display:block;
	text-indent:-9000px;
}

#navigation li.tnMasterplan a:hover {
	background:url(../images/nav-masterplan.jpg) no-repeat top center;
	width:151px; 
	height:80px;
	float:left;
	display:block;
}

body.masterplan #navigation li.tnMasterplan a {
	background:url(../images/nav-masterplan.jpg) no-repeat top right;
}

#navigation li.tnNews a {
	background:url(../images/nav-news.jpg);
	width:76px; 
	height:80px;
	display:block;
	float:left;
	text-indent:-9000px;
	
}

#navigation li.tnNews a:hover {
	background:url(../images/nav-news.jpg) no-repeat top center;
	width:76px; 
	height:80px;
	display:block;
	float:left;
}

body.news #navigation li.tnNews a,
body.articles #navigation li.tnNews a {
	background:url(../images/nav-news.jpg) no-repeat top right;
}

#navigation li.tnContact a {
	background:url(../images/nav-contact.jpg);
	width:109px; 
	height:80px;
	display:block;
	float:left;
	text-indent:-9000px;
	
}

#navigation li.tnContact a:hover {
	background:url(../images/nav-contact.jpg) no-repeat top center;
	width:109px; 
	height:80px;
	display:block;
	float:left;
}

body.contact #navigation li.tnContact a {
	background:url(../images/nav-contact.jpg) no-repeat top right;
}

#contentwrapper {
	width:965px;
	float:left;
}

#featurearea {
	padding:25px 15px 35px 15px;
	width:935px;
	height:100px;
	float: left;
	display: block;
	margin: 0 0 14px 0;
	background: #ffffff;
}


body.home #featurearea {
	padding:25px 15px 21px 15px;
	* padding:25px 15px 35px 15px;
	_padding:25px 15px 21px 15px;
	width:935px;
	height:441px;
	float: left;
	display: block;
	margin: 0 0 14px 0;
	background: #ffffff;
}


/*body.home #featurearea img {
	border-top: solid 5px #00529c;
	padding: 10px 0 0 0;
}*/

hr.bluebar {
	height: 5px;
	color: #00529c;
	background: #00529c;
	border: 0;
	width: 935px;
	margin: 0 0 10px 0;
}



#featurearea img {
	display: block;
}

body.masterplan #featurearea {
	padding:25px 15px 35px 15px;
	width:935px;
	height: auto;
	float: left;
	display: block;
	margin: 0 0 14px 0;
	background: #ffffff;
}


#maincontent {
	background:url(../images/bg-footer.jpg) #fff repeat-x bottom left;
	float:left;
	display: block;
	width:935px;
	padding: 15px;
}

#maincontent h1 {
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 15px;
	color: #005097;
	text-transform: uppercase;
}

#maincontent h2 {
	font-weight: normal;
	font-size: 21px;
	margin-bottom: 5px;
	color: #0168c4;
	text-transform: uppercase;
}

#maincontent h3 {
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 15px;
	color: #0085fb;
	text-transform: uppercase;
}

#maincontent h4 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 15px;
	color: #333;
	text-transform: uppercase;
}

#maincontent p {
	font-size: 12px;
	color: #666;
	margin: 0 0 15px 0;
}
#maincontent a {
	color: #666;
}
#maincontent a:hover {
	color: #005097;
}

#maincontent ul {
	list-style: outside;
	padding: 0 15px;
	float: left;
	display: block;
	display: inline;
}
#maincontent li {
	font-size: 12px;
	padding: 0;
	color: #666;
	margin: 0;
}

#col1 {
	width: 557px;
	float: left;
}
#col2 {
	width: 333px;
	float: right;
	padding: 0 0 0 45px;
}

body.about #col1 {
	width: 280px;
	float: left;
}
body.about #col2 {
	width: 290px;
	float: left;
	padding: 45px 0 0 30px !important;
	* padding: 45px 0 0 0;
	
}
body.about #col3 {
	width: 290px;
	float: right;
	padding: 45px 0 0 0;
	* padding: 45px 0 0 0;
	
}


body.location #col1 {
	width: 440px;
	float: left;
	padding: 45px 0 0 0;
	* padding: 45px 0 0 0;
}
body.location #col2 {
	width: 440px;
	float: right;
	
}

body.news #col1 {
	width: 440px;
	float: left;

}
body.news #col2 {
	width: 440px;
	float: right;
	/*padding: 45px 0 0 0;
	* padding: 45px 0 0 0;*/
	text-align: right;
}

body.articles #col1 {
	width: 932px;
	float: left;

}

body.articles hr {
	border: 0;
	height: 1px;
	color: #ccc;
	background: #ccc;
	display: block;
	margin: 0 0 15px 0;
}

#footer {
	width:935px;
	display: block;
	float:left;
	padding:15px;
	text-align: center;
}
#footer p {
	font-size: 11px;
	color: #6ab8ff;
}
.clear {
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}


body.contact .col1 {
	width: 310px;
	float: left;
}

body.contact .col2 {
	width: 310px;
	float: left;
	padding: 32px 0 0 0;
}

body.contact .col3 {
	width: 310px;
	float: left;
}

p.contactLogo {
	height: 85px;
}