/*
colours:

brown darkest:			2D0F0F
brown dark: 			4C260F
brown dark faded:		E1DAD7
buff:					B59380 / D3AE9A / C1B3AB / DFDADA
dark buff:				AA846F
orange: 				D58000


*/

/* general settings
--------------------------------------
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #4C260F;
	background:#ECE9E0;
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 62.5%; 
	
	/* centre hack pt 1*/
	text-align: center;
  	min-width: 750px;	
}

div#container {
	/* centre hack pt 2*/
	text-align: left;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	
	font-size: 1.2em; 
	line-height: 1.5em; 
	background:#4C260F;
	border-top:20px solid #2D0F0F;
	border-bottom:10px solid #2D0F0F;
}

/* reset whitespace */
body,ul,ol,li,dl,dd,dt,p,table,tr,td,h1,h2,h3,h4,h5,blockquote{
	border:0;
	padding:0;
	margin:0;
}

/* remove artifacts*/
ul,ol{
	list-style-type:none;
}
/* remove borders*/
img{
	border:none;
}
/* tables*/
table,th,td{
	border-collapse: collapse;
	border-spacing: 0;
}
th, td, caption{
	text-align:left;
	vertical-align: top;
}
/* skip*/
#skip {
       position: absolute;
       left: -999em;
       width: 990em;
}

/* hidden */
.hidden{
	display:none;
}
/* clearing */
.clearfix{
	clear:both;
}

/* basic settings*/
h1,h2,h3,h4,h5{
	font-size:1em;
	line-height: 1.5em;
}

/* basic layout & styles
--------------------------------------
*/

div#branding,div#content,div#siteinfo{
	margin-left:10px;
	margin-right:10px;
	padding-top:10px;
}

div#branding{
	height:205px;
	width:730px;
	background:#4C260F;	
}
div#nav-main{
	height:36px;
	width:720px;
	background:#2D0F0F;
	color:#B18F7D;
	margin-left:10px;
	margin-bottom:10px;
	padding-left:10px;
}
div#content{
	float:left;
	width:508px;
	margin-bottom:114px;
	background:#fff;
	color:#4C260F;
}
div#content-sidebar{
	float:left;
	width:212px;
	margin-bottom:114px;
	color:#AA846F;	
}
div#siteinfo{
	height:52px;
	padding-bottom:10px;
	background:#fff;
	padding-left:10px;
}


/* link styles 
--------------------------------------
*/
a{
	text-decoration:none;
	color:#D58000;
}
a:hover,
a:active,
a:focus{
	color:#FF6600;
	text-decoration:underline;
}

div#content a:link,
div#content a:visited{
	color:#D58000;
}

div#nav-main a{
	color:#B18F7D;
}
div#nav-main a:hover,
div#nav-main a:active,
div#nav-main a:focus{
	color:#D58000;
}
div#nav-main a.selected{
	color:#DFDADA;
}
div#nav-main a.selected:hover,
div#nav-main a.selected:active,
div#nav-main a.selected:focus{
	color:#DFDADA;
}


/* other typography
--------------------------------------
*/

h1,h2,h3,h4,h5,div#nav-main{
	text-transform: uppercase;
}
h1{
	font-size:2em;
}



/* specifics
--------------------------------------
*/
/* branding */
div#branding{
	background-image: url(../img/logo.gif);
	background-position: left -10px;
	background-repeat: no-repeat;
}

div#branding div#branding-logo{
	float:right;
	width:192px;
	margin-top:76px;
	margin-right:10px;
}
/* nav-main */
div#nav-main ul li{
	display:inline;	
}
div#nav-main ul li a img{
	margin-top:2px;
	margin-right:10px;	
}


/* content-sidebar */
div#content-sidebar img{	
	display:block;
	margin-bottom:10px;
}
div#content-sidebar div.sidebar-section{
	background:#2D0F0F;
	margin-bottom:10px;
	padding:10px;
}
div#content-sidebar div.sidebar-section h2{
	color:#fff;
}
div#content-sidebar div.sidebar-section h2 a{
	color:#fff;
	display:block;
	width:202px;
	background-image: url(../img/arrow-right-bg-brown.gif);
	background-repeat: no-repeat;
	background-position: 170px -5px;
	background-color:#2D0F0F;
}
div#content-sidebar div.sidebar-section h2 a:hover{
	color:#D58000;
	background-position: 170px -45px;
}
div#content-sidebar div.sidebar-section img,
div#content-sidebar div#flashcontent{/* counteract padding added above*/
	margin-top:-10px;
	margin-left:-10px;
}
div#content-sidebar div.sidebar-section h2 img{/* adjust  above*/
	margin-top:-5px;
	margin-bottom:0;
}
div#content-sidebar div.sidebar-section p{
	margin-top:10px;
}
div#content-sidebar div.booking a{
	background:#2D0F0F;
}
div#content-sidebar div.booking a:hover{
	color:#D58000;
	text-decoration:underline;
}
div#content-sidebar #awards{
	overflow:auto;
}
div#content-sidebar #awards img{
	float:left;
	margin-right:7px;
}
div#content-sidebar #awards img.first{
	
}
div#content-sidebar #awards img.last{
	margin-right:0;
}
/* siteinfo */
div#siteinfo p#siteinfo-sitemap{
	float:right;
	width:202px;
}

/* content */
div#content h3,
div#content h4,
div#content h5,
div#content p,
div#content ul,
div#content ol,
div#content dl{
	padding-left:10px;
	margin-right:10px;
	margin-bottom:1.4em;
}
div#content h1{
	background:#E1DAD7;
	height:4.07em;/* 98px / 196px 151px  8.15em / 13.3em*/
	border-bottom: 1px solid #2D0F0F;
	/* how to vertical-align to bottom: 
	line-height = 2x height - font-size */
	line-height:6em;
	margin-bottom:10px;
}
div#content h2{
	margin-bottom:1em;
}

