/* CSS styles for Cheriton House — www.cheritonhouse.co.uk */
/* coded by DJENAN KOZIC :: 12-12-2008 */

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

/* THE BASICS */
body {
	font:normal 62.5% "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background:#8499af url('body-bg.gif') repeat-x top;
}

#wrapper {
	background:transparent url('wrapper-bg.gif') no-repeat top left;
	width:918px;
	margin:8px auto 30px auto;
}
.header {
	height:85px;
	margin:0 40px 0 40px;
	padding:27px 0 0 0;
	border-bottom:1px solid #BBC2C8;
	}
	.header h1 a {
		background:transparent url('logo.gif') no-repeat top left;
		display:block;
		width:349px;
		height:56px;
		text-indent:-900em;
	}
	.header h2, .header address {
		color:#aeaf30;
		font-size:1.25em;
	}
	.header h2 { float:left; }
	.header span { font-size:1.5em; color:#697f95; }
	.header address { float:right; }
.nav {
	float:left;
	width:194px;
	border-top:8px solid #e7e7c0;
	margin:0 0 25px 40px;
	display:inline;
	}
	.nav li {
		border-bottom:1px solid #E3E8EC;
		padding:4px 4px 4px 0;
	}
		.nav li a {
			border-left:8px solid #697f95;
			display:block;
			line-height:29px;
			padding-left:0.8em;
			text-decoration:none;
			font-size:1.25em;
			color:#8499af;
		}
		.nav li a:hover, .nav li a.on {
			color:#aeaf30;
			border-left-color:#aeaf30;
		}
.slideshow {
	float:right;
	width:643px;
	height:143px;
	border-top:8px solid #dae0e7;
	margin:0 40px 0 0;
	border-left:1px solid #BBC2C8;
	border-bottom:1px solid #BBC2C8;
	}
.content {
	width:608px;
	float:right;
	clear:right;
	margin:0 40px 0 0;
	border-left:1px solid #BBC2C8;
	padding:25px 0 35px 35px;
	}
	.content h2 {
		font-size:1.7em;
		font-weight:bold;
		color:#aeaf30;
		padding-bottom:0.9em;
	}
	.content h3 {
		font-size:1.4em;
		font-weight:bold;
		color:#aeaf30;
		padding-bottom:0.45em;
	}
	.content h4 {
		font-size:1.1em;
		font-weight:bold;
		color:#aeaf30;
		padding-bottom:2.7em;
	}
	.content h5 {
		font-size:1.7em;
		font-weight:bold;
		color:#aeaf30;
		padding-bottom:0.9em;
	}
	.content p {
		padding-bottom:1.2em;
	}
	.content ul { padding-bottom:1.2em; list-style:square; padding-left:16px; }
	.content li, .content p {
		font-size:1.2em;
		color:#697f95;
		line-height:1.6em;
	}
	.content li a, .content p a { color:#aeaf30; }
	.content li a:hover, .content p a:hover { text-decoration:none; }
	.content img {
		padding:4px;
		margin-bottom:10px;
		float:right;
		clear:right;
		border:1px solid #c1cad3;
		margin-left:50px;
	}
	.content form fieldset { border:none; padding:8px; padding-left:0; }
	.content form legend {
		font-size:1.4em;
		font-weight:bold;
		color:#aeaf30;
		padding-bottom:0.45em;
	}
	.content form ul { list-style:none; padding-left:0; }
	.content form li { padding:2px; }
	.content form label { float:left; width:150px; }
	.content form input {
		border:1px solid grey;
		padding:3px;
	}
	.content form input.submit {
		margin-left:150px;
		font:1.2em;
		text-transform:uppercase;
		padding:5px;
		background-color:#B4C0CA;
	}
.banner {
	background-color:#c1cad3;
	width:164px;
	clear:left;
	margin:0 0 40px 40px;
	zoom:100%;
}
.banner h2 {
	color:#697f95;
	font-size:1.4em;
	text-transform:uppercase;
	letter-spacing:-0.1em;
	padding:10px;
	font-weight:bold;
}
.banner em { color:#fff; }
.banner img {}
.banner p {
	padding:10px;
	line-height:1.6em;
	font-size:1.25em;
	color:#fff;
}
.banner p a { color:#697f95; }
.banner p a:hover { text-decoration:none; }

.footer {
	background:transparent url('footer-bg.gif') no-repeat bottom left;
	width:838px;
	clear:both;
	padding:0 40px 40px 40px;
}
	.footer p {
		border-top:1px solid #BBC2C8;
		padding-top:20px;
		color:#aeaf30;
		font-size:1.25em;
	}
		.footer p a {
			color:#8499af;
			text-decoration:none;
			border-bottom:1px solid #8499af;
		}
		.footer p a:hover {
			border-bottom-color:white;
		}
		
		a.booking-button { float:right; margin:0 3px 20px 20px; background:transparent url('check-availability-and-book.png') no-repeat 0 0; display:block; width:206px; height:36px; text-indent:-200px; overflow:hidden; }
		a.booking-button:hover { background:transparent url('check-availability-and-book.png') no-repeat 0 -36px; }
		a.booking-button:active { background:transparent url('check-availability-and-book.png') no-repeat 0 -72px; }