/***** wrapper *****/
 
#wrapper {
	width:912px;
	margin:0 auto;
	padding: 30px 30px 15px 30px;
}

#header {
	width:912px;
}

#logo {
	width: 176px;
	height: 67px;
	float: right;
	display: block;
	background: url(../images/logo.png) no-repeat top left;
	text-indent: -9999px;
	position: relative;
	margin: -6px 0 0;
	behavior: url(/css/iepngfix.htc);
}

#header p {
	float: left;
	width: 97px;
	font-size: 1em;
	line-height: 1.6em;
	position: relative;
	margin: -2px 0 0 20px;
}


#content {
	clear: both;
	width:912px;
	margin: 40px 0 0;
}

.half #content-left {
	float:left;
	width: 400px; /* 400 */
	padding: 15px 0 0;
	position: relative;
}

.half #content-right {
	float:right;
	width:420px;
	position: relative;
	height: 420px;
}

.three #content-left,
.four #content-left {
	float:left;
	width: 675px;
	padding: 15px 0 0;
	position: relative;
}

.three #content-right,
.four #content-right {
	float:right;
	width:205px;
	position: relative;
	height: 420px;
}

/*
#content-right img.big {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 1;
}
*/

#content-right .ss-big {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 1;
	height: 420px;
	width: 420px;
}

#content-right #map_canvas {
	height: 420px;
	width: 420px;
}

.three #content-right .ss-big,
.four #content-right .ss-big {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	width: 202px;
}


.three #content-left img.big,
.four #content-right img.big {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}

#content-right .ss-sm {
	position: absolute;
	z-index: 2;
	height: 420px;
	width: 420px;
}

#content-right .three-col,
#content-right .four-col {
	position: absolute;
	z-index: 2;
	height: 420px;
	width: 205px;
}

#content-right img {
	position: absolute;
	z-index: 3;
	display: none;
}

#content-right #map_canvas img {
	display: inline;
}

#content-right .tl {
	top: 0px !important;
	left: 0px !important;
	padding: 0 15px 15px 0;
}

#content-right .tr {
	top: 0px !important;
	right: 0px !important;
	padding: 0 0 15px 15px;
}

#content-right .bl {
	bottom: 0px !important;
	left: 0px !important;
	padding: 15px 15px 0 0;
}

#content-right .br {
	bottom: 0px !important;
	right: 0px !important;
	padding: 15px 0 0 15px;
}

/***** nav *****/
.nav {
	float: left;
	margin: 0;
	width: 84px;
	padding: 0;
}

.nav li {
	list-style: none;
	margin: 0 0 1px;
	height: 15px;
}

.nav li a {
	text-decoration: none !important;
	font-weight: 400;
	color: #868c91;
	display: block;
	padding: 0;
	outline: 0;
	padding: 1px 0 0;
	height: 14px;
}

.nav li a:hover {
	color: #fff !important;
}

.nav li a.active {
	color: #fff !important;
	font-weight: 700;
}

.block {
	width: 99px;
}

.block li {
}

.block li a {
	color: #fff;
	display: block;
	padding: 1px 0 0 4px;
}

.block li a:hover,
.block li a.active,
.block li a.offers-events {
	background: #98aa97 !important;
	font-weight: 400;
}

.block li a.offers-events:hover,
.block li a.offers-active {
	color: #30484f !important;
}

ul.last {
	padding: 0 0 0 20px;
	width: 100px;
}

/***** footer *****/

/*
#footer {
	width: 912px;
	position: absolute;
	top: 554px;
	
}
*/

#footer ul {
	margin: 20px -5px 0 0;
	padding: 0;
	list-style: none;
	float: right;
	position: relative;
}

#footer li {
	float: left;
	padding: 0 5px;
	margin: 0;
}

#footer li a {
	font-weight: 400;
	text-decoration: none;
}

#footer li a:hover {
	color: #fff !important;
}

/***** classes *****/

h1 {
	margin: 0 0 36px;
}
h1.intro {
	font-size: 3em;
	margin: 0 0 30px;
}
h2.text {
	margin: 0 0 30px;
}
h2.quote {
	width: 475px;
	font-size: 1.2em;
	margin: 20px 0 0;
}
p.quote {
	font-size: 0.9em;
	margin: 5px 0 0;
	color: #30484f;
}

.sub-nav {
	margin: -28px 0 15px;
	padding: 0;
	list-style: none;
	height: 13px;
	position: relative;
}

.sub-nav li {
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	font-size: 1em;
}

.sub-nav li a {
	color: #fff !important;
	text-decoration: none;
	font-weight: 400 !important;
}

.sub-nav li a:hover,
.sub-nav li a.active {
	color: #c3d3b6 !important;
}

.sub-sub {
	position: relative;
	margin: -49px 0 36px;
	padding: 0;
	list-style: none;
	height: 13px;
}

.sub-sub li {
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	font-size: 1em;
}

.sub-sub li a {
	color: #fff;
	text-decoration: none;
	font-weight: 400 !important;
}

