/*

Global stylesheet for Seafire Park
Handwritten by Oliver Coningham (AztecMedia.eu)
http://www.seafirepark.co.uk/

*/


/* ------------ Toolbox ------------ */

.cleared { clear: both; }
.float-left { float: left; }
.float-right { float: right; }
.textalign-right { text-align: right; }


/* ------------ Defaults ------------ */

body {
	background: #fff url('../images/body-bg.gif') repeat-x top left;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	padding: 14px 0;
	}
	
#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
.container {
	margin: auto;
	width: 960px;
	}
	
hr {
	display: none;
	}
	
.address {
	color: #942923;
	}
	

/* ------------ Branding ------------ */

#branding {
	height: 136px;
	width: 960px;
	}
	
#branding h1 a {
	background: url('../images/h1-bg.gif') no-repeat top left;
	display: block;
	float: left;
	height: 116px;
	text-indent: -25000px;
	width: 263px;
	}
	
#abbey-text {
	background: url('../images/abbey-text.gif') no-repeat top left;
	float: right;
	height: 36px;
	margin-top: 54px;
	text-indent: -25000px;
	width: 357px;
	}
	
#abbey-logo {
	float: right;
	margin-top: -10px;
	}	
	
	
/* --------------- Navigation --------------- */

#nav {
	clear: both;
	height: 45px;
	text-indent: -25000px;
	width: 960px;
	}
	
#nav li {
	float: left;
	}

#nav a {
	display: block;
	height: 45px;
	}
	
#nav a:hover, #nav .selected {
	background-position: 0 -45px;
	}
	
#nav-home a {
	background: url('../images/nav-home.gif') no-repeat top left;
	width: 65px;
	}
#nav-about a {
	background: url('../images/nav-about.gif') no-repeat top left;
	width: 94px;
	}
#nav-location a {
	background: url('../images/nav-location.gif') no-repeat top left;
	width: 93px;
	}
#nav-scheme a {
	background: url('../images/nav-scheme.gif') no-repeat top left;
	width: 111px;
	}
#nav-occupiers a {
	background: url('../images/nav-occupiers.gif') no-repeat top left;
	width: 103px;
	}
#nav-login a {
	background: url('../images/nav-login.gif') no-repeat top left;
	width: 68px;
	}
#nav-contact a {
	background: url('../images/nav-contact.gif') no-repeat top left;
	width: 95px;
	}
	
	
/* --------------- Flash --------------- */

#flash {
	background: url('../images/flash-bg.jpg') no-repeat top left;
	clear: both;
	height: 190px;
	width: 960px;
	}
	
#flash #tagline {
	background: url('../images/tagline.gif') no-repeat top left;
	float: left;
	height: 100px;
	text-indent: -25000px;
	width: 626px;
	}
	
#flash #features {
	background: url('../images/features-bg.gif') no-repeat top left;
	float: right;
	height: 156px;
	padding-top: 34px;
	text-indent: -25000px;
	width: 334px;
	}
	
#flash #features li {
	height: 38px;
	width: 320px;
	}
	
#flash #feature-01 {
	background: url('../images/feature-01-bg.gif') no-repeat top left;
	}
#flash #feature-02 {
	background: url('../images/feature-02-bg.gif') no-repeat top left;
	}
#flash #feature-03 {
	background: url('../images/feature-03-bg.gif') no-repeat top left;
	}
#flash #feature-04 {
	background: url('../images/feature-04-bg.gif') no-repeat top left;
	}
	

/* --------------- Content --------------- */

#content {	
	background: url('../images/content-bg.gif') repeat-x bottom left;
	padding: 20px 0;
	}
	
#occupiers #content {
	height: 250px;
	}
	
#content p {
	margin-top: 1.25em;
	}
	
#content p a {
	border-bottom: 1px solid #942923;
	color: #942923;
	text-decoration: none;
	}
#content p a:hover {
	border-bottom: 1px solid #942923;
	color: #000;
	}
	
#content #button a {
	border: none;
	}
	
#content .column {
	width: 470px;
	}

#content h2 {
	height: 17px;
	text-indent: -25000px;
	width: 360px;
	}

#default #content h2 {
	background: url('../images/default-content-h2.gif') no-repeat top left;
	}
#about #content h2 {
	background: url('../images/about-content-h2.gif') no-repeat top left;
	}
#location #content h2 {
	background: url('../images/location-content-h2.gif') no-repeat top left;
	}
#scheme #content h2 {
	background: url('../images/scheme-content-h2.gif') no-repeat top left;
	}
#occupiers #content h2 {
	background: url('../images/occupiers-content-h2.gif') no-repeat top left;
	}
#login #content h2 {
	background: url('../images/login-content-h2.gif') no-repeat top left;
	}
#contact #content h2 {
	background: url('../images/contact-content-h2.gif') no-repeat top left;
	}

		
/* --------------- Map --------------- */

#map {	
	background: url('../images/map-bg.png') no-repeat top left;
	height: 361px;
	padding: 9px 0 0 9px;
	width: 461px;
	}

#map-inner {	
	height: 350px;
	width: 430px;
	}

	
/* --------------- Sub Content --------------- */

#sub-content {	
	background: url('../images/sub-content-bg.gif') repeat-x top left;
	border-top: 1px solid #fff;
	clear: both;
	height: 85px;
	padding-top: 10px;
	}
	
#sub-content h3 {
	height: 8px;
	margin-bottom: 10px;
	text-indent: -25000px;
	width: 200px;
	}

#sub-content #other-dev {
	background: url('../images/h3-other-dev.gif') no-repeat top left;
	}
#sub-content #agent {
	background: url('../images/h3-agent.gif') no-repeat top right;
	}

#sub-content li {
	float: left;
	margin-right: 10px;
	}

#sub-content li a {
	display: block;
	height: 57px;
	text-indent: -25000px;
	}
	
#sub-content #dev-bunford {
	background: url('../images/logo-bunford-park.gif') no-repeat top left;
	width: 92px;
	}
#sub-content #dev-minster {
	background: url('../images/logo-minster-business-park.gif') no-repeat top left;
	width: 93px;
	}
#sub-content #dev-lynx {
	background: url('../images/logo-lynx-business-centre.gif') no-repeat top left;
	width: 93px;
	}

	
/* --------------- Footer --------------- */

#footer {	
	background: url('../images/footer-bg.gif') repeat-x top left;
	color: #999;
	font-size: 90%;
	height: 40px;
	padding-top: 10px;
	}
	
#footer a {
	color: #999;
	text-decoration: none;
	}
#footer a:hover {
	color: #942923;
	text-decoration: underline;
	}
	
#footer #links li {
	background: url('../images/links-bg.gif') no-repeat center right;
	float: left;
	padding-right: 15px;
	}
	
#footer #links li.last{
	background: none;
	padding-right: 0;
	}