body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 75%;
	background: white;
	color: black;
}

form {
	margin: 0;
}

body, input, select, textarea {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}
input, select, textarea {
	font-size: 100%;
}

/* These are the main divs dividing up the page */
div#header, div#mainnav div {
	width: 940px;
	text-align: left;
	margin: 0 auto;
	clear: both;
}

/* Logo, language links and hotel locations */
#header p, #header div, #mainnav h2, fieldset#searchform {
	float: left;
}
	/* Logo */
	p#logo {
		margin: 0 0 7px 0;
		width: 70px;
	}
	#header div {
		width: 870px;
		text-align: right;
	}
		#header ul {
			margin: 0 0 10px 20px;
			padding: 5px 0 0 0;
			color:#626262;
			font-size: 110%;
		}
		/* The first list has smaller text */
		ul#global_links {
			font-size: 80%;
		}
		#header li {
			display:inline;
		}
			#header li a, #header li em {
				color:#626262;
				text-decoration:none;
				text-transform:uppercase;
				font-style: normal;
			}
			/* You are here */
			#header li em a, #header li em {
				color:#353535;
			}
			#header li a:hover{color:#9A0201;}

/* Large image, "Check Avaibability" and the horizonantal navigation */
#mainnav {
	background: #5A4C43 url(/img/bg_header_strip_home.gif) repeat-y center;
	clear: both;
}
	#mainnav div {
		position: relative;
		top: -7px;
	}
	* html #mainnav div {
		/* For IE 5-6 */
		border-left: solid 1px white;
	}
	#mainnav p {
		float: left;
		margin: 0;
	}
		p#bigimg {
			width: 707px;
		}
		p#availability {
			width: 232px;
			height: 240px;
			overflow: auto;
			background: black;
		}
			iframe {
				border: none;
			}
		/* Hidden JavaScript calendar */
		iframe#DateInCalendar {
			position:absolute;
			visibility:hidden;
			z-index:100;
			right:120px;
			top:20px;
		}
		#mainnav ul {
			clear: both;
		}
		#mainnav fieldset p {
			float: none;
			width: auto;
			clear: both;
		}
/* Main horizontal navigation */
#mainnav ul {
	height: 1px;
}
html[lang] #mainnav ul {
	height: auto;
}
#mainnav ul, #mainnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	#mainnav li {
		width: 134px;
		float: left;
		text-align: center;
	}
	#mainnav li.last {
		width: 135px;
	}
		/* Default */
		#mainnav ul a, #mainnav ul em {
			display: block;
			text-decoration: none;
			border: solid 1px white;
			border-left: none;
			background: #222222 url(/img/top_off.gif) repeat-x;
			padding: 2px 0;
			color: white;
		}
		#mainnav ul .last a {
			border-right: none;
		}
		/* You are here */
		#mainnav ul em {
			font-weight: bold;
		}
		#mainnav ul em, #mainnav ul a:hover {
			font-style: normal;
			background: #6D6D6D url(/img/top_on.gif) repeat-x;
		}
			#mainnav ul em a, #mainnav ul em a:hover {
				display: inline;
				border: none;
				padding: 0;
				background: none;
			}
		#mainnav p.clear {
			font-size: 0.5%;
		}
			
/* Section heading */
#mainnav h2 {
	color: white;
	font-size: 170%;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 6px 10px;
	clear: left;
	width: 698px;
}

/* Page search */
fieldset#searchform {
	width: 232px;
	border: none;
	margin: 14px 0 0 0;
	padding: 0;
}
	fieldset#searchform legend {
		display: none;
	}
	/* Field */
	input#searchField, input.searchField {
		width: 190px;
		border: solid 1px #84A5C6;
	}
	/* Submit button */
	input#searchsubmit, input.searchsubmit {
		border: solid 1px white;
		background: #43372F;
		color: white;
		font-size: 80%;
		padding: 0 0.4em;
	}

