/*

Woodlands Retreats - Global Stylesheet
http://www.woodlandsretreats.co.uk/
Handwritten by Oliver Coningham

*/

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

.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right; }
.cleared { clear: both; }
.hide { display: none; }
.smaller { font-size: 90%; }
.larger { font-size: 110%; }
.normal { font-weight: normal; }

hr { display: none; }
strong { font-weight: bold; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#print-logo {
	display: none;
	}
																					/* ------------ Defaults ------------ */

html {
	min-height: 100%;
	height: auto;
	}

body {
	background: #fff url('../images/body-bg.jpg') no-repeat bottom center;
	color: #8a959c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	margin: 0;
	padding: 0 0 15px 0;
	}
	
#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
																					/* ------------ Header ------------ */
																					
#header { 
	background: url('../images/header-bg.gif') no-repeat 50% 0;
	height: 180px;
	margin-bottom: 30px;
	width: 100%; 
	}

#tariffs #header { 
	height: 200px;
	}

#branding { 
	height: 110px;
	margin: auto;
	padding-top: 30px;
	width: 960px; 
	}
	
#branding h1 a {
	background: url('../images/branding-h1-a.gif') no-repeat 0 0;
	display: block;
	height: 90px;
	margin-left: 340px;
	text-indent: -25000px;
	width: 272px;
	}
	
																					/* ------------ Navigation ------------ */
																					
#nav { 
	height: 40px;
	margin: auto;
	text-indent: -25000px;
	width: 960px; 
	}

#nav li {
	float: left;
	}

#nav a {
	display: block;
	height: 40px;
	width: 137px;
	}
	
#nav a:hover {
	background-position: 0 -40px;
	}

#nav-home a { background: url('../images/nav-home.gif') no-repeat 0 0; }
#nav-retreats a { background: url('../images/nav-retreats.gif') no-repeat 0 0; }
#nav-locations a { background: url('../images/nav-locations.gif') no-repeat 0 0; }
#nav-book a { background: url('../images/nav-book.gif') no-repeat 0 0; width: 138px; }
#nav-questions a { background: url('../images/nav-questions.gif') no-repeat 0 0; }
#nav-booking a { background: url('../images/nav-booking.gif') no-repeat 0 0; }
#nav-contact a { background: url('../images/nav-contact.gif') no-repeat 0 0; }

#home #nav-home a, 
#retreats #nav-retreats a,
#retreats #nav-retreats a,
#locations #nav-locations a, 
#tariffs #nav-book a,
#questions #nav-questions a,
#booking #nav-booking a, 
#contact #nav-contact a { 
background-position: 0 -40px; 
	}

																					/* ------------ Content ------------ */
																					
#content { 
	margin: auto;
	width: 960px; 
	}

#content p { 
	margin-bottom: 1.25em; 
	}

#content a { 
	color: #9bae68;
	text-decoration: underline; 
	}

#content a:hover { 
	color: #9bae68;
	text-decoration: none; 
	}
	
#content h2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 280%;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: lowercase;
	}

#content h3, #content h4 {
	color: #9bae68;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 200%;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: lowercase;
	}

#content h5, #content h6 {
	color: #8a959c;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 150%;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: lowercase;
	}

#content .feature-list {
	margin-bottom: 1.5em;
	}

#content .feature-list li {
	background: url('../images/bullet.png') no-repeat 0 50%;
	margin: 0 0 0.25em 30px;
	padding: 0 0 2px 16px;
	}

																					/* ------------ Layout ------------ */

#primary-content { 
	float: left;
	width: 465px; 
	}

#secondary-content { 
	float: right;
	width: 465px; 
	}

.primary-content { 
	float: left;
	width: 465px; 
	}

.secondary-content { 
	float: right;
	width: 465px; 
	}
	
#tertiary-content { 
	height: 45px;
	width: 960px;
	}

#primary-content-sml, #secondary-content-sml { 
	float: left;
	margin-left: 30px;
	width: 382px; 
	}

#primary-content-lrg { 
	float: left;
	width: 824px; 
	}

																					/* ------------ Subnav ------------ */

#subnav { 
	float: left;
	margin-top: 5px;
	text-indent: -25000px;
	width: 136px; 
	}

#subnav a {
	display: block;
	height: 30px;
	margin-bottom: 3px;
	width: 136px;
	}

#booking #subnav-terms a { background: url('../images/subnav-terms.gif') no-repeat 0 0; }
#booking #subnav-policy a { background: url('../images/subnav-policy.gif') no-repeat 0 0; }
#booking #subnav-conditions a { background: url('../images/subnav-conditions.gif') no-repeat 0 0; }

