/*

Global stylesheet for The Farmyard
Handwritten by Oliver Coningham (AztecMedia.eu)
http://www.farmyardretreat.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') no-repeat center top;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	padding: 20px 0;
	}

#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
#container {
	margin: auto;
	padding: 0 20px;
	width: 720px;
	}
	
.cleared {
	clear: both;
	}
	
hr {
	display: none;
	}
	
strong { 
	color: #86b97f;
	}
	
	
/* ------------ Branding ------------ */

#branding {
	height: 83px;
	margin-bottom: 20px;
	width: 720px;
	}

#branding #flash {
	float: left;
	height: 64px;
	margin: 19px 30px 0 0;
	width: 126px;
	}
		
#branding h1 a {
	background: url('../images/the-farmyard.gif') no-repeat top left;
	display: block;
	float: left;
	height: 84px;
	text-indent: -25000px;
	width: 409px;
	}

#branding h2 a {
	background: url('../images/short-break-accommodation.gif') no-repeat top left;
	display: block;
	float: left;
	height: 18px;
	text-indent: -25000px;
	width: 409px;
	}

#branding #special-offers a {
	background: url('../images/special-offers.gif') no-repeat 0 0;
	display: block;
	float: right;
	height: 64px;
	margin-top: 19px;
	text-indent: -25000px;
	width: 126px;
	}
		

/* --------------- Navigation --------------- */

#nav {
	height: 35px;
	text-indent: -25000px;
	width: 720px;
	}
	
#nav li {
	float: left;
	}

#nav a {
	display: block;
	height: 35px;
	}
	
#nav a:hover, #nav .selected {
	background-position: 0 -40px;
	}
	
#nav-home a {
	background: url('../images/nav-home.gif') no-repeat top left;
	width: 103px;
	}
#nav-about a {
	background: url('../images/nav-about.gif') no-repeat top left;
	width: 103px;
	}
#nav-location a {
	background: url('../images/nav-location.gif') no-repeat top left;
	width: 102px;
	}
#nav-apartments a {
	background: url('../images/nav-apartments.gif') no-repeat top left;
	width: 104px;
	}
#nav-pricing a {
	background: url('../images/nav-pricing.gif') no-repeat top left;
	width: 102px;
	}
#nav-terms a {
	background: url('../images/nav-terms.gif') no-repeat top left;
	width: 103px;
	}
#nav-contact a {
	background: url('../images/nav-contact.gif') no-repeat top left;
	width: 103px;
	}
	
	
/* --------------- Sub-Navigation --------------- */

#subnav {
	height: 25px;
	margin-top: 1px;
	text-indent: -25000px;
	width: 720px;
	}
	
#subnav li {
	float: left;
	}

#subnav a {
	display: block;
	height: 25px;
	}

#subnav a:hover, #subnav .selected {
	background-position: 0 -25px;
	}

#subnav-gallery a {
	background: url('../images/subnav-gallery.gif') no-repeat top left;
	margin-left: 307px;
	width: 105px;
	}
#subnav-reviews a {
	background: url('../images/subnav-reviews.gif') no-repeat top left;
	margin-left: 102px;
	width: 105px;
	}
#subnav-gallery-1 a {
	background: url('../images/subnav-gallery-1.gif') no-repeat top left;
	margin-left: 307px;
	width: 105px;
	}
#subnav-gallery-2 a {
	background: url('../images/subnav-gallery-2.gif') no-repeat top left;
	width: 102px;
	}



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

#content {
	background: #fff url('../images/content-bg.gif') no-repeat top left;
	padding: 25px 0 15px 0;
	width: 720px;
	}

#default #content { background: #fff url('../images/default-content-bg.gif') no-repeat 0 60px; }
#terms #content, #london #content, #pricing #content { background: none; }
	
#content p {
	margin-bottom: 1.25em;
	}
	
#content ul {
	color: #86b97f;
	}
	
#default #content ul {
	margin-left: 10px;
	}
	
#content ul li {
	background: url('../images/icon-leaf.gif') no-repeat 0 50%;
	padding: 5px 0 10px 26px;
	}
		
#content ol {
	margin-left: 20px;
	}
		
#content ol li {
	border-left: 1px solid #86b97f;
	list-style: decimal outside;
	margin: 0 0 1.25em 20px;
	padding-left: 10px;
	}
	
#content .column {
	width: 340px;
	}

#default #content .column {
	width: 350px;
	}
	
#content h3 {
	height: 15px;
	margin-bottom: 1.25em;
	text-indent: -25000px;
	width: 325px;
	}
	
#default #content h3 { background: url('../images/default-h3.gif') no-repeat top left; height: 18px; }
#about #content h3 { background: url('../images/about-h3.gif') no-repeat top left; }
#location #content h3 { background: url('../images/location-h3.gif') no-repeat top left; }
#apartments #content h3 { background: url('../images/apartments-h3.gif') no-repeat top left; height: 18px; }
#pricing #content h3 { background: url('../images/pricing-h3.gif') no-repeat top left; height: 18px; }
#terms #content h3 { background: url('../images/terms-h3.gif') no-repeat top left; }
#terms #content #privacy { background: url('../images/privacy-h3.gif') no-repeat top left; height: 18px; margin-top: 40px; }
#apartments #content #francis { background: url('../images/francis-h3.gif') no-repeat top left; }
#contact #content h3 { background: url('../images/contact-h3.gif') no-repeat top left; }
#links #content h3 { background: url('../images/links-h3.gif') no-repeat top left; }
#links #content { height: 300px; }

#content #contact-text {
	background: url('../images/contact-text.gif') no-repeat top left;
 	height: 32px;
	text-indent: -25000px;
	width: 325px;
	}
	
#content #contact-text a {
	border: none;
	display: block;
 	height: 15px;
	margin-left: 55px;
	width: 195px;
	}
	
#content a {
	border-bottom: 1px solid #86b97f;
	color: #999;
	text-decoration: none;
	}
#content a:hover {
	border-bottom: 1px solid #86b97f;
	color: #86b97f;
	text-decoration: none;	
	}	
	
#content .float-right a { border: none; }
	
#gallery a, #gallery a:hover { border: 0; }

	
/* ------------ Images ------------ */
	
#images {
	background: url('../images/images-bg.gif') repeat-x top left;
	border-bottom: 1px solid #fff;
	height: 135px;
	padding-top: 5px;
	width: 720px;
	}


/* ------------ Pricing ------------ */
	
#pricing .special-offer {
	background: url('../images/special-offers-bg.gif') no-repeat 0 0;
	padding: 35px 20px 10px 20px;
	width: 680px;
	}
	
#pricing .special-offer h4 {
	color: #c22776;
	font-size: 130%;
	font-weight: normal;
	margin-bottom: 1em;
	}
	
	
/* ------------ Footer ------------ */
	
#footer {
	background: url('../images/footer-bg.gif') repeat-x top left;
	color: #bcbcbc;
	font-size: 90%;
	padding-top: 15px;
	width: 720px;
	}
	
#footer span {
	color: #86b97f;
	}
	
#footer #links {
	margin-bottom: 15px;
	text-align: center;
	}
	
#footer #links a {
	color: #999;
	text-decoration: none;
	}
#footer #links a:hover {
	color: #86b97f;
	text-decoration: underline;
	}
	
#footer #address {
	margin-bottom: 1.25em;
	text-align: center;
	}
		
#footer #aztec a {
	color: #bcbcbc;
	text-decoration: none;
	}
#footer #aztec a:hover {
	color: #bcbcbc;
	text-decoration: underline;
	}