/* GENERAL STYLES */
html {
	height:100%;
}
body {
	width:				100%;
	height:				100%;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			76%;
	background-color:	#497ebe;
}
h1, h2, h3, h4 {
	margin:				0;
	font-size:			1em;
}
a {
	color:				#497ebe;
	text-decoration:	underline;
}

img {
	border:				0;
}

/* PAGE LAYOUT */
#page {
	width:				829px;
	height:				100%;
	margin-left:		auto;
	margin-right:		auto;
	background-color:	#FFFFFF; 
}
#page #top {
	width:				100%;
	height:				52px;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	background-color:	#497ebe;
}
#page span.wrapper	{
	width:				770px;
	display:			block;
	margin-left:		auto;
	margin-right:		auto;
}
#page #top #top-left {
	float:				left;
}
#page #top #top-right {
	float:right;
}
#page #menu-bar {
	width:				100%;
	height:				21px;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	background-color:	#103867;
}
#page #banner {
	width:				100%;
	height:				166px;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}
#page #main-area {
	width:				100%;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	background-color:	#ffffff;
}
#page #footer {
	width:				100%;
	height:				3.6em;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	text-align:			center;
}
div.clear {	clear:both; }

/* PAGE CONTENT */
#page #top #top-left {
	width:				283px;
	height:				46px;
	margin:				3px 0 3px 0;
	padding:			0 0 0 0;
	background:			url(images/windwardhotel.gif) no-repeat;
}
#page #top #top-left h1 span {
	display:			none;
}
#page #top #top-right {
	text-align:			right;
	height:				42px;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	color:				#ffffff;
	font-size:			0.9em;
	line-height:		1.4em;
}
#page #top #top-right strong {
/*	font-size:			1.1em; */
}

#page #banner h2 span {
	display:			none;
}
#page #main-area span.wrapper	{
	margin-top:			45px;
}
#page #main-area #content {
	width:				560px;
	float:				right;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}
#page #main-area #location {
	width:				180px;
	float:				left;
	margin:				0.25em 0 0 0;
	padding:			0 0 0 0;
	text-align:			right;
}
#page #main-area #location h3 span {
	display:			none;
}
#page #main-area #body {
	width:				410px;
	float:				left;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	color:				#686868;
	font-size:			1em;
	line-height:		1.4em;
}
#page #main-area #body p {
	padding:			0 2em 0 0;
	margin-top:			0px;
}
#page #main-area #photos {
	width:				150px;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	text-align:			right;
	float:				right;
}
#page #main-area #photos img {
	border:				0;
	margin:				3px 0 1em 0;
}
#page #main-area #links {
	float:				right;
	width:				100%;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	color:				#686868;
	font-size:			1em;
	line-height:		1.4em;
}
#page #main-area #links div.item .left {
	float:				left;
	width:				410px;
	margin:				0 0 15px 0;
	padding:			0 0 0 0;
}
#page #main-area #links div.item .right {
	float:				right;
	width:				150px;
	margin:				0 0 15px 0;
	padding:			0 0 0 0;
	text-align:			right;
}
#page #main-area #links div.item  {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	clear:				both;
}

#page #footer {
	clear:				both;
	padding:			0 0 .5em 0;
	background-color:	#ffffff;
	color:				#103867;
	font-size:			0.9em;
	line-height:		1.8em;
}
#page #footer a {
	color:				#103867;
	text-decoration:	none;
}

/* TABLES */
#page #main-area #body table th{
	background-color:	#497ebe;
	color:				#ffffff;
	font-weight:		normal;
	padding:			5px 0 5px 5px;
}
#page #main-area #body table td{
	background-color:	#D2E3F8;
	padding:			5px 0 5px 5px;
}
#this-year-prices {
	width:				410px;
	position:			absolute;
}
#next-year-prices {
	width:				410px;
	position:			absolute;
	visibility:			hidden;
}
#prices {
	height:				19em;
	padding:			1em 0 1em 0;

}

/* FORMS */
#main-form {
	position:relative;
	display:block;
}
#main-form div.row {
	position:relative;
	display:block;
	padding:		10px 0 0 0;
}
#main-form div.label {
	width:80px;
	float:left;
	display:block;
	text-align:right;
	padding:		0 4px 0 0;
}
#main-form div.comment {
	display:block;
	padding:		0 0 4px 0;
}
#main-form div.field {
	display:block;
	padding:		0 0 0 0;
}
#main-form div.field input {
	width:200px;
}
#main-form div.field textarea {
	width:370px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
}


/* MENU */
#page #menu-bar #menu { 
	width:				770px;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}
#page #menu-bar #menu a {
	margin:				0 0 0 0;
	padding:			4px 0 4px 0;
	font-size:			0.8em;
	font-weight:		bold;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#ffffff;
	text-decoration:	none;
}

#page #menu-bar #menu div {
	line-height:		21px;
	height:				21px;
	float:				left;
	margin:				0 0 0 0;
	padding:			0 2px 0 17px;
	background:			transparent url(images/menu_spacer.gif) no-repeat top left;
}
#page #menu-bar #menu div.first {
	padding-left:		3px;
	background:			transparent;
}
#page #menu-bar #menu div#menu-on {
	background-color:	#497ebe;
}


/* THEMES */
#getting-here #page #main-area #body {	width: 550px;}
#getting-here #page #main-area #photos { display:none; }

