body
{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica', 'Arial', 'Sans-serif';
	font-size: 14px;
	line-height: 1.5;
	color: #43392d;
	background: #c9c5c0 url(../images/interface/bg.gif) repeat-x scroll 0 0;	
	text-align: left;
}

select, input, textarea
{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica', 'Arial', 'Sans-serif';
	font-size: 1.0em;
	color: #43392d;
}

a img
{
	border: none;	
}

a:link, a:visited
{
	color: #ef5b2b;
	text-decoration: none;	
}

a:focus, a:hover, a:active
{
	color: #faac39;
	text-decoration: none;	
	outline: none;
}

h1
{
	font-size: 1.0em;
	font-weight: bold;
	color: #43392d;
	border-bottom: 3px solid #008ad0;
	margin: 0 0 8px 0;
	padding: 17px 0 6px 0;	
	clear: both;	
}

#col1 h1, #main h1 { border-color: #008ad0; }
#col2 h1, #side h1 { border-color: #faac39; }
#col3 h1 { border-color: #71c175; }

h1 span
{
	color: #008ad0;	
}

h1.nospacing
{
	margin-bottom: 0;	
}

h2
{
	font-weight: normal;
	font-size: 1.0em;
	margin: 0;
	padding: 0 0 0.6em 0;
}

p
{
	margin: 0;
	padding: 0 0 1em 0;	
}

ul
{
	list-style-type: none;
	margin: 0;
	padding: 0 0 1em 0;	
}

li
{
	background: transparent url(../images/interface/bullet.gif) no-repeat scroll 0 0.4em;
	margin: 0;
	padding: 0 0 0 15px;	
}

ul.ticks li
{
	color: #8d857c;
	background: transparent url(../images/interface/tick.png) no-repeat scroll 0 0.4em;
}

.condensed
{
	font-size: 0.93em;	
	line-height: 1.2;
}

fieldset
{
	padding: 1em 0 0 0;
	margin: 0;
	border: none;
	border-bottom: 1px solid #008ad0;	
}

div.formfield
{
	padding: 0 0 1em 0;
	clear: both;
	width: 100%;	
}

div.formfield label
{
	width: 200px;
	float: left;	
}

div.formfield input, div.formfield select, div.formfield textarea, div.formfield div.error
{
	margin: 0 0 0 212px;	
	display: block;
}

div.formfield button
{
	margin: 0 0 0 212px;
}

form fieldset.last
{
	border-bottom: none;	
}

span.required
{
	color: #f00;	
}

.error
{
	color: #f00;
	font-size: 0.79em;	
}

.byline
{
	font-size: 0.79em;	
	line-height: 1.2;
}

textarea {
	width: 355px;
}

/* ===========================================================================
 * Images with frames
 * =========================================================================== 
 */

.medimage
{
	background: transparent url(../images/interface/frame_med.png) no-repeat scroll 0 0;	
	padding: 9px 7px 16px 7px;
	height: 83px;
	width: 150px;
	margin: 0 0 14px 12px;
	float: right;
	display: inline;
}

.smlimage
{
	
	background: transparent url(../images/interface/frame_sml.png) no-repeat scroll 0 0;	
	padding: 7px 7px 12px 7px;
	height: 59px;
	width: 59px;
	margin: 0 0 14px 8px;
	float: right;
	display: inline;
}


/* ===========================================================================
 * Layout of page
 * =========================================================================== 
 */
 
#page
{
	background: #fff url(../images/interface/watermark.gif) no-repeat scroll 100% 0;
	width: 990px;
	margin: 0 auto;	
}

.home #page
{
	background-image: url(../images/interface/watermark_home.gif);
}


/* ===========================================================================
 * Header
 * =========================================================================== 
 */

#header
{
	padding: 51px 58px 0;
	float: left;
	width: 874px;
	background: transparent url(../images/interface/header.gif) repeat-x scroll 0 0;
}

#logo
{
	width: 188px;
	height: 85px;
	float: left;
	margin: 0 13px 0 0;	
}

#features
{
	width: 458px;
	float: left;
	font-size: 0.86em;
}

#features ul
{
	width: 458px;
	float: left;
	color: #8d857c;
	padding: 22px 0 0;
}

#features li
{
	width: 200px;
	background: transparent url(../images/interface/header_list_border.gif) no-repeat scroll 0 100%;
	float: left;
	margin: 0 17px 0 0;
	padding: 0 0 1px 12px;	
	display: inline;
}

#bookings
{
	width: 200px;
	float: right;
	text-align: center;
	padding: 22px 0 0;
}

#bookings a.button
{
	margin: 0 0 5px 0;	
}

.tel
{
	background: transparent url(../images/interface/tel.gif) no-repeat scroll 0 50%;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 1.0em;
	padding: 0 0 0 16px;
	color: #007dcb;
}


