/* Display stylesheet for www.lodge-farmhouse.co.uk */
/* Coded by Djenan Kozic, djenan.kozic@infoserve.com -- 22-04-2009 */

/* YUI RESETS */
@import url("yui-resets.css");

/* The Basics */

body {
	background: #abbc7a url('images/main-bg.gif') repeat-x top;
	font:normal 62.5% 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Sans-serif;
}


/* Branding */

.branding {
	background:transparent url('images/branding-bg.png') no-repeat top left;
	width:840px;
	margin:30px auto 0;
	padding:35px 48px 0 48px;
	position:relative;
	display:block;
}
	.main-images {
		width:839px;
		height:188px;
		margin-top:80px;
		* margin-top:50px; /* IE HACK */
		background-color: black;
		padding:1px 0 1px 1px;
		border-bottom:1px solid white;
	}
		.main-images img { border-right: 1px solid black; }
	.branding h1 { float:left; margin:0 0 0 -11px; }
		.branding h1 a { 
			display:block;
			width:240px;
			height:58px;
			background:transparent url('images/logo.png') no-repeat top left;
			text-indent:-1000em;
		}
	.branding h2 {
		float:right;
		font-size:1.3em;
		color:#999999;
		background:transparent url('images/phone-icon.gif') no-repeat 2px left;
		padding-left:23px;
		margin-top:8px;
	}
	.branding p { clear:right; float:right; margin-top:12px; }
		.branding p a {
			display:block;
			background:url('images/check-availability-button.gif') no-repeat top left;
			width:150px;
			height:20px;
			overflow:hidden;
			text-indent:-9000em;
		}
		.branding p a:hover { background-position:0 -20px; }
		
/* NAVIGATION */

div.nav {
	clear:both;
	background:transparent url('images/nav-bg.gif') no-repeat top left;
	border: 1px solid #4B6601;
	margin-top:10px;
	padding:8px;
	height:1%;
}
	div.nav li {
		display:inline;
		margin-right:10px;
		float:left;
		height:19px;
		padding-top:2px;
		position:relative;	
	}
	div.nav li.on { background:url('images/active-nav-main-bg.gif') no-repeat 0 -100px; z-index:50; }
		div.nav li span { display:none; }
		div.nav li.on span {
			display:block;
			position:absolute;
			top:0;
			right:0;
			background:url('images/active-nav-end-bg.gif') no-repeat 0 -100px;
			width:8px;
			height:21px;
			z-index:50;
		}
		div.nav li a {
			color:white;
			text-decoration:none;
			font-size:1.2em;
			padding:10px;
			z-index:100;
		}
	div.nav li.book {
		float:right;
		margin-right:0;
		padding-top:0;
	}
		div.nav li.book a, #aside a.book {
			background: url('images/book-now-button.png') no-repeat top left;
			display:block;
			overflow:hidden;
			text-indent:-900em;
			height:20px;
			width:99px;
			padding:0;
		}

		div.nav li.book a:hover, #aside a.book:hover { background-position: 0 -20px; }
		div.nav ul:after { content:""; clear:both; display:block; height:0; }

/* MAIN CONTENT & ASIDE STYLES */

.content-wrapper {
	background:transparent url('images/content-bg.png') repeat-y top left;
	width:840px;
	margin:0 auto;
	padding:0 48px 0 48px;
	zoom:1;
}
.content-wrapper:after { content:""; clear:both; display:block; }


	#content { width:490px; float:left; padding:30px 40px 40px 0; }
		#content h2, #aside h2 {
			color:#3759BD;
			font-size:1.6em;
			line-height:18px;
			padding-bottom:18px;
			font-weight:bold;
		}
		#content h3, #aside h3 {
			color:#71A20D;
			font-size:1.4em;
			line-height:18px;
			padding-bottom:0px;
			font-weight:bold;
		}
		#content h4, #aside h4 {
			color:#71A20D;
			font-size:1.2em;
			line-height:18px;
			padding-bottom:0px;
			font-weight:normal;
		}
		#content h2 + p:first-line { font-weight:bold; color:#666666; }
#aside h2 { font-size:1.2em; color:#85B224; }
.content-wrapper p, .content-wrapper li {
	color:#999999;
	font-size:1.2em;
	line-height:18px;
	padding-bottom:18px;
}
.content-wrapper li { padding-bottom:0; }
.content-wrapper ul { padding-bottom:18px; list-style:square; margin-left:17px; }
.content-wrapper strong { color:#797979; font-weight:bold; }

#aside { width:309px; float:left; padding:30px 0 0 0; }
#aside div { padding-left:40px; padding-bottom:22px; }
#aside .contact-details { border-bottom: 1px solid #4B6601; }
#aside .contact-details img { float:right; clear:right; margin-bottom:10px; }
#aside .images { padding-top:40px; padding-bottom:40px; padding-left:29px; }
#aside .images a { padding:0; margin:0; }
#aside .images img { border:1px solid #4B6601; margin:0 0 10px 10px; }
#aside .images p { margin:0 0 10px 10px; font-size:1em; text-transform:uppercase; }

#content, #aside { padding-top:30px; }

#map { width:500px; height:500px; border:1px solid black; margin-bottom:18px; overflow:hidden }

/* MIXED STYLES */
.site-info a, .content-wrapper a { color:#F83812; text-decoration:underline; }
.site-info a:hover, .content-wrapper a:hover { text-decoration:none; }

/* SITE INFO STYLES */


.site-info {
	background:transparent url('images/site-info-bg.png') no-repeat bottom left;
	padding:0 48px 48px;
	width:840px;
	margin:0 auto 30px;
	clear:both;
	display:block;
}
	.site-info p {
		font-size:1.2em;
		color:#88B213;
		border-top:1px solid #4B6601;
		padding-top:20px;
	}
		.site-info p span { float:right; }


/* END OF CSS FILE */