/*

Stylesheet for Bunford Park
Handwritten by Oliver Coningham (AztecMedia.eu)
http:/www.bunfordpark.co.uk/

*/


/* ------------ Defaults ------------ */

body {
	background: #dadde4 url('../images/body-bg.gif') no-repeat top center;
	color: #000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	}
	
#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
#container {
	margin: auto;
	width: 960px;
	}
	
.cleared {
	clear: both;
	}
	
hr, .hide {
	display: none;
	}

.thumb img {
	border: 5px solid #fff;
	margin: 0 10px 10px 0;
	}
	
	
/* ------------ Tables ------------ */

table { 
	background-color: #fff;
	margin-bottom: 1.25em;
	width: 100%;
	}

table caption, tfoot td {
	margin-bottom: 1.25em;
	padding: 5px;
	}
		
th, td { 
	padding: 5px;
	}
	
th { 
	background-color: #077647;
	border: 1px solid #dadde4;
	color: #fff;
	font-weight: bold; 
	}
	
td { 
	border: 1px solid #dadde4;
	text-align: center;
	}
	
tfoot {
	background-color: #dadde4;
	font-size: 80%;
	text-align: center;
	}
	
	
/* --------------- Branding --------------- */

#branding {
	height: 85px;
	padding: 15px 10px 0 10px;
	text-indent: -25000px;
	width: 940px;
	}
	
#branding h1 a {
	background: url('../images/h1-bg.gif') no-repeat top left;
	display: block;
	float: left;
	height: 70px;
	width: 289px;
	}

#branding h1 a:hover {
	background-position: 0 -70px;
	}
		
#branding #enquiries {
	background: url('../images/enquiries-bg.gif') no-repeat top left;
	float: right;
	height: 34px;
	margin-top: 26px;
	width: 325px;
	}

#abbey-logo a {
	background: url('../images/amcap-logo.gif') no-repeat top right;
	display: block;
	float: right;
	height: 92px;
	margin: -20px 0 0 10px;
	width: 140px;
	}	

	
/* --------------- Navigation --------------- */

#nav {
	clear: both;
	height: 40px;
	padding: 0 10px;
	text-indent: -25000px;
	width: 940px;
	}
	
#nav li {
	float: left;
	}

#nav a {
	display: block;
	height: 40px;
	width: 104px;
	}

#nav a:hover, #nav .selected {
	background-position: 0 -40px;
	}
	
#nav-home a {
	background: url('../images/nav-home.gif') no-repeat top left;
	}
	
#nav-about a {
	background: url('../images/nav-about.gif') no-repeat top left;
	}
	
#nav-contacts a {
	background: url('../images/nav-contacts.gif') no-repeat top left;
	}
	
#nav-zone a {
	background: url('../images/nav-zone.gif') no-repeat top left;
	}
	
#nav-key a {
	background: url('../images/nav-key.gif') no-repeat top left;
	width: 108px;
	}
	
#nav-delivery a {
	background: url('../images/nav-delivery.gif') no-repeat top left;
	}
	
#nav-vision a {
	background: url('../images/nav-vision.gif') no-repeat top left;
	}
	
#nav-location a {
	background: url('../images/nav-location.gif') no-repeat top left;
	}
	
#nav-downloads a {
	background: url('../images/nav-downloads.gif') no-repeat top left;
	}
	

/* --------------- Content --------------- */

#content {
	background: url('../images/content-bg.gif') no-repeat top left;
	padding: 0 10px;
	width: 940px;
	}
	

/* --------------- Map --------------- */

#map {
	background: url('../images/content-bg.gif') no-repeat top left;
	border: 5px solid #fff;
	height: 313px;
	margin-bottom: 1.25em;
	width: 408px;
	}	
	
	
/* --------------- Image --------------- */

#image {
	height: 280px;
	padding-right: 15px;
	width: 925px;
	}
	
#slideshow {
	background: url('../images/slideshow-bg.gif') no-repeat top left;
	float: left;
	height: 280px;
	width: 698px;
	}

#slideshow img {
	margin: 20px 0 0 20px;
	}
	
