@import url(normalize.css);
body {
	background: #e3dcd0 url(../images/main_bgd.gif) repeat-x;
	margin: 0;
	font: 82%/1.5 "Lucida Grande",verdana,arial,helvetica,sans-serif;
	color: #333333;
}

/* Main layout & shadow */

div#page {
	margin: 15px auto;
	width: 990px;
	background: url(../images/shadow_bottom.png) no-repeat bottom;
}

div#shadow {
	width: 980px;
	padding: 10px;
	background: url(../images/shadow_top.png) no-repeat 0 0;
}

div#layout {
	padding: 10px;
	width: 950px;
	background: #FFFFFF;
}

/* Branding */

div#branding {
	margin: 0 0 10px 0;
	height: 136px;
	background: url(../images/branding_bgd.gif) repeat-x;
}

div#branding h2 {
	float: left;
	width: 350px;
	height: 136px;
	background: url(../images/branding_logo.gif) no-repeat;
	text-indent: -9999px;
}

div#branding p {
	float: left;
	width: 584px;
	height: 136px;
	background: url(../images/branding_strapline.gif) no-repeat;
	text-indent: -9999px;
}

/* Navigation */

div#navigation {
	float: left;
	margin-right: 10px;
	width: 240px;
	height: 520px;
	padding: 10px;
	margin-bottom: 10px;
}

div#navigation ul {
	margin: 10px 0 0 20px;
}

div#navigation ul li {
	width: 191px;
	border-bottom: #e4ded2 1px solid;
}

div#navigation ul li a {
	width: 191px;
	height: 29px;
	border-bottom: #CCCCCC solid 1px;
	display: block;
	text-indent: -9999px;
}

div#navigation ul li:hover, body#home li#nav_home, body#about li#nav_about, body#location li#nav_location, body#rooms li#nav_rooms, body#booking li#nav_reservations, body#events li#nav_events, body#gallery li#nav_gallery, body#food li#nav_food, body#contact li#nav_contact, body#selfcatering li#nav_selfcatering, body#offers li#nav_offers, body#team li#nav_team {
	background-position: -192px 0;
	border-bottom: #FFFFFF 1px solid;
} 

li#nav_home {
	background: url(../images/nav_home.gif) no-repeat;
}

li#nav_about {
	background: url(../images/nav_about.gif) no-repeat;
}

li#nav_location {
	background: url(../images/nav_location.gif) no-repeat;
}

li#nav_rooms {
	background: url(../images/nav_rooms.gif) no-repeat;
}

li#nav_selfcatering {
	background: url(../images/nav_selfcatering.gif) no-repeat;
}

li#nav_reservations {
	background: url(../images/nav_reservations.gif) no-repeat;
}

li#nav_events {
	background: url(../images/nav_events.gif) no-repeat;
}

li#nav_gallery {
	background: url(../images/nav_gallery.gif) no-repeat;
}

li#nav_food {
	background: url(../images/nav_food.gif) no-repeat;
}

li#nav_offers {
	background: url(../images/nav_offers.gif) no-repeat;
}

li#nav_contact {
	background: url(../images/nav_findus.gif) no-repeat;
}

li#nav_team {
	background: url(../images/nav_team.gif) no-repeat;
}

/* Content area layout */

div#content {
	float: left;
	width: 950px;
}

div.col1 {
	background: #999999 url(../images/content_bgd.png) no-repeat bottom;
}

div.col2 {
	background: #999999 url(../images/content_bgd_2col.png) no-repeat bottom;
}

div#content_main {
	float: left;
	width: 680px;
}

div.col2 div#content_main {
	width: 405px;
}

div#content_sub {
	float: left;
	width: 264px;
	margin-left: 10px;
}

/* Typography */

.copy {
	margin: 30px 30px;
}

div#content h2 {
	font-size: 16px;
	color: #6c8072;
	margin: 10px 0;
}

div#content p {
	margin: 6px 0;
}

div.copy ul {
	margin-left: 1em;
	list-style: disc;
}

div.copy ol {
	margin-left: 1em;
	list-style: decimal;
}

h3 {
margin-top: 10px;
}

/* Homepage specials */

ul#home_buckets li {
	height: 49px;
	display: inline;
}