#locations #subnav-map a { background: url('../images/subnav-map.gif') no-repeat 0 0; }
#locations #subnav-out a { background: url('../images/subnav-out.gif') no-repeat 0 0; }

#retreats #subnav-info a { background: url('../images/subnav-info.gif') no-repeat 0 0; }
#retreats #subnav-history a { background: url('../images/subnav-history.gif') no-repeat 0 0; }
#retreats #subnav-gallery a { background: url('../images/subnav-gallery.gif') no-repeat 0 0; }
#retreats #subnav-video a { background: url('../images/subnav-video.gif') no-repeat 0 0; }
#retreats #subnav-vt a { background: url('../images/subnav-vt.gif') no-repeat 0 0; }
#retreats #subnav-floor a { background: url('../images/subnav-floor.gif') no-repeat 0 0; }
#retreats #subnav-location a { background: url('../images/subnav-location.gif') no-repeat 0 0; }
#retreats #subnav-tariff a { background: url('../images/subnav-tariff.gif') no-repeat 0 0; }
#retreats #subnav-extras a { background: url('../images/subnav-extras.gif') no-repeat 0 0; }
#retreats #subnav-book a { background: url('../images/subnav-book.gif') no-repeat 0 0; }
#retreats #subnav-testimonials a { background: url('../images/subnav-testimonials.gif') no-repeat 0 0; }
#retreats #subnav-farm a { background: url('../images/subnav-farm.gif') no-repeat 0 0; height: 45px; }
#retreats #subnav-cottage a { background: url('../images/subnav-cottage.gif') no-repeat 0 0; height: 45px; }
#retreats #subnav-team a { background: url('../images/subnav-team.gif') no-repeat 0 0; }

#booking #subnav a:hover, #booking #subnav a.selected,
#locations #subnav a:hover, #locations #subnav a.selected,
#retreats #subnav a:hover, #retreats #subnav a.selected,
#extras #subnav a:hover, #extras #subnav a.selected,
#testimonials #subnav a:hover, #testimonials #subnav a.selected  {
	background-position: 0 -30px;
	}
	
#retreats #subnav-farm a:hover, #retreats #subnav-farm a.selected,
#retreats #subnav-cottage a:hover, #retreats #subnav-cottage a.selected {
	background-position: 0 -45px;
	}

																					/* ------------ Form ------------ */
																					
#contact #content form, #your-booking #content #booking-form { 
	margin-top: 30px;
	}
	
#content form div, #your-booking #content #booking-form div { 
	margin-bottom: 10px;
	}

#contact #content form label, #your-booking #content #booking-form label {
	display: block;
	float: left;
	padding-top: 3px;
	width: 100px;
	}
	
#contact #content form input, #contact #content form textarea,
#your-booking #content #booking-form input, #your-booking #content #booking-form textarea {
	background-color: #fafafa;
	border: 1px solid #cdcdcd;
	color: #8a959c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	overflow: hidden;
	padding: 7px;
	vertical-align: middle;
	width: 280px;
	}
		
#contact #content form #submit, #your-booking #content #booking-form #submit {
	border: none;
	height: auto;
	margin: 0 0 0 100px;
	padding: 0;
	width: auto;
	}

																					/* ------------ Footer ------------ */
																					
#footer { 
	background: url('../images/footer-bg.png') no-repeat 0 0;
	clear: both;
	margin-top: 3px;
	padding-top: 29px;
	text-align: center;
	width: 960px; 
	}
	
#footer #footer-nav { 
	height: 35px;
	width: 610px;
	margin: auto;
	}
	
#footer #footer-nav li { 
	background: url('../images/footer-nav-bg.gif') no-repeat right 50%;
	float: left;
	margin-right: 5px;
	padding-right: 9px;
	}

#footer #footer-nav .last { 
	background: none;
	}
	
#footer #footer-nav a { 
	color: #fff;
	text-decoration: none;
	}
	
#footer #footer-nav a:hover { 
	color: #fff;
	text-decoration: underline;
	}
	
#footer #credits { 
	color: #eeeff0;
	clear: both;
	font-size: 90%; 
	}
	
#footer #credits a { 
	color: #eeeff0;
	text-decoration: none; 
	}
	
#footer #credits a:hover { 
	color: #eeeff0;
	text-decoration: underline; 
	}
	
/* Form Errors */
p.error {
	color:#c00;
}
input.error {
	border:1px dotted #c00;
	background-color:#f9ebeb;
}