#image ul
	{
	background: url('../images/image-ul-bg.gif') no-repeat bottom left;
	float: right;
	height: 265px;
	margin-top: 15px;
	text-indent: -25000px;
	width: 227px;
	}
	
#image-proposal
	{
	background: url('../images/image-proposal-bg.gif') no-repeat top left;
	height: 79px;
	width: 227px;
	}
	
#image-planning
	{
	background: url('../images/image-planning-bg.gif') no-repeat top left;
	height: 43px;
	width: 227px;
	}
	
#image-resolution
	{
	background: url('../images/image-resolution-bg.gif') no-repeat top left;
	height: 47px;
	width: 227px;
	}

#image-winter
	{
	background: url('../images/image-winter-bg.gif') no-repeat top left;
	height: 48px;
	width: 227px;
	}
	
	
/* --------------- Copy --------------- */

#copy {
	margin: 0 15px;
	width: 910px;
	}
	
#copy h2, #copy h3, #copy p {
	margin-bottom: 1.25em;
	}

#copy h2 {
	height: 14px;
	text-indent: -25000px;
	width: 410px;
	}

#copy h3 {
	height: 14px;
	margin-top: 2.5em;
	text-indent: -25000px;
	width: 410px;
	}

#default #copy h2 {
	background: url('../images/h2-default.gif') no-repeat top left;
	}
#about #copy h2 {
	background: url('../images/h2-about.gif') no-repeat top left;
	}
#contacts #copy h2 {
	background: url('../images/h2-contacts.gif') no-repeat top left;
	}
#zone #copy h2 {
	background: url('../images/h2-zone.gif') no-repeat top left;
	}
#zone-1 #copy h2 {
	background: url('../images/h2-zone-1.gif') no-repeat top left;
	height: 21px;
	}
#zone-2 #copy h2 {
	background: url('../images/h2-zone-2.gif') no-repeat top left;
	height: 21px;
	}
#zone-3 #copy h2 {
	background: url('../images/h2-zone-3.gif') no-repeat top left;
	height: 21px;
	}
#zone-4 #copy h2 {
	background: url('../images/h2-zone-4.gif') no-repeat top left;
	height: 21px;
	}
#key #copy h2 {
	background: url('../images/h2-key.gif') no-repeat top left;
	}
#delivery #copy h2 {
	background: url('../images/h2-delivery.gif') no-repeat top left;
	}
#vision #copy h2 {
	background: url('../images/h2-vision.gif') no-repeat top left;
	}
#location #copy h2 {
	background: url('../images/h2-location.gif') no-repeat top left;
	}
#downloads #copy h2 {
	background: url('../images/h2-downloads.gif') no-repeat top left;
	}
#agents #copy h2 {
	background: url('../images/h2-agents.gif') no-repeat top left;
	}
#delivery #copy h3 {
	background: url('../images/h3-timeline.gif') no-repeat top left;
	}
#yeovil #copy h2 {
	background: url('../images/h2-yeovil.gif') no-repeat top left;
	}
#downloads #copy #copy-2 h2 {
	background: url('../images/h2-login.gif') no-repeat top left;
	}
#yeovil #copy #copy-2 h2 {
	background: url('../images/h2-include.gif') no-repeat top left;
	}
#location #copy #copy-2 h2 {
	background: url('../images/h2-aerial.gif') no-repeat top left;
	height: 15px;
	}
#vision #copy #copy-2 h2 {
	background: url('../images/h2-life.gif') no-repeat top left;
	}
#location #copy #copy-2 #photographs {
	background: url('../images/h2-location-photographs.gif') no-repeat top left;
	margin-top: 1.25em;
	}
	
#copy a {
	color: #077647;
	}

#copy a:hover {
	color: #931835;
	}

#copy-1, #copy-2 {
	background: url('../images/copy-bg.gif') repeat-x top left;
	padding: 0 15px 0 15px;
	}
			
#about #copy-2 {
	height: 250px;
	padding: 0 15px 1.25em 15px;
	}
	
#copy-1 {
	float: left;
	width: 418px;
	}
	
#copy-2 {
	float: right;
	padding-top: 27px;
	width: 417px;
	}
	