#home				#page #banner {	background: url(images/default.jpg) no-repeat; }
#the-location		#page #banner {	background: url(images/the-location.jpg) no-repeat; }
#south-west-coast-path	#page #banner {	background: url(images/south-west-coastal-path.jpg) no-repeat; }
#surfing			#page #banner {	background: url(images/surfing.jpg) no-repeat; }
#the-breakfast		#page #banner {	background: url(images/the-breakfast.jpg) no-repeat; }
#the-rooms			#page #banner {	background: url(images/the-rooms.jpg) no-repeat; }
#the-bar			#page #banner {	background: url(images/the-bar.jpg) no-repeat; }
#wine-list			#page #banner {	background: url(images/wine-list_2.jpg) no-repeat; }
#the-tariff			#page #banner {	background: url(images/the-tariff.jpg) no-repeat; }
#the-restaurant	#page #banner {	background: url(images/the-hospitality_2.jpg) no-repeat; }
#corporate-hospitality	#page #banner {	background: url(images/default.jpg) no-repeat; }
#getting-here		#page #banner {	background: url(images/getting-here.jpg) no-repeat; }
#contact-us			#page #banner {	background: url(images/contact-us.jpg) no-repeat; }
#links				#page #banner {	background: url(images/links.jpg) no-repeat; }
#about-this-site		#page #banner {	background: url(images/getting-here.jpg) no-repeat; }

#home				#page #main-area #location { display: none; }
#the-location		#page #main-area #location { background: url(images/the-location_200x14.gif) no-repeat top right; }
#south-west-coast-path	#page #main-area #location { background: url(images/the-location_200x14.gif) no-repeat top right; }
#surfing			#page #main-area #location { background: url(images/the-location_200x14.gif) no-repeat top right; }
#the-breakfast		#page #main-area #location { background: url(images/the-breakfast_200x14.gif) no-repeat top right; }
#the-rooms			#page #main-area #location { background: url(images/the-rooms_200x14.gif) no-repeat top right; }
#the-bar			#page #main-area #location { background: url(images/the-bar_200x14.gif) no-repeat top right; }
#wine-list			#page #main-area #location { background: url(images/the-bar_200x14.gif) no-repeat top right; }
#the-tariff			#page #main-area #location { background: url(images/the-tariff_200x14.gif) no-repeat top right; }
#the-restaurant	#page #main-area #location { background: url(images/the-restaurant_200x14.gif) no-repeat top right; }
#corporate-hospitality	#page #main-area #location { background: url(images/the-hospitality_200x14.gif) no-repeat top right; }
#getting-here		#page #main-area #location { background: url(images/getting-here_200x14.gif) no-repeat top right; }
#contact-us			#page #main-area #location { background: url(images/contact-us_200x14.gif) no-repeat top right; }
#links				#page #main-area #location { background: url(images/links_200x14.gif) no-repeat top right; }
#about-this-site	#page #main-area #location { background: url(images/the-site_200x14.gif) no-repeat top right; }

#home				#page #main-area #content { width:100%; }
#home				#page #main-area #body { width:255px; }
#home #page #main-area #photos {
	width:				515px;
	padding:			3em 0 0 0; 
}
#home #page #main-area #photos ul {
	width:				100%;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	list-style:			none;
}
#home #page #main-area #photos ul li {
	float:				left;	
	height:				126px;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	display:			block;
}
#home #page #main-area #photos ul li a {
	display:			block;
	line-height:		126px;
	height:				126px;
	font-size:			0.85em;
	text-decoration:	none;
}
#home #page #main-area #photos h2 span {
	display:			none;
}
#home #page #main-area #photos ul li div.photo {
	margin:				0 2px 0 0;
}
#home #page #main-area #photos ul li#the-breakfast {
	background:			transparent url(images/the-breakfast_200x14.gif) no-repeat top right;
	width:				135px;
}
#home #page #main-area #photos ul li#the-rooms {
	background:			transparent url(images/the-rooms_200x14.gif) no-repeat top right;
	width:				105px;
}
#home #page #main-area #photos ul li#the-restaurant {
	background:			transparent url(images/the-restaurant_200x14.gif) no-repeat top right;
	width:				150px;
}
#home #page #main-area #photos ul li#the-location {
	background:			transparent url(images/the-location_200x14.gif) no-repeat top right;
	width:				125px;
}
#home #page #main-area #photos ul li#the-breakfast div.photo {
	background:			transparent url(uploads/home/the-breakfast.jpg) no-repeat bottom right;
}
#home #page #main-area #photos ul li#the-rooms div.photo {
	background:			transparent url(uploads/home/the-rooms.jpg) no-repeat bottom right;
}
#home #page #main-area #photos ul li#the-restaurant div.photo {
	background:			transparent url(uploads/home/the-restaurant.jpg) no-repeat bottom right;
}
#home #page #main-area #photos ul li#the-location div.photo {
	background:			transparent url(uploads/home/the-location.jpg) no-repeat bottom right;
}

#page #main-area #additional_info {
	float:				right;
	width:				415px;
	margin:				14px 0 0 40px;
	padding:			18px 30px 18px 30px;
	text-align:			center;
	color:				#ffffff;
	background-color: #95093e;
	font-size:			1em;
	line-height:		1.4em;
}

#page #main-area #btn_booking {
	float:				right;
	width:				455px;
	margin:				0 0 0 0;
	padding:			14px 30px 0 30px;
	text-align:			center;
	color:				#686868;
	font-size:			1em;
	line-height:		1.4em;
}


/* BROWSER "TWEAKS" - list any here */