/* ===========================================================================
 * Navigation
 * =========================================================================== 
 */

#nav 
{
	clear: both;
	margin: 0 0 0 119px;
	padding: 31px 0 0;	
	width: 750px;
}

#nav ul
{
	padding: 0;
	float: left;
	width: auto;
	list-style-type: none;	
}

#nav li
{
	float: left;	
	width: auto;
	position: relative;
	padding: 0;
	background-image: none;
}

#nav a
{
	float: left;
	width: auto;
	display: block;
	font-size: 1.0em;	
}

#nav a span
{
	display: block;
	padding: 6px 14px;
}

#nav a:link, #nav a:visited
{
	background: transparent url(../images/interface/nav.gif) no-repeat scroll 0 100%;
	color: #362d26;
	text-decoration: none;
}

#nav a:link span, #nav a:visited span
{
	background-image: none;
	color: #362d26;
	text-decoration: none;
}

#nav a:focus, #nav a:hover
{
	background: transparent url(../images/interface/nav.gif) no-repeat scroll 0 0;
	color: #fff;
	text-decoration: none;
}

#nav a:focus span, #nav a:hover span
{
	background: transparent url(../images/interface/nav.gif) no-repeat scroll 100% -106px;
	color: #fff;
	text-decoration: none;
}

#nav a:active
{
	background: transparent url(../images/interface/nav.gif) no-repeat scroll 0 -53px;
	color: #fff;
	text-decoration: none;
}

#nav a:active span
{
	background: transparent url(../images/interface/nav.gif) no-repeat scroll 100% -159px;
	color: #fff;
	text-decoration: none;
}

#nav li.active a:link, #nav li.active a:visited, #nav li.active a:focus, #nav li.active a:hover, #nav li.active a:active
{
	background: transparent url(../images/interface/nav_active.gif) no-repeat scroll 0 0;
	color: #fff;
	text-decoration: none;	
}

#nav li.active a:link span, #nav li.active a:visited span, #nav li.active a:focus span, #nav li.active a:hover span, #nav li.active a:active span
{
	background: transparent url(../images/interface/nav_active.gif) no-repeat scroll 100% -53px;
	color: #fff;
	text-decoration: none;	
}


/* ===========================================================================
 * Banner and slideshow
 * =========================================================================== 
 */

#banner
{	
	position: relative;
	width: 930px;
	margin: 0 30px;
	padding: 9px 0 0;
	background: transparent url(../images/interface/feature_image_top.gif) no-repeat scroll 0 0;
	clear: both;
}

#banner img
{
	display: block;	
}

#banner .corner-bottom-left
{
	height: 9px;
	width: 9px;
	position: absolute;
	top: 147px;
	left: 0;
	background: transparent url(../images/interface/corner_bottom_left.png) no-repeat scroll 0 0;
}

#banner .corner-bottom-right
{
	height: 9px;
	width: 9px;
	position: absolute;
	top: 147px;
	right: 0;
	background: transparent url(../images/interface/corner_bottom_right.png) no-repeat scroll 0 0;
}

.home #banner .corner-bottom-left, .home #banner .corner-bottom-right
{
	top: 268px;
}

#banner #slides ul
{
	position: absolute;
	top: 33px;
	left: 249px;
}

#slides ul
{
	background: transparent url(../images/interface/slideframe.png) no-repeat scroll 0 0;
	padding: 21px 16px 38px 16px;
	width: 406px;
	height: 229px;
}

#slides li
{
	background-image: none;
	padding: 0;
	margin: 0;	
	width: 406px;
	height: 229px;
	display: none;
}

#slides li.current
{
	display: block;
}

#slides p
{
	padding: 0;
	margin: 0;	
}

#slides #buttons
{
	position: absolute;
	top: 248px;
	right: 259px;
	text-align: right;
}

#slides #buttons a
{
	float: right;
	width: auto;
	margin: 0 8px 0 0;	
}

a#nextslide, a#prevslide
{
	display: block;
	width: 40px;
	height: 33px;
	position: absolute;	
	top: 134px;
	background: white;
	text-align: center;
	font-weight: bold;
	padding: 7px 0 0 0;
	display: none;
}

a#nextslide
{
	left: 715px;
	background: transparent url(../images/interface/arrows.png) no-repeat scroll 100% 0;
	text-indent: -9999px;
}

a#prevslide
{
	left: 179px;	
	background: transparent url(../images/interface/arrows.png) no-repeat scroll 0 0;
	text-indent: -9999px;
}

a#nextslide:link, a#nextslide:visited
{
	background-position: 100% 0;
}

a#nextslide:focus, a#nextslide:hover
{
	background-position: 100% -40px;
}

a#nextslide:active
{
	background-position: 100% -80px;
}

a#prevslide:link, a#prevslide:visited
{
	background-position: 0 0;
}