li#bucket_reservation a {
	background: url(../images/bucket_reservation.gif) no-repeat;
}

ul#home_buckets li#bucket_events a {
	background: url(../images/bucket_events.gif) no-repeat;
	width: 227px;
}

li#bucket_offers a {
	background: url(../images/bucket_offers.gif) no-repeat;
}

ul#home_buckets a {
	float: left;
	width: 226px;
	height: 49px;
	text-indent: -9999px;
}

/* Rooms page specials */

body#rooms #hero {
	border-bottom: 3px solid #FFFFFF;
}

div.room_sub {
	display: none;
	border-bottom: 3px solid #FFFFFF;
	background: #E7E0D5 url(../images/room_sub_bgd.jpg) bottom left no-repeat;
}

div.room_sub img {
	float: right;
	width: 330px;
}

div.room_sub .copy {
	float: left;
	width: 290px;
	display: inline;
}

body#rooms div#intro {
	width: 290px;
	float: left;
	padding: 20px;
}

ul#roomnav {
	float: right;
	width: 330px;
	height: 134px;
}

ul#roomnav li {
	display: inline;
	float: left;
}

ul#roomnav li a {
	width: 66px;
	height: 67px;
	display: block;
	text-indent: -9999px;
}

ul#roomnav li:hover {
	background-position: 0 -67px;
}

li#roomnav_1 { background: url(../images/subnav_rooms_1.gif) no-repeat; }
li#roomnav_2 { background: url(../images/subnav_rooms_2.gif) no-repeat; }
li#roomnav_3 { background: url(../images/subnav_rooms_3.gif) no-repeat; }
li#roomnav_4 { background: url(../images/subnav_rooms_4.gif) no-repeat; }
li#roomnav_5 { background: url(../images/subnav_rooms_5.gif) no-repeat; }
li#roomnav_6 { background: url(../images/subnav_rooms_6.gif) no-repeat; }
li#roomnav_7 { background: url(../images/subnav_rooms_7.gif) no-repeat; }
li#roomnav_8 { background: url(../images/subnav_rooms_8.gif) no-repeat; }
li#roomnav_9 { background: url(../images/subnav_rooms_9.gif) no-repeat; }
li#roomnav_10 { background: url(../images/subnav_rooms_10.gif) no-repeat; }

/* Gallery page specials */

body#gallery #hero {
	border-bottom: 3px solid #FFFFFF;
}

div#caption {
	width: 310px;
	float: left;
	padding: 10px;
	font-size: 12px;
}

ul#gallery_thumbs {
	float: right;
	width: 330px;
	height: 134px;
}

ul#gallery_thumbs li {
	display: inline;
	float: left;
}

ul#gallery_thumbs li a {
	width: 66px;
	height: 67px;
	display: block;
	text-indent: -9999px;
}

ul#gallery_thumbs li:hover {
	width: 56px;
	height: 57px;
	border: 5px solid #FFFFFF;
	background-position: -5px -5px;
}

li#thumb_1 { background: url(../images/gallery_thumb_castlegardens.jpg) no-repeat; }
li#thumb_2 { background: url(../images/gallery_thumb_etonbridge.jpg) no-repeat; }
li#thumb_3 { background: url(../images/gallery_thumb_guards.jpg) no-repeat; }
li#thumb_4 { background: url(../images/gallery_thumb_etonchapel.jpg) no-repeat; }
li#thumb_5 { background: url(../images/gallery_thumb_magna.jpg) no-repeat; }
li#thumb_6 { background: url(../images/gallery_thumb_park.jpg) no-repeat; }
li#thumb_7 { background: url(../images/gallery_thumb_castle.jpg) no-repeat; }
li#thumb_8 { background: url(../images/gallery_thumb_savill.jpg) no-repeat; }
li#thumb_9 { background: url(../images/gallery_thumb_thames.jpg) no-repeat; }
li#thumb_10 { background: url(../images/gallery_thumb_wheel.jpg) no-repeat; }


/* Sora (Self catering apartments) page specials */

body#selfcatering #hero {
	border-bottom: 3px solid #FFFFFF;
}

body#selfcatering div#caption {
	width: 386px;
	float: left;
	padding: 10px;
	font-size: 12px;
}