#mainnav p.clear {
	clear: both;
	float: none;
	line-height: 1px;
}
	/* The crumbtrail */
	ul#crumb {
		font-size:90%;
		padding:10px 25px;
		margin:0;
	}
		#crumb li {
			display:inline;
			color:black;
		}
			#crumb a {
				color:#8C8C8C;
				text-decoration:none;
			}
			/* You are here */
			#crumb em {
				color:#900002;
				font-style:normal;
			}
			#crumb a:hover{
				color:black;
				text-decoration:underline;
			}

	#leftnav ul, #leftnav li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	/* Second level of navigation */
	#leftnav ul {
		margin: 0 3px 0 13px;
		border-left: none;
	}
	#leftnav li {
		height: 1px;
	}
	/* EM is used to select where you are in the nav, STRONG is the section header */
	#leftnav ul a {
		display: block;
		padding: 4px 4px 4px 12px;
		/* Default background image */
		background: #FEFEFE url(/img/bg-leftnav-ul-a.gif) bottom repeat-x;
		border-bottom: solid 1px #ECECEA;
		text-decoration: none;
		color: #666;
		height: 1px;
		font-weight: bold;
	}
	/* For modern browsers */
	html[lang] #leftnav li, html[lang] #leftnav ul a {
		height: auto;
	}
	#leftnav ul em {
		font-style: normal;
	}
	#leftnav ul ul strong {
		font-weight: normal;
	}
	/* General hover */
	#leftnav ul a:hover {
		background: #F5EBEC url(/img/bg-leftnav-ul-a-hover.gif) top repeat-x;
		color: black;
	}
	/* You are here (2nd level nav) */
	#leftnav ul em a, #leftnav ul em a:hover {
		background: #6E0100 url(/img/bg-leftnav-ul-em-a.gif) left top repeat-x;
		color: white;
	}
	/* You were here (2nd level nav) */
	#leftnav ul strong a {
		background: #e4e4e4 url(/img/bg-leftnav-ul-strong-a.gif) left top repeat-x;
		color: black;
	}
	#leftnav ul strong a:hover {
		background: #F5EBEC url(/img/bg-leftnav-ul-strong-a-hover.gif) top repeat-x;
	}
		/* Third level nav */
		#leftnav ul ul {
			border: none;
			margin: 0;
		}
		#leftnav ul ul ul {
			border-top: solid 1px #B3B3B3;
		}
		#leftnav ul ul a {
			background: #e4e4e4 url(/img/bg-leftnav-ul-ul-a.gif) top repeat-x;
			color: black;
			font-weight: normal;
		}
		/* You are here (3rd level) */
		#leftnav ul ul em a, #leftnav ul ul em a:hover {
			background: #980000 url(/img/bg-leftnav-ul-em-a.gif) top repeat-x;
			color: white;
		}
		/* You were here (3rd level) */
		#leftnav ul ul strong a {
			background: #e4e4e4 url(/img/bg-leftnav-ul-strong-a.gif) top repeat-x;
		}
		#leftnav ul ul strong a:hover {
			background: #F5EBEC url(/img/bg-leftnav-ul-strong-a-hover.gif) top repeat-x;
		}
			/* Forth level nav */
			#leftnav ul ul ul a {
				padding-left: 20px;
			}
			/* You are here (4rd level) */
			#leftnav ul ul ul em a, #leftnav ul ul ul em a:hover {
				background: #980000 url(/img/bg-leftnav-ul-ul-em-a.gif) top repeat-x;
				color: white;
			}
			/* You were here (4rd level) */
			#leftnav ul ul ul strong a {
				background: #e4e4e4 url(/img/bg-leftnav-ul-ul-strong-a.gif) top repeat-x;
			}
			#leftnav ul ul ul strong a:hover {
				background-image: url(/img/bg-leftnav-ul-ul-strong-a-hover.gif);
			}
			/* Fifth level nav */
				#leftnav ul ul ul ul a {
					padding-left: 30px;
				}
				/* You are here (5rd level) */
				#leftnav ul ul ul ul em a, #leftnav ul ul ul ul em a:hover {
					background: #980000 url(/img/bg-leftnav-ul-ul-ul-em-a.gif) top repeat-x;
					color: white;
				}
				/* You were here (5rd level) */
				#leftnav ul ul ul ul strong a {
					background: #e4e4e4 url(/img/bg-leftnav-ul-ul-ul-strong-a.gif) top repeat-x;
				}
				#leftnav ul ul ul ul strong a:hover {
					background-image: url(/img/bg-leftnav-ul-ul-ul-strong-a-hover.gif);
				}