a#prevslide:focus, a#prevslide:hover
{
	background-position: 0 -40px;
}

a#prevslide:active
{
	background-position: 0 -80px;
}


/* ===========================================================================
 * Main content area
 * =========================================================================== 
 */

#content
{
	background: transparent url(../images/interface/feature_image_shadow.gif) no-repeat scroll 0 0;
	padding: 25px 58px 0 58px;
}

.home #content
{
	background-image: none;	
	padding-top: 53px;
}

#main
{
	width: 576px;
	float: left;
	margin: 0 15px 0 0;
	padding: 0 0 40px 0;
	display: inline;
}

.home #main
{
	width: 450px;
	margin-right: 141px;	
}

#side
{
	width: 281px;
	float: left;	
	padding: 0 0 40px 0;
} 

#col1, #col2
{
	width: 281px;
	float: left;
	margin: 0 15px 0 0;
	display: inline;
	padding: 0 0 40px 0;
}

#col3
{
	width: 281px;
	float: left;
	margin: 0;
	display: inline;
	padding: 0 0 40px 0;
}


/* ===========================================================================
 * Footer
 * =========================================================================== 
 */

#footer
{
	clear: both;	
	background-color: #c9c5c0;
	font-size: 0.86em;
	color: #8d857c;
	padding: 12px 0 40px 0;
	width: 100%;
}

#footer form
{
	margin: 0;
	float: left;
	width: 450px;
	padding: 0 0 0 58px;
}

#footer fieldset
{
	padding: 0;
	margin: 0;
	border: none;	
}

#footer ul
{
	padding: 0;
	margin: 0;	
	display: inline;
	width: 104px;
}

#footer li
{
	padding: 0;
	margin: 0;
	display: inline;	
}

#footer p
{
	float: right;
	width: 420px;
	padding: 0 58px 0 0;
	text-align: right;	
}

#footer a:link, #footer a:visited
{
	color: #8d857c;
	text-decoration: underline;
}

#footer a:focus, #footer a:hover, #footer a:active
{
	color: #43392d;
	text-decoration: underline;
}

#translateForm{
	margin: 0;
	float: left;
	width: 450px;
	padding: 0 0 0 58px;
}

#translate {
	width: 150px;
}

.gBranding {
	display: none;
}

/* ===========================================================================
 * Newsletter form block
 * =========================================================================== 
 */

form.subscribe
{
	padding: 0 0 0.5em 0;
	margin: 0;	
}

form.subscribe label
{
	position: absolute;
	top: -9999px;
	left: -9999px;	
}

form.subscribe input.text
{
	background: #fff url(../images/interface/field.gif) no-repeat scroll 0 100%;
	border: none;
	color: #756e65;
	font-size: 1.0em;
	padding: 9px 5px 6px;
	line-height: 1.14;
	margin: 0 1px 0 0;
	font-family: Helvetica, Arial, Sans-serif;
	display: block;
	float: left;
	border-spacing: 0;
	width: 166px;
}



/* ===========================================================================
 * Room-type block
 * =========================================================================== 
 */

.roomtype
{
	background: transparent url(../images/interface/texture.gif) no-repeat scroll 0 0;
	width: 535px;
	float: left;
	clear: both;
	padding: 0 0 15px 0;
	margin: 17px 0 0 0;
}

.roomtype h1
{
	border-bottom: none;
	padding-bottom: 9px;	
	padding-top: 0;
}

.roomtype .description
{
	width: 239px;
	float: left;
	margin: 0 6px 0 0;
	display: inline;
}

.roomtype .price
{
	width: 105px;
	float: left;
	line-height: 0.9;
}

.roomtype .price .currency
{
	float: left;
	width: auto;	
	display: block;
	padding: 3px 0 10px;
}

.roomtype .price .value
{
	float: left;	
	width: auto;	
	display: block;
	color: #008cd1;
	font-size: 1.79em;
	padding: 0 3px 10px 0;
}

.roomtype .price .info
{
	font-size: 0.79em;	
	float: left;	
	width: auto;	
	display: block;
	padding: 3px 0 10px;
}

.roomtype .price a.button
{
	clear: both;
	line-height: 1.5;	
}

.roomtype .medimage
{
	margin: 0 8px 14px 5px;
	float: left;
	width: 150px;
}


/* ===========================================================================
 * FAQ block
 * =========================================================================== 
 */

.faq
{	
	clear: both;
	border-bottom: 1px solid #008ad0;
	padding: 1em 0 0;
}

.faq h2
{
	width: 200px;
	float: left;	
}

.faq p
{
	margin: 0 0 0 215px;	
	font-size: 0.93em;
	line-height: 1.2;
}


/* ===========================================================================
 * Club block
 * =========================================================================== 
 */

