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

#header {
	width:912px;
	position: relative;
}

#logo {
	width: 65px;
	height: 76px;
	float: left;
	display: block;
	background: url(../images/logo.png) no-repeat top left;
	text-indent: -9999px;
	position: relative;
	margin: -13px 29px 0 0;
}

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

#header .social-logos {
	width: 43px;
	height: 16px;
	position: absolute;
	right: 382px;
	top: 0;
}

#header .social-logos a img {
	margin: 0 0 0 4px;
}

#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.first {
	width: 87px;
}

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

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

#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 {
	padding: 0;
}

.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,
p a.active,
.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;
}

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

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

.contact-us p,
.contact-us h4,
.desc p {
	width: 200px;
}

.room-box,
.town {
	top: 77px;
}

.events {
	top: 90px;
}

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

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

.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;
}


.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;
}

.text-column {
	width: 240px;
	float: left;
}

.mini-links {
	width: 147px;
	float: right;
}

.popup {
	text-decoration: none !important;
	background: #455B61;
	overflow: hidden;
	height: 64px;
	display: block;
	width: 147px;
	margin: 0 0 17px;
}

.popup img {
	float: left;
	margin: 0;
}

.popup p {
	width: 63px;
	text-decoration: none !important;
	font-weight: 400;
	padding: 6px 0 0 10px;
	color: #fff;
	float: left;
	margin: 0;
	line-height: 1.2em;
}

.popup .show {
	display: block;
	overflow: hidden;
}

.popup:hover  {
	background: #fff;
}

.popup:hover .show {
	display: none !important;
}

.popup .hide {
	display: none;
}

.popup .hide p {
	color: #455B61 !important;
}

.popup:hover .hide {
	display: block !important;
}

.china {
	display: block;
	margin: 0 0 17px;
}



/* COLOURS */

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

.home {
	background: #394546;
	height: 100%;
}

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

.home #header,
.home .nav li a,
.home #footer,
.home #footer li a {
	color: #7a8a8b;
}

.home .block li a {
	color: #fff;
	background: #576768;
}

.home h1,
.home h2 {
	color: #394546;
}

/****** opening-times ******/

.opening {
	background: #363636;
	height: 100%;
}

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

.opening #header,
.opening .nav li a,
.opening #footer,
.opening #footer li a {
	color: #8c8688;
}

.opening .block li a {
	color: #fff;
	background: #4a4a4a;
}

.opening h1,
.opening h2 {
	color: #363636;
}

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

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

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

.rooms #header,
.rooms .nav li a,
.rooms #footer,
.rooms #footer li a {
	color: #957e7e;
}

.rooms .block li a {
	color: #fff;
	background: #584141;
}

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

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

.restaurant {
	background: #494c4e;
	height: 100%;
}

.restaurant #wrapper,
.restaurant #content-right img.sm  {
	background: #494c4e;
}

.restaurant #header,
.restaurant .nav li a,
.restaurant #footer,
.restaurant #footer li a {
	color: #919192;
}

.restaurant .block li a {
	color: #fff;
	background: #69696b;
}

.restaurant h1,
.restaurant h2 {
	color: #494c4e;
}


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

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

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

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

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

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

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

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

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

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

.contact-us .block li a {
	color: #fff;
	background: #847d73;
}

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