/* This encloses most of the lower half of the screen */
div#fold, div#footer {
	background: url(/img/bg-fold.gif) repeat-y;
	width: 965px;
	margin: 0 auto;
	text-align: left;
	clear: both;
}

/* The three columns */
div#leftnav, div#content, div#contentwide, div#right_column {
	float: left;
	margin: 0;
}

/* Contains the subnav */
div#leftnav {
	width: 201px;
}

	#content h2, #contentwide h2, #content h3, #contentwide h3, #content h4, #contentwide h4, #content h5, #contentwide h5, #content h6, #contentwide h6 {
		color: black;
		margin: 0;
		padding: 0.5em 0 0 10px;
		font-size: 110%;
	}
	#content h2, #contentwide h2 {
		font-size: 130%;
		margin: 0 0 0.5em 0;
	}	
	/* This is to create the gutter between the left nav and the third column */
	#content h2, #content h3, #content h4, #content h5, #content h6 {
		padding: 0.5em 10px 0 10px;
	}
	#content h3, #contentwide h3, #content h4, #contentwide h4 {
		font-size: 100%;
	}
	#content p, #contentwide p {
		margin: 0 0 0.6em 10px;
		line-height: 1.35em;
	}
	#content p {
		margin: 0 10px 0.6em 10px;
	}
	#content ul, #contentwide ul, #content ul li, #contentwide ul li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#content ul li, #contentwide ul li {
		padding: 0 0 0.4em 10px;
		background: url(../img/bullet-content-default.gif) top left no-repeat;
	}
	#content ul, #contentwide ul {
		margin: 0 0 0.5em 10px;
	}
	#content ul {
		margin: 0 10px 0.5em 10px;
	}
	#content a, #contentwide a {
		text-decoration: none;
	}
	#content a:hover, #contentwide a:hover {
		text-decoration: underline;
	}
	/* This is used for a list of links which can be put on any page */
	div.listcolumnr, div.listcolumnl {
		background: url(/img/bg-listcol.gif) top right no-repeat;
		width: 236px;
		float: right;
	}
	div.listcolumnl {
		background: url(/img/bg-listcol.gif) top left no-repeat;
		float: left;
	}
		#fold .listcolumnr h1, #fold .listcolumnr h2, #fold .listcolumnr h3, #fold .listcolumnr h4, #fold .listcolumnr h5, #fold .listcolumnr h6, #fold .listcolumnl h1, #fold .listcolumnl h2, #fold .listcolumnl h3, #fold .listcolumnl h4, #fold .listcolumnl h5, #fold .listcolumnl h6 {
			color: #900;
			border-bottom: solid 1px #900;
			margin: 0 10px 0.4em 20px;
			font-size: 110%;
		}
		#fold .listcolumnl h1, #fold .listcolumnl h2, #fold .listcolumnl h3, #fold .listcolumnl h4, #fold .listcolumnl h5, #fold .listcolumnl h6 {
			margin: 0 20px 0.4em 10px;
		}
		#fold .listcolumnl ul, #fold .listcolumnr ul {
			margin: 0 0 0 20px;
			color: #5e5e5e;
			font-size: 110%;
		}
			#fold .listcolumnl ul ul, #fold .listcolumnr ul ul {
				font-size: 100%;
			}

		#fold .listcolumnl ul {
			margin: 0 0 0 10px;
		}
		#fold .listcolumnl ul li, #fold .listcolumnr ul li {
			background: url(/img/bullet-listcolumn.gif) top left no-repeat;
			padding: 0 0 0.3em 10px;
		}
		#fold .listcolumnr ul li.offer, #fold .listcolumnl ul li.offer {
			background: url(/img/bullet-listcolumn-offer.gif) top left no-repeat;
			color: #900;
		}
		#fold .listcolumnl p {
			margin: 0 0 0.6em 10px;
		}
		#fold .listcolumnr p {
			margin: 0 0 0.6em 20px;
		}
		#fold .listcolumnl a, #fold .listcolumnr a {
			text-decoration: none;
			color: #5e5e5e;
		}
		#fold .listcolumnl p a, #fold .listcolumnr p a, #fold .listcolumnl .offer a, #fold .listcolumnr .offer a {
			color: #900;
		}
		#fold .listcolumnl a:hover, #fold .listcolumnr a:hover {
			text-decoration: underline;
		}
	