.club
{
	clear: both;
	padding: 0;
	border-bottom: 1px solid #008ad0;
	margin: 1em 0 0;
	width: 100%;
	float: left;
}

#col1 .club, #main .club { border-color: #008ad0; }
#col2 .club, #side .club { border-color: #faac39; }
#col3 .club { border-color: #71c175; }

.club .overview
{
	width: 180px;
	padding: 0 20px 0 0;
	float: left;
}

.club .description
{
	font-size: 0.93em;
	line-height: 1.2;
	width: 200px;
	float: left;
}

.club .medimage
{
	margin: 0 12px 14px 0;
	float: left;
	width: 150px;
}


/* ===========================================================================
 * Activity/event block
 * =========================================================================== 
 */

.directoryitem
{
	clear: both;
	border-bottom: 1px solid #008ad0;
	margin: 1em 0 0;
}

#col1 .directoryitem, #main .directoryitem { border-color: #008ad0; }
#col2 .directoryitem, #side .directoryitem { border-color: #faac39; }
#col3 .directoryitem { border-color: #71c175; }

.directoryitem:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

/* ===========================================================================
 * Buttons
 * =========================================================================== 
 */
	
button 
{ 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible;
	width: auto;
	background: transparent url(../images/interface/button_brown.png) no-repeat scroll 100% -153px;
	font-size: 1.0em;
	padding: 0 5px 0 0;
	margin: 0;
	font-family: Helvetica, Arial, Sans-serif;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-decoration: none;
	outline: none;
}

button::-moz-focus-inner 
{
	border: none;
}

button:focus, button:hover
{
	margin: 0;
	background: transparent url(../images/interface/button_brown.png) no-repeat scroll 100% -204px;
}

button:active
{
	margin: 0;
	background: transparent url(../images/interface/button_brown.png) no-repeat scroll 100% -255px;
}
	
button span 
{
	position: relative;
	display: block; 
	white-space: nowrap;
	padding: 5px 5px 5px 10px; 
	height: 21px; 
	background: transparent url(../images/interface/button_brown.png) no-repeat scroll 0 0;
	color: #fff;
	line-height: 1.5;
}

button:focus span, button:hover span
{
	background: transparent url(../images/interface/button_brown.png) no-repeat scroll 0 -51px;
}

button:active span
{
	background: transparent url(../images/interface/button_brown.png) no-repeat scroll 0 -102px;
}
	
a.button,
a.button2
{ 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible;
	width: auto;
	background: transparent url(../images/interface/button_blue.png) no-repeat scroll 100% -153px;
	font-size: 1.0em;
	padding: 0 5px 0 0;
	margin: 0;
	font-family: Helvetica, Arial, Sans-serif;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-decoration: none;
	outline: none;
	display: block;
}

a.button::-moz-focus-inner,
a.button2::-moz-focus-inner 
{
	border: none;
}

a.button:focus, a.button:hover,
a.button2:focus, a.button2:hover
{
	background: transparent url(../images/interface/button_blue.png) no-repeat scroll 100% -204px;
}

a.button:active,
a.button2:active
{
	background: transparent url(../images/interface/button_blue.png) no-repeat scroll 100% -255px;
}
	
a.button span,
a.button2 span 
{
	position: relative;
	display: block; 
	white-space: nowrap;
	padding: 5px 5px 5px 10px; 
	height: 21px; 
	background: transparent url(../images/interface/button_blue.png) no-repeat scroll 0 0;
	color: #fff;
	line-height: 1.5;
}

a.button:focus span, a.button:hover span,
a.button2:focus span, a.button2:hover span
{
	background: transparent url(../images/interface/button_blue.png) no-repeat scroll 0 -51px;
}

a.button:active span,
a.button2:active span
{
	background: transparent url(../images/interface/button_blue.png) no-repeat scroll 0 -102px;
}

a.button2 
{ 
	background: transparent url(../images/interface/button_orange.png) no-repeat scroll 100% -153px;
}

a.button2:focus, a.button2:hover
{
	background: transparent url(../images/interface/button_orange.png) no-repeat scroll 100% -204px;
}

a.button2:active
{
	background: transparent url(../images/interface/button_orange.png) no-repeat scroll 100% -255px;
}
	
a.button2 span 
{
	background: transparent url(../images/interface/button_orange.png) no-repeat scroll 0 0;
}

a.button2:focus span, a.button2:hover span
{
	background: transparent url(../images/interface/button_orange.png) no-repeat scroll 0 -51px;
}

a.button2:active span
{
	background: transparent url(../images/interface/button_orange.png) no-repeat scroll 0 -102px;
}


/* ===========================================================================
 * Miscellaneous
 * =========================================================================== 
 */

#gmap
{
	width: 100%;
	height: 350px;
	background: #f0eee7;	
}

.clear
{
	clear: both;	
}