div#content img,
div#content div#flashcontent{
	margin-left:10px;
	margin-bottom:1.4em;
}
div#content h1 img{
	margin-left:10px;
	margin-bottom:-0.7em;
}
div#content h2 img{
	margin-left:10px;
	margin-bottom:-1em;
	/*border-bottom:1px solid #2D0F0F;*/
}
div#content div.img-row-two img{	
	float:left;
	margin-bottom:10px;
	margin-left:10px;
}
div#content div.img-row-five{
	margin-left:10px;	
}
div#content div.img-row-five img{	
	float:left;	
	margin-left:8px;
	margin-bottom:10px;
}
div#content div.img-row-five img.first{
	margin-left:0;
}

div#content div#flashcontent{
	border:1px solid #4C260F;
	width:486px;
	height:228px;
}
/* table for rates */
div#content table{
	margin-left:10px;
	
}
div#content table caption{
	
}
div#content tr,
div#content td{	
	height:40px;
}
div#content th,
div#content td{
	border-right:1px solid #C9BDB7;
	border-bottom:1px solid #C9BDB7;
	padding:5px;
}
div#content th.col-header{
	border-top:1px solid #C9BDB7;
}
div#content th.row-header{
	border-left:1px solid #C9BDB7;
	width:155px;
}
div#content th.row-header a{
	color:#4C260F;
}
div#content th.row-header a:hover,
div#content th.row-header a:active,
div#content th.row-header a:focus{
	color:#D58000;
}
div#content th.row-header span.room-desc{
	color:#AA846F;
}
div#content th.header-sub{
	font-weight:normal;
	color:#AA846F;
}
div#content td{
	width:69px;
}
div#content td.cell-blank{
	width:69px;
	background:#DBD4CF;
}
div#content table caption{
	margin-left:177px;
	margin-bottom:10px;
}
div#content table tfoot tr,
div#content table tfoot td{
	border:none;
	padding-left:0;
}


/* half columns */
div#content div.halves{
	margin-bottom:1.4em;
	clear:both;
}
div#content div.halves div.half{
	width:238px;
	float:left;
	margin-left:10px;
}
div#content div.halves div.first{
	margin-left:0;
}
div#content div.halves div.half a{
	font-weight:bold;
}

/* Home page */
#page-bedrooms div#content ul#offers{
	margin-bottom:10px;
}
#page-bedrooms div#content ul#offers li{
	border-top:1px solid #E1DAD7;
	margin-left:0;
	padding-left:0;
}
#page-bedrooms div#content ul#offers li a{
	display:block;
	height:36px;	
	background-image: url(../img/arrow-right-bg-white.gif);
	background-repeat: no-repeat;
	background-position: 466px -3px;	
}
#page-bedrooms div#content ul#offers li a:hover{
	background-position: 466px -43px;	
}
#page-bedrooms div#content ul#offers li img{
	margin-left:0;
	margin-bottom:0;/* unset from earlier*/
}

/* Contact form */
div#content form {	
	margin-left:10px;
	display:block;
}
div#content form label{
	display:block;
	margin-bottom:10px;
}
div#content form label input.ffield,
div#content form label textarea,
div#content form div.fbutton{
	width:320px;
}
div#content form label textarea{
	font-family: Arial, Helvetica, sans-serif;
}
div#content form div.fbutton{
	float:left;
	display:block;
	margin-bottom:20px;
}
div#content form div.fbutton input#fsubmit{	
	float:right;
	margin-right:10px;
}
/* recaptcha*/
h3#captcha{
	font-weight:normal;
	text-transform: none;
	margin:0 !important;
	display:inline;
	padding:0 !important;
}
.recaptcha_image_cell{

}
#recaptcha_image{	
	margin-bottom:10px !important;
}
#recaptcha_image img{
	border:1px solid #E1DAD7 !important;
	margin-left:0 !important;
}
#recaptcha_widget{
	border:1px solid #E1DAD7 !important;
	width:302px;
	margin-bottom:1em;
	background-color:#F1EEED;
	padding:10px;
}
#recaptcha_widget #recaptcha_response_field{
	width:298px !important;
}
/* contact details*/
div#content div.cdetails{
	margin-top:20px;
	padding-top:10px;
	border-top:1px solid #E1DAD7;
}

/* Bedrooms page */
#page-bedrooms div#content ul#bedrooms{
	margin-bottom:10px;
}
#page-bedrooms div#content ul#bedrooms li{
	border-top:1px solid #E1DAD7;
	margin-left:0;
	padding-left:0;
}
#page-bedrooms div#content ul#bedrooms li a{
	display:block;
	height:36px;	
	background-image: url(../img/arrow-right-bg-white.gif);
	background-repeat: no-repeat;
	background-position: 466px -3px;	
}
#page-bedrooms div#content ul#bedrooms li a:hover{
	background-position: 466px -43px;	
}
#page-bedrooms div#content ul#bedrooms li img{
	margin-left:0;
	margin-bottom:0;/* unset from earlier*/
}

/* Google Map */
div#content div#map{
	width:486px;
	height:228px;
	border:1px solid #4C260F;
	margin-left:10px;
	margin-bottom:10px;
}

/* Bookings & Widget */
div#content #booking-widget{
	
}
div#content #booking-widget ol{
	margin-left:20px;
}
div#content #booking-widget ol li{
	list-style-type: decimal;
}
div#content #booking-widget iframe{
	margin-left:104px;
	background: #FFF !important;	
}