.sub-sub li a:hover,
.sub-sub li a.active {
	color: #c3d3b6;
}

ul.menus {
	margin-left: 45px;
}

.three .col {
	float: left;
	width: 243px;
	margin: 0 15px 0 0;
}

.four .col {
	float: left;
	width: 140px;
	margin: 0 35px 0 0;
}

.three .first {
	width: 158px;
}

.three div.last,
.four div.last {
	margin: 0;
}

.rooms h4,
.three .col h4,
.contact-us h3,
.activities h4,
.gardens h4,
.conferences h4 {
	width: 200px;
	padding: 0;
}

h4.full {
	width: 100% !important;
}

.three .col h4.strong {
	font-weight: 700;
}

.four .col h4,
.four .col p,
.weddings .col h4 {
	padding: 0 0 15px;
}

p.small {
	font-size: 1em;
}

p.small a {
	font-weight: 400;
	text-decoration: none;
	color: #fff;
}

p.small a:hover,
p.small a.active {
	color: #c3d3b6 !important;
}

.three p.small a:hover,
.three p.small a.active {
	color: #c3d3b6 !important;
}

.four p.small a:hover,
.four p.small a.active {
	color: #797670;
}

.restaurant .col h4 {
	padding: 15px 0 5px;
}

.restaurant .col p {
	padding: 0 0 5px;
}

.restaurant .col p.small {
	margin: 0;
	padding: 0;
}

.container {
	position: relative;
}

.desc {
	width: 200px;
	position: absolute;
	right: 0px;
	top: 0;
}

.contact-us .desc {
	top: 79px;
	right: -30px;
	width: 210px;
}

.conferences .desc {
	right: -10px;
}

.desc p {
	width: 200px;
}

.activities #content-left a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

p .list li {
	font-size: 1em;
}

.rooms .list li {
	padding: 0 0 3px;
}

.list li {
	list-style: circle;
	font-size: 1.1em;
}

.table {
	width: 400px;
	font-size: 1.1em;
	margin: 0 0 15px;
}

.table th {
	text-align: left;
}

fieldset {
	border: 0;
}

.request-brochure label,
.make-reservation label,
.career label {
	width: 110px;
	display: block;
	float: left;
	font-size: 1.1em;
	padding: 3px 0;
}

.request-brochure .label-w,
.make-reservation .label-w,
.career .label-w {
	width: 225px;
	padding: 0;
}

.request-brochure input,
.request-brochure select,
.make-reservation input,
.make-reservation select,
.career input,
.career select {
	margin: 0 5px 5px 0;
	font-size: 1.1em;
}

.request-brochure select,
.make-reservation select,
.career select {
	height: 15px;
}

#arrival,
#nights,
#persons {
	width: 47px;
} 


.request-brochure .input,
.make-reservation .input,
.career .input,
.career .textarea {
	width: 250px;
	border: 1px solid #fff;
	background: transparent;
	padding: 2px;
	color: #fff;
	font-size: 1.1em;
}

.career .textarea {
	width: 360px;
	height: 80px;
}

.career .input-w {
	border: 1px solid #fff;
	background: transparent;
	padding: 2px;
	color: #fff;
	font-size: 1.1em;
	width: 360px;
	margin: 5px 0;
}


.request-brochure div,
.make-reservation div,
.career div {
	height: 25px;
}

.request-brochure div.hiddenFields,
.make-reservation div.hiddenFields,
.career div.HiddenFields {
	height: 0px;
}

#map_canvas {
	color: #000;
}

#map_canvas #content {
	width: auto;
	height: auto;
	margin: 0;
}

#map_canvas h1 {
	margin: 0;
	padding: 0;
}

h4 a {
	color: #fff;
	text-decoration: none;
}

h4 a.active {
	color: #c3d3b6 !important;
}

.show {
	display: block !important;
}

.hide {
	display: none;
}

.text {
	font-size: 1.1em;
}

.press {
	list-style: none;
}

.press li {
	width: 100px;
	height: 86px;
	float: left;
	margin: 0 5px 10px 0;
	text-align: center;
}

.press li:nth-child(4n),
.press li.last {
	margin: 0 0 10px;
}

#content-right .press li img {
	width: 100px;
	height: 73px;
	display: block;
	position: static;
}

.press li a:hover {
	color: #c3d3b6;
}

a.button {
	padding: 2px 4px;
	color: #fff;
	background: #455b61 /* 49595f */;
	text-decoration: none;
}
a.button:hover {
	background: #98aa97;
}


/* COLOURS */

/****** home ******/

.home {
	background: #30484f;
	height: 100%;
}

.home #wrapper,
.home #content-right img.sm  {
	background: #30484f;
}

.home #header,
.home .nav li a,
.home #footer,
.home #footer li a {
	color: #839195 /* 868c91 */;
}

.home .block li a {
	color: #fff;
	background: #455b61 /* 49595f */;
}

.home h1,
.home h2 {
	color: #30484f;
}

/****** rooms ******/

.rooms {
	background: #403339;
	height: 100%;
}