/* Call to action, right */
div#right_column {
	width: 235px;
}
	#right_column p {
/*		position: relative;
		top: -30px;*/
		margin: 0 0 0 3px;
	}
	#right_column p.rooms img {
		margin: 0 0 11px 0;
	}
	#right_column p img {
		border-bottom: solid 2px white;
	}
	/* All other styles you can add to the third album */
	#right_column h1, #right_column h2, #right_column h3, #right_column h4, #right_column h5, #right_column h6 {
		margin: 0 10px;
		font-size: 100%;
	}
	#right_column p.padd {
		margin: 0 10px 10px 10px;
	}
	#right_column ul, #right_column ol {
		margin-top: 0;
		margin-bottom: 10px;
	}
	
	/* On the rooms page, there's a slight change */
	#right_column p.rooms {
		position: static;
		margin: 0 1px 1em 3px;
		top: 0;
	}
		#right_column p.rooms img {
			border: none;
			margin: 0 0 7px 0;
		}

/* These are the four link boxes above the disclaimer */
div#homenuggets {
	margin: 1.5em 0 0 13px;
	clear: both;
}
	#homenuggets div {
		float: left;
		width: 236px;
		color: white;
	}
		/* This is the scrolling portion of the box */
		#homenuggets div div {
			height: 76px;
			overflow: auto;
			width: auto;
			float: none;
			padding: 7px 0 0 0;
			padding: 0;
			margin: 0 6px 0 0;
		}
			#homenuggets div div div, #homenuggets div#nug3 div, #homenuggets div#nug3 div div {
				height: auto;
				margin: 0;
			}
		#homenuggets div#nug3 div {
			margin: 0 4px 0 0;
			overflow: hidden;
		}

		#homenuggets div#nug4 div {
			margin: 0;
		}
	div#nug1 {
		background: url(/img/bg-homenugget-1.gif) left bottom repeat-y;
	}
		div#nug1 div p {
			margin: 27px 9px 0 9px;
		}
		div#nug1 div a {
			display: inline;
			width: auto;
			height: auto;
		}

	div#nug2 {
		background: url(/img/bg-homenugget-2.gif) left bottom repeat-y;
	}
	div#nug3 {
	/*	background: url(/img/bg-homenugget-3.gif) left bottom repeat-y;*/
		width: 235px;
	}
	div#nug4 {
		background: url(/img/bg-homenugget-4.gif) left bottom repeat-y;
		width: 232px;
	}
	/* The heading to each box */
	#homenuggets h4 {
		background: white;
		color: #900;
		border-bottom: dotted 1px #5e5e5e;
		padding: 2px 4px;
		margin: 0 4px 0 0;
		font-weight: normal;
		font-size: 110%;
	}
	#nug3 h4 {
		margin: 0 3px 0 0;
	}
	#nug4 h4 {
		margin: 0;
	}
	#homenuggets div p {
		margin: 0;
	}
	#homenuggets a {
		color: white;
		display: block;
		width: 228px;
		height: 76px;
	}
	#homenuggets span {
		display: none;
	}
	#homenuggets p {
		clear: both;
	}

/* Lowest content */
html div#footer {
	clear: both;
	background: none;
	font-size: 90%;
}
	#footer ul {
		background: #B1B2B4 url(/img/bg-footer-ul.gif) bottom no-repeat;
		margin: 0;
		padding: 3px 20px 12px 20px;
	}
		#footer li {
			display: inline;
		}
		#footer ul a, #footer ul {
			color: white;
			text-decoration: none;
		}
		/* You are here */
		#footer em {
			text-decoration: underline;
			font-style: normal;
		}
		#footer ul a:hover {
			text-decoration: underline;
		}
	/* Disclaimer text */
	#footer p {
		color: #8C8C8C;
		margin: 0 20px 0.8em 20px;
	}
	#footer a {
		color: #666;
	}
	/* Realise logo */
	#footer img {
		vertical-align: bottom;
	}

#fold p.clear {
	margin: 0;
}

/* General rules */
.clear {
	clear: both;
}

.special {color: #900;}

a {
	text-decoration: underline;
	color: #900;
}

.print, .access, #global_links .access {
	display: none;
}

a img {border:0;}

* html td, * html th {
	font-size: 75%;
	f\ont-size: 100%;
}