ul#sora_thumbs {
	float: right;
	width: 264px;
	height: 134px;
}

ul#sora_thumbs li {
	display: inline;
	float: left;
}

ul#sora_thumbs li a {
	width: 66px;
	height: 67px;
	display: block;
	text-indent: -9999px;
}

ul#sora_thumbs li:hover {
	width: 56px;
	height: 57px;
	border: 5px solid #FFFFFF;
	background-position: -5px -5px;
}

li#sora_1 { background: url(../images/sora_thumb_1.jpg) no-repeat; }
li#sora_2 { background: url(../images/sora_thumb_2.jpg) no-repeat; }
li#sora_3 { background: url(../images/sora_thumb_3.jpg) no-repeat; }
li#sora_4 { background: url(../images/sora_thumb_4.jpg) no-repeat; }
li#sora_5 { background: url(../images/sora_thumb_5.jpg) no-repeat; }
li#sora_6 { background: url(../images/sora_thumb_6.jpg) no-repeat; }
li#sora_7 { background: url(../images/sora_thumb_7.jpg) no-repeat; }
li#sora_8 { background: url(../images/sora_thumb_8.jpg) no-repeat; }


/* Team page specials */

body#team #hero {
	border-bottom: 3px solid #FFFFFF;
}

div.team_sub {
	display: none;
	border-bottom: 3px solid #FFFFFF;
	background: #E7E0D5 url(../images/room_sub_bgd.jpg) bottom left no-repeat;
}

div.team_sub img {
	float: right;
	width: 330px;
}

div.team_sub .copy {
	float: left;
	width: 290px;
	display: inline;
}

body#team div#caption {
	width: 518px;
	float: left;
	padding: 10px;
	font-size: 12px;
}

ul#team_thumbs {
	float: right;
	width: 132px;
	height: 134px;
}

ul#team_thumbs li {
	display: inline;
	float: left;
}

ul#team_thumbs li a {
	width: 66px;
	height: 67px;
	display: block;
	text-indent: -9999px;
}

ul#team_thumbs li:hover {
	width: 56px;
	height: 57px;
	border: 5px solid #FFFFFF;
	background-position: -5px -5px;
}

li#team_1 { background: url(../images/team_thumb_ali.jpg) no-repeat; }
li#team_2 { background: url(../images/team_thumb_marcia.jpg) no-repeat; }
li#team_3 { background: url(../images/team_thumb_aysha.jpg) no-repeat; }
li#team_4 { background: url(../images/team_thumb_zinzan.jpg) no-repeat; }


/* Booking page specials */

form#booking_form label {
	float: left;
	clear: left;
	width: 10em;
}

form#booking_form input, form#booking_form textarea, form#booking_form select {
	float: left;
	margin: 2px 0;
}

form#booking_form .option {
	float: left;
	margin-right: 1em;
}

form#booking_form .option input {
	margin-right: 0.3em;
}

form#booking_form textarea {
	height: 3.8em;
	font: 82%/1.2 "Lucida Grande",verdana,arial,helvetica,sans-serif;
}

.error_field {
	background: #FFD5D6 url(../images/miniicon_error.png) no-repeat right;
}

.error_message {
	border: 1px #CC0000 solid;
	margin: 0 0 12px 0;
	padding: 6px 3px 0 50px;
	color: #990000;
	background: #FFD5D6 url(../images/icon_problem.png) no-repeat 8px 6px;
}

.success_message {
	border: 1px #336600 solid;
	margin: 0 0 12px 0;
	padding: 6px 3px 0 50px;
	color: #006600;
	background: #D2FFE9 url(../images/icon_tick.png) no-repeat 8px 6px;
}



/* Footer */

div#footer {
	clear: both;
	width: 950px;
	margin: 10px auto;
	text-align: center;
	color: #aba7a0;
}

div#footer a {
	color: #aaa38e;
	text-decoration: none;
}

div#footer a:hover {
	color: #718674;
}

div#footer ul#toolbar li {
	display: inline;
	padding: 0 5px 0 10px;
	border-left: #aaa38e 1px solid; 
}

div#footer ul#toolbar li.first {
	border-left: none;
}