@charset "UTF-8";

body {
	margin:0;
	font:100% Verdana,Arial, sans-serif;
	color: #666; 
	padding:0;
	background: #f7f3e0 url("images/bg-repeat.gif") left top repeat-x;
}
body#book {background: #f7f3e0;}

div#container{
	width: 960px;
	padding: 0;
	margin:0 auto;
	text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
width: 960px;
}

p, ul, ol {font-size: 80%; line-height: 1.5; margin:0; padding:0 0 10px 0;}
ul li, ol li { margin: 0 0 0 30px; padding:0 0 5px}

a {color: #aa7407; text-decoration: underline;}



/* layout -------------------------- */

div#header {padding: 0 20px; height: 60px;}

div#top_content {padding: 0 20px; height: 290px;}
div#top_text {width: 420px; margin:35px 40px 0 0; float: left;}
div#top_text p {color: #fff;}
div#top_text ul {color: #fff; margin:0; padding:0;}
div#top_text ul li {list-style: none; padding:0; margin:0;}

div#top_img {width: 460px; margin:35px 0 0 0; float: left;}
div#top_img img {border: 5px solid #fff;}

div#top_buttons {position: absolute; z-index: 99; margin:0; top: 303px;}
div#top_buttons img {margin:0 10px 0 0;}
div#top_buttons p {color: #81282a; font-size: 90%;font-family:Arial, sans-serif; font-weight:bold; padding: 2px 0 0 0;}

div#content {padding: 20px;}
div#content_left {width: 590px; margin:0 40px 0 0; float:left;}
div#content_right {width: 290px; margin:0; float: left;}
div#content_page {float:left; width: 410px; margin:0;}

div#sub_nav {float:left; width: 150px; margin:0 30px 0 0;}


/* main nav -------------------------- */

div#main_nav {float:right;}
div#main_nav ul {margin:25px 0 0 0; padding:0;font-size: 75%;font-family:Arial, sans-serif;text-transform: uppercase;}
div#main_nav ul li {display:inline; list-style: none;padding:0; float:left; margin:0 0 0 20px;}
div#main_nav ul li.selected {border-bottom: 3px solid #600001;}

div#main_nav ul li a {color: #e5bdbe; text-decoration: none;}
div#main_nav ul li.selected a {color: #fff;}



/* sub nav -------------------------- */

div#sub_nav ul {margin:0; padding:0; border-top: 1px solid #d8cebe;font-size: 90%; font-weight:bold; font-family:Arial, sans-serif;}
div#sub_nav ul li {list-style: none; margin:0; padding:5px;  border-bottom: 1px solid #d8cebe;}
div#sub_nav ul li.selected {background: #ece1d0;}
div#sub_nav ul li a {color: #85715d; text-decoration: none;}



/* rhs -------------------------- */

div.rhs_box {background: #ece1d0; padding: 10px; margin:0 0 15px}
div.rhs_box p {padding:0; position: relative;}
div.rhs_box img {float:right; margin:0 0 0 10px; border: 5px solid #fff;}



/* content floating right in content -------------------------- */

div.rightfloat {float: right; margin:0 0 10px 10px; width: 252px;}
div.rightfloat p {font-size: 65%;margin:0; padding:0; line-height: 1.2;}
div.rightfloat p a {color: #666;}
div.rightfloat img {border:5px solid #fff;}


/* listing -------------------------- */
div.listing {margin:0 0 15px}
div.listing_img {width: 130px; margin:0 20px 0 0; float:left;}
div.listing_img img {border: 5px solid #fff;}

div.listing_text {width: 440px; margin:0; float: left;}


ul#photos {margin:0; padding:0;}
ul#photos li {list-style: none; display: inline; margin:0; padding:0 15px 15px 0; float:left;}
ul#photos li img {border: 5px solid #fff;}

ul#availability {margin:0 0 20px; padding: 5px 10px; border: 5px solid #ece1d0;}
ul#availability li {list-style: none; margin:0; padding:2px 0 2px 15px; background: url("images/list-arrow.gif") left center no-repeat;}



/* footer -------------------------- */
p.footer {font-size: 70%;margin:0 0 10px; padding: 5px; background: #ece1d0;}




/* Hs and Ps -------------------------- */
h1 {color: #fff; font-size: 150%;font-family:Arial, sans-serif;letter-spacing:1px;margin:0; padding: 0 0 15px;line-height: 1.3;}

h2 {color: #81282a; font-size: 110%;font-family:Arial, sans-serif;margin:0 0 8px; padding: 0 0 2px;line-height: 1.3; border-bottom: 1px solid #d3acad; position: relative;}



h4 {color: #85715d; font-size: 90%;font-family:Arial, sans-serif;margin:0 0 10px; padding: 5px;line-height: 1.3; background: #ece1d0;}

h4.back {color: #000; background: #4e4646 url("images/back-arrow.gif") left center no-repeat; padding:5px 0 5px 18px; margin:0 0 15px -15px}
h4.back a {color: #000;}


p.right {text-align:right;}
p.center {text-align:center;}
p.float_right {float:right; padding:5px 10px; font-size: 70%;}

p.title {font-weight:bold;font-size: 100%;font-family:Arial, sans-serif; padding:0}

p.security_text {margin:0 0 0 100px;}
p.security_booking_text {margin:0 0 0 200px;}



/* images-------------------------- */

img.security {border: 1px solid #1e2a61;}



/* clears-------------------------- */
div.clear_left {clear: left;line-height: 0.1; height: 1px;}
div.clear_left_white {clear: left;line-height: 0.1; height: 1px; background: #fff;}
div.clear_right {clear: right;line-height: 0.1; height: 1px;}
div.clear_both {clear: both;line-height: 0.1; height: 1px;}



/* forms --------------------------------------- */

form#occupancy, form#booking_form {margin:0; padding:0;}
form#email_form {margin:0 0 30px; padding:0;}

form#email_form label {
	color: #81282a; 
	font-size: 90%;
	font-family:Arial, sans-serif;
	font-weight: bold;
	display: inline;
	width: 100px;
	float: left;
	margin: 5px 0;
	clear: left;
}

form#booking_form label {
	color: #81282a; 
	font-size: 90%;
	font-family:Arial, sans-serif;
	font-weight: bold;
	display: inline;
	width: 200px;
	float: left;
	margin: 5px 0;
	clear: left;
}

input.email_text {margin:5px 0; padding:2px 2px 3px; width: 280px; background: #fff; border: 1px solid #d8cebe; font-size: 14px;font-family:Verdana,Arial, sans-serif; color:#666666;}
textarea.email_textarea {margin:5px 0; padding:2px 2px 3px; width: 280px; background: #fff; border: 1px solid #d8cebe; font-size: 14px;font-family:Verdana,Arial, sans-serif; color:#666666;}

input.security_text {margin:0; padding:2px 2px 3px; width: 80px; background: #fff; border: 1px solid #d8cebe; font-size: 14px;font-family:Verdana,Arial, sans-serif; color:#666666;}

input.email_btn {margin:5px 0 0 100px;}

input.book_text {margin:50; padding:2px 2px 3px; width: 280px; background: #fff; border: 1px solid #d8cebe; font-size: 14px;font-family:Verdana,Arial, sans-serif; color:#666666;}
input.security_code {margin:0; padding:2px 2px 3px; width: 120px; background: #fff; border: 1px solid #d8cebe; font-size: 14px;font-family:Verdana,Arial, sans-serif; color:#666666;vertical-align: middle;}
textarea.book_textarea {margin:5px 0; padding:2px 2px 3px; width: 280px; background: #fff; border: 1px solid #d8cebe; font-size: 14px;font-family:Verdana,Arial, sans-serif; color:#666666;}

input.request_btn {margin:5px 0 0 200px;}

select.book_dd {vertical-align:middle; margin: 5px 0;font-size: 12px;background: #f8f7f1; width: 70px; color: #666}

select.comments_dd {vertical-align:middle; margin: -2px 10px 0 10px;font-size: 15px;background: #f7f3e0; width: 160px; color: #666}
select.occupancy_dd {vertical-align:middle; margin: -2px 10px 0 10px;font-size: 15px;background: #f7f3e0; width: 140px; color: #666}
input.occuancy_btn {vertical-align: middle;margin: -2px 0 0 0;}