#default #copy-2, #delivery #copy-2, #vision #copy-2, #yeovil #copy-2, #downloads #copy-2, #location #copy-2, #zone #copy-2, #zone-1 #copy-2, #zone-2 #copy-2,  #zone-3 #copy-2,  #zone-4 #copy-2 {
	padding-top: 0;
	}

#copy .logo {
	float: left;
	margin-right: 15px;
	}
	
.address {
	color: #077647;
	margin-left: 5px;
	}

.highlight {
	color: #077647;
	}

#copy ul {
	padding-left: 30px;
	}
	
#copy ul li {
	background: url('../images/bullet.png') no-repeat 0 50%;
	height: 20px;
	margin-bottom: 1.25em;
	padding-left: 22px;
	}
	
#delivery #copy ul li {
	background: url('../images/icon-clock.gif') no-repeat 0 50%;
	border-left: none;
	margin-bottom: 1.25em;
	padding: 4px 0 5px 29px;
	}

#copy .pdf {
	float: left;
	padding: 0;
	}
	
#copy .pdf li {
	background: url('../images/pdf-icon.gif') no-repeat 0 50%;
	border: 0;
	margin-bottom: 1.25em;
	padding: 5px 0 5px 53px;
	}
	
#copy #logo-dtz {
	background: url('../images/logo-dtz-sml.gif') no-repeat 0 50%;
	border: 0;
	height: 30px;
	padding: 12px 0 0 76px;
	}
#copy #logo-humberts {
	background: url('../images/logo-humberts-sml.gif') no-repeat 0 50%;
	border: 0;
	height: 30px;
	padding: 12px 0 0 76px;
	}
	

/* --------------- Features --------------- */

#features {
	clear: both;
	height: 145px;
	padding-top: 15px;
	text-indent: -25000px;
	width: 940px;
	}
	
.feature {
	float: left;
	height: 150px;
	width: 235px;
	}
	
.feature h3 {
	height: 55px;
	margin: 0;
	width: 235px;
	}
	
.feature .text {
	height: 68px;
	margin: 0;
	width: 235px;
	}
	
.feature a {
	display: block;
	height: 28px;
	width: 235px;
	}
	
#feature-1 a:hover, #feature-2 a:hover, #feature-3 a:hover, #feature-4 a:hover {
	background-position: 0 -28px;
	}

#feature-1 h3 {
	background: url('../images/feature-1-h3.gif') no-repeat top left;
	}
#feature-1 .text {
	background: url('../images/feature-1-text.gif') no-repeat top left;
	}
#feature-1 a {
	background: url('../images/feature-1-a.gif') no-repeat top left;
	}

#feature-2 h3 {
	background: url('../images/feature-2-h3.gif') no-repeat top left;
	}
#feature-2 .text {
	background: url('../images/feature-2-text.gif') no-repeat top left;
	}
#feature-2 a {
	background: url('../images/feature-2-a.gif') no-repeat top left;
	}

#feature-3 h3 {
	background: url('../images/feature-3-h3.gif') no-repeat top left;
	}
#feature-3 .text {
	background: url('../images/feature-3-text.gif') no-repeat top left;
	}
#feature-3 a {
	background: url('../images/feature-3-a.gif') no-repeat top left;
	}

#feature-4 h3 {
	background: url('../images/feature-4-h3.gif') no-repeat top left;
	}
#feature-4 .text {
	background: url('../images/feature-4-text.gif') no-repeat top left;
	}
#feature-4 a {
	background: url('../images/feature-4-a.gif') no-repeat top left;
	}
	
	
/* --------------- Footer --------------- */

#footer {
	background: url('../images/footer-bg.gif') repeat-x bottom left;
	clear: both;
	color: #909397;
	height: 90px;
	font-size: 90%;
	margin-top: 20px;
	width: 100%;
	}
	
#footer a {
	color: #909397;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #077647;
	text-decoration: underline;
	}

#footer-inner {
	border-top: 1px solid #c0c3c9;
	margin: auto;
	padding-top: 5px;
	width: 910px;
	}
	
#copyright {
	float: left;
	}
	
#aztec {
	float: right;
	}