.rooms #wrapper,
.rooms #content-right img.sm  {
	background: #403339;
}

.rooms #header,
.rooms .nav li a,
.rooms #footer,
.rooms #footer li a {
	color: #8c8588 /* 80757c */;
}

.rooms .block li a {
	color: #fff;
	background: #53484d /* 574c52 */;
}

.rooms h1,
.rooms h2 {
	color: #403339;
}

/****** restaurant ******/

.restaurant {
	background: #58585a;
	height: 100%;
}

.restaurant #wrapper,
.restaurant #content-right img.sm  {
	background: #58585a;
}

.restaurant #header,
.restaurant .nav li a,
.restaurant #footer,
.restaurant #footer li a {
	color: #9b9b9c /* a7a9ac */;
}

.restaurant .block li a {
	color: #fff;
	background: #69696b /* 6d6e71 */;
}

.restaurant h1,
.restaurant h2 {
	color: #58585a;
}

/****** gardens ******/

.gardens {
	background: #696961;
	height: 100%;
}

.gardens #wrapper,
.gardens #content-right img.sm  {
	background: #696961;
}

.gardens #header,
.gardens .nav li a,
.gardens #footer,
.gardens #footer li a {
	color: #a5a5a0;
}

.gardens .block li a {
	color: #fff;
	background: #787871;
}

.gardens h1,
.gardens h2 {
	color: #696961;
}

/****** spa ******/

.spa {
	background: #776e65;
	height: 100%;
}

.spa #wrapper,
.spa #content-right img.sm  {
	background: #776e65;
}

.spa #header,
.spa .nav li a,
.spa #footer,
.spa #footer li a {
	color: #ada8a3;
}

.spa .block li a {
	color: #fff;
	background: #857d75;
}

.spa h1,
.spa h2 {
	color: #776e65;
}

/****** conferences ******/

.conferences {
	background: #44595d;
	height: 100%;
}

.conferences #wrapper,
.conferences #content-right img.sm  {
	background: #44595d;
}

.conferences #header,
.conferences .nav li a,
.conferences #footer,
.conferences #footer li a {
	color: #8f9b9e;
}

.conferences .block li a {
	color: #fff;
	background: #576a6e;
}

.conferences h1,
.conferences h2 {
	color: #44595d;
}

/****** cinema ******/

.cinema {
	background: #2e0b16;
	height: 100%;
}

.cinema #wrapper,
.cinema #content-right img.sm  {
	background: #2e0b16;
}

.cinema #header,
.cinema .nav li a,
.cinema #footer,
.cinema #footer li a {
	color: #826d73;
}

.cinema .block li a {
	color: #fff;
	background: #43242e;
}

.cinema h1,
.cinema h2 {
	color: #2e0b16;
}

/****** weddings ******/

.weddings {
	background: #1d2a35;
	height: 100%;
}

.weddings #wrapper,
.weddings #content-right img.sm  {
	background: #1d2a35;
}

.weddings #header,
.weddings .nav li a,
.weddings #footer,
.weddings #footer li a {
	color: #777f86;
}

.weddings .block li a {
	color: #fff;
	background: #34404a;
}

.weddings h1,
.weddings h2 {
	color: #1d2a35;
}

/****** activities ******/

.activities {
	background: #2e4e4e;
	height: 100%;
}

.activities #wrapper,
.activities #content-right img.sm  {
	background: #2e4e4e;
}

.activities #header,
.activities .nav li a,
.activities #footer,
.activities #footer li a {
	color: #829595;
}

.activities .block li a {
	color: #fff;
	background: #436060;
}

.activities h1,
.activities h2 {
	color: #2e4e4e;
}

/****** our-location ******/

.our-location {
	background: #363636;
	height: 100%;
}

.our-location #wrapper,
.our-location #content-right img.sm  {
	background: #363636;
}

.our-location #header,
.our-location .nav li a,
.our-location #footer,
.our-location #footer li a {
	color: #868686;
}

.our-location .block li a {
	color: #fff;
	background: #4a4a4a;
}

.our-location h1,
.our-location h2 {
	color: #363636;
}

/****** contact-us ******/

.contact-us {
	background: #6a6c62;
	height: 100%;
}

.contact-us #wrapper,
.contact-us #content-right img.sm  {
	background: #6a6c62;
}

.contact-us #header,
.contact-us .nav li a,
.contact-us #footer,
.contact-us #footer li a {
	color: #a6a7a1;
}

.contact-us .block li a {
	color: #fff;
	background: #797b72;
}

.contact-us h1,
.contact-us h2 {
	color: #6a6c62;
}

/****** offers ******/

.offers {
	background: #495c63;
	height: 100%;
}

.offers #wrapper,
.offers #content-right img.sm  {
	background: #495c63;
}

.offers #header,
.offers .nav li a,
.offers #footer,
.offers #footer li a {
	color: #929da1;
}

.offers .block li a {
	color: #fff;
	background: #5c6d73;
}

.offers h1,
.offers h2 {
	color: #495c63;
}