html{
	background:#1b1b1b;
}
body{
	background:url(../images/body-bg.jpg) #fff bottom center repeat-x;
}
div#holder{
	width:980px;
	background:#fff;
	margin:auto;
	position:relative;
	z-index: 0;
	zoom:1;
}
	div#holder:after {
		content: ".";
		display: block; 
		height: 0;
		clear: both;
		visibility: hidden;
	}

	div#holder h1{
		margin:0;
		position:absolute;
		top:11px;
		right:0;
	}

div#branding{
	position:absolute;
	left:29px;
	top:0;
	z-index:3;
}
	div#branding h2{
		position:absolute;
		left:-9999px;
	}

div#main-content{
	margin-top:411px;
	margin-left:29px;
	margin-right:0px;
	padding-top:18px;
	padding-right:10px;
	width:441px;
	float:left;
}

div#main-content img.climate
{
	margin: 20px auto;
	display: block;
}

div#main-content #mod_flexibleForms .radioButton
{
	float:left;_display:inline;
	margin:0 10px;
}

div#main-content ul
{
	clear: left;
}

div#main-visual{
	height:312px;
	width:100%;
	position:absolute;
	z-index: 0;
	top:97px;
	left:0;
	border-top:2px solid #fff;
	overflow:hidden;
}
	div#main-visual p.main-visual-desc{
		width:100%;
		height:8px;
		position:absolute;
		bottom:0;
		left:0;
		margin:0;
		padding:8px 0;_padding:8px 0 4px;
		background:url(../images/caption-bg.png) repeat-x;
		z-index:20;
	}
	.editMode div#main-visual{
		overflow: scroll;
	}
	

div#main-menu{
	zoom:1;
}
	div#main-menu h2 {
		left:-9999px;
		position:absolute;
	}
	
	div#main-menu ul{
		list-style-type: none;
		list-style-image: none;
		list-style-position: outside;
	}
	
	div#main-menu ul.shortcuts {
		background:url(../images/main-nav-bg.gif) repeat-x;
		position:absolute;
		top:59px;
		left:0;
		margin:0;
		padding:0;
		width:745px;
		height:42px;
		list-style-type:none;
		line-height: normal;
		padding-left:235px;
	}
	
	div#main-menu ul li {
		display:block;
		float:left;
		background:url(../images/dot.png) right no-repeat;
	}
	
	div#main-menu ul li.last {
		border-right:none;
		background:none;
		*width:200px;
	}
	
	div#main-menu ul.shortcuts li a {
		display: block;
		padding:11px 15px;
		width:auto;
		margin-right: 0px;
		margin-top:0px;
		margin-bottom:1px;
	}
	
	/*3 TIER CSS HOVER MENU */
	div#main-menu ul.shortcuts li.hotels{
		position:relative;
		z-index:50;
	}	
		div#main-menu ul.shortcuts li.hotels a{
			background:url(../images/hotels-bg.png) left no-repeat;
			_background:url(../images/hotels-bg.gif) left no-repeat;
			padding-right:31px;
			padding-bottom:13px;
			padding-top:12px;
		}	
		div#main-menu ul.shortcuts li.hotels ul {
			visibility:hidden; /*DONT USE DISPLAY TO HIDE MENUS*/
			position: absolute;
			top: 40px;
			left: 0px;
			z-index:25;
			white-space: nowrap;
			float:none;
			margin:0;
			padding:5px 2px;
			background:url(../images/menu-popup-bg.png) repeat-y;
			width:110px;
		}	
		div#main-menu ul.shortcuts li.hotels ul li{		
			float:none;
			position:relative;
			background:none;
			display:block;
			width:110px;  /* IE 7 STICKY  BUG FIX */
		}		
			div#main-menu ul.shortcuts li.hotels ul li a{		
				background:none;
				padding-top:2px;
				padding-bottom:2px;
				padding-right:0px;
				padding-left:14px;
				display:block;
				width:101px;
			}	
			div#main-menu ul.shortcuts li.hotels ul li ul{		
				float:none;
				position:absolute;
				left:109px;
				top:1px;
				z-index:25;
				background:url(../images/menu-popup-bg2.png) repeat;
				width:auto;
			}
			div#main-menu ul.shortcuts li.hotels ul li ul li{		
				float:none;
				width:auto;
			}
			div#main-menu ul.shortcuts li.hotels ul li ul li a{		
				padding-top:2px;
				padding-bottom:2px;
				padding-right:14px;
				padding-left:14px;
				width:100%;
			}
	
	/* START popup menu effects */
	div#main-menu ul.shortcuts li a:hover + ul,
	div#main-menu ul.shortcuts li ul:hover {
		visibility: visible;
	}

	* html div#main-menu ul.shortcuts li:hover ul.menuLevel2,
	* html div#main-menu ul.shortcuts li ul.menuLevel2 li:hover ul.menuLevel3{ /*IE6 HOVER EFFECTS FOR TIERS 2 & 3 (this requires csshover.htc)*/
		visibility: visible;
	}
	* html div#main-menu ul.shortcuts li.active-nojs ul {
		visibility: visible;
	}

	/* END popup menu effects */
	
/*END 3 TIER CSS HOVER MENU */

div#availability-checker{
	position:absolute;
	background:url(../images/booking-mask-bg.png) no-repeat;_background:url(../images/booking-mask-bg.gif) no-repeat;
	top:376px;
	right:11px;
	width:224px;
	height:216px;
	z-index:23;
}
	div#availability-checker h2{
		padding:8px 10px;
		margin:0;
		text-align:center;
	}
	div#availability-checker label{
		display:block;
		text-align:center;
	}
	div#availability-checker div.property{
		margin-top:10px;
		margin-left:17px;
	}
	div#availability-checker div.property label{
		text-align:left;
	}
	div#availability-checker div.property select#property{
		background:#e3d9bf;
		width:192px;
	}
	div#availability-checker div.date{
		margin-top:8px;
		margin-left:17px;
		position:relative;
	}
		div#availability-checker div.date label{
			background:url(../images/check-in.gif) top left no-repeat;
			width:64px;
			height:17px;
			position:absolute;
			top:5px;
			left:0;
			width:64px;
			padding-top:2px;
		}
		div#availability-checker div.date input#date-in{
			width:97px;
			margin-left:65px;
			background:#e3d9bf;
		}
		div#availability-checker div.date img#use-calendar{
			position:relative;
			top:4px;
			cursor:pointer;
		}
	div#availability-checker div.nights{
		float:left;		
		margin-top:5px;
		margin-left:17px;
	}
		div#availability-checker div.nights select#nights{
			background:#e3d9bf;
		}
	div#availability-checker div.adults{
		float:left;		
		margin-top:5px;
	}
		div#availability-checker div.adults select#adults{
			margin:0 10px;
			background:#e3d9bf;
		}
	div#availability-checker div.children{
		float:left;		
		margin-top:5px;
	}
		div#availability-checker div.children select#children{
			background:#e3d9bf;
		}
	div#availability-checker button.go{
		border:none;
		background:url(../images/go.gif) no-repeat;
		width:29px;
		height:22px;
		margin-top:18px;
		margin-left:10px;
	}
	div#availability-checker p.best-rate-guaranteed{
		
	}
	div#availability-checker div.hidden{
		display:none;
	}
	div#availability-checker .from-price{
		margin-top:9px;
		margin-bottom:0;
	}
	div#availability-checker .no-available-rate{
		text-align:center;
	}	
	div#availability-checker .rooms-available-from{
		margin-left:19px;
	}
	div#availability-checker .best-rate-guaranteed{
		margin-left:43px;
	}	
		div#availability-checker .rooms-available-from .from{
			display:block;
			margin-left:19px;
			margin-bottom:5px;
		}
	
	div#availability-checker .price{
		position:absolute;
		bottom:25px;
		left:129px;
	}
		div#availability-checker .price .currency-symbol{
			position:relative;
			bottom:5px;
		}
		
	div#availability-checker .widget_bestPrices a.go{
		display:none;
	}	

div#section-navigation{
	float:left;
	width:230px;
	margin-top:411px;
	padding-top:18px;
}
	div#section-navigation div.accordion h3{
		background:#f09930;
		padding:3px 5px;
	}
		div#section-navigation div.accordion h3.open{
			background:#6b271a;
		}
	div#section-navigation div.accordion ul{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	div#section-navigation div.accordion ul li{
		border-bottom:1px dotted #ccc;
		padding:3px 5px;
	}
	
	div#section-navigation ul.facility-highlights{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	div#section-navigation ul.facility-highlights li{
		margin:0;
	}
		div#section-navigation ul.facility-highlights li h3{
			background:#f09930;
			padding:5px;
		}
		
		
	div#section-navigation .sub-menu{
		margin-bottom:20px;
	}		
		div#section-navigation .sub-menu ul.shortcuts{
			margin:0;
			padding:0;
			list-style-type:none;
		}	
		div#section-navigation .sub-menu ul.shortcuts li{
			border-bottom:1px dotted #ccc;
			padding:3px 5px;
		}
	
	

div#widgets{
	float:right;_display:inline;
	width:225px;
	margin-top:600px;
	margin-right:10px;_margin-right:5px;
	clear:right;
}
	div#widgets .location-map{
		border-top:1px solid #666;
	}
	div#widgets .location-details img.slh-logo{
		float:right;
	}
	div#widgets .location-details p{
		margin:0;
	}
	div#widgets .location-details p.address{
		margin-bottom:13px;
	}
	div#widgets .location-details p.email{
		margin-top:8px;
	}

div#information-navigation{
	position:absolute;
	top:30px;
	right:8px;
	height:25px;
	width:560px;
}
	div#information-navigation h2{
		position:absolute;
		left:-9999px;
	}
	div#information-navigation ul.shortcuts {
		margin:5px 0;
		padding:0;
		list-style-type:none;
		line-height: normal;
	}
	
	div#information-navigation ul.shortcuts li {
		display:inline;
		width:auto;
		border-right:1px solid #6b2818;
	}
	div#information-navigation ul.shortcuts li a{
		padding:0px 8px;
	}	
	div#information-navigation ul li.last {
		border-right:none;
		background:none;
	}
	div#information-navigation p.contact {
		background:url(../images/call-bg.gif) no-repeat;
		margin:0;
		position:absolute;
		top:0;
		right:0;
		width:128px;
		height:13px;
		padding:5px 10px;
	}
	
/*HOTEL INNER NAVIGATION*/
div#inner-menu{
	position:absolute;
	top:99px;
	left:0;
	z-index:20;
	background:url(../images/inner-menu-bg.png) repeat-y;
	width:233px;
	height:286px;
}
	div#inner-menu h2{
		position:absolute;
		left:-9999px;
	}
	div#inner-menu ul.shortcuts{
		list-style-type:none;
		margin:0px 20px 5px 20px;
		padding:20px 0 0 0;
	}
	div#inner-menu ul.shortcuts li{
		border-bottom:1px solid #585858;
		padding:2px 0;
		line-height:1.05em;
	}
	div#inner-menu ul.shortcuts li a{
		padding:0px 0px 0px 2px;
		display:block;
	}
	div#inner-menu ul.shortcuts li.shortcut1{
		padding-top:0;
	}
	div#inner-menu ul.shortcuts li.last{
		border-bottom:none;
		padding-bottom:0;
	}
/*END HOTEL INNER NAVIGATION*/

 div#alt-menu{
	clear:both;
	text-align:center;
	position:relative;
	bottom:-100px;
	zoom:1;
}
	div#alt-menu:after {
		content: ".";
		display: block; 
		height: 0;
		clear: both;
		visibility: hidden;
	}
	div#alt-menu h2 {
		left:-9999px;
		position:absolute;
	}
	
	div#alt-menu ul.shortcuts {
		margin:0;
		padding:0;
		list-style-type:none;
		line-height: normal;
		position:relative;
		top:10px;
	}
	
	div#alt-menu ul.shortcuts li {
		display:inline;
		width:auto;
		border-right:1px solid #868686;
	}
	div#alt-menu ul.shortcuts li a{
		padding:0px 10px;
	}
	
	div#alt-menu ul li.last {
		border-right:none;
		background:none;
	}
	
	div#alt-menu #small-print {
		list-style-type:none;
		line-height: normal;
		clear:both;
		zoom:1;
		margin:0;
		padding:48px 0 0;
		text-align:left;
	}	
	/* div#alt-menu ul#small-print:after {
		content: ".";
		display: block; 
		height: 0;
		clear: both;
		visibility: hidden;
	} 
	
	/*div#alt-menu ul#small-print li#copyright{
		float:left;

	}	
	div#alt-menu ul#small-print li#hotel-address{
		float:right;
	} */
	div#alt-menu #socialmedia-links{
		color:#666666;
		font-size:0.9em;
		position:absolute;
		right:1px;
		top:7px;
		width:185px;
	}
	div#alt-menu #socialmedia-links ul{
		list-style-type:none;
	}
		div#alt-menu #socialmedia-links ul li{
			display:inline;
		}
		div#alt-menu #socialmedia-links ul li a{ 
			text-decoration:none;
		}

body{
	padding: 0;
	margin: 0;
	behavior: url("/csshover3.htc") ;
}

/*CALL TO ACTION SECTION*/

div#section-navigation div#call-to-action{
	width:222px;
	margin:0 auto 15px auto;
}
	div#widgets .field,
	div#section-navigation div#call-to-action .field{
		background:#f09930;
		padding:5px 4px 5px 11px;
		width:206px;
		margin-top:8px;
		position:relative;
	}
	
	div#widgets input.go,
	div#section-navigation div#call-to-action input.go,
	div#widgets div#call-to-action input.go{
		background:url(../images/coa-go-bg.gif) no-repeat;
		border:none;
		position:absolute;
		top:5px;
		right:4px;
		width:29px;
		height:20px;
	}
	
	div#widgets .field-block,
	div#widgets .email-entry,
	div#section-navigation div#call-to-action .email-entry,
	div#widgets div#call-to-action .email-entry{
		background:url(../images/coa-input-bg.gif) no-repeat 53px 0;
		height:20px;
	}
	div#widgets .email-entry label,
	div#section-navigation div#call-to-action .email-entry label,
	div#widgets div#call-to-action .email-entry label{
		position:absolute;
		top:8px;
	}
	div#section-navigation div#call-to-action .telephone  div.label,
	div#widgets div#call-to-action .telephone  div.label{
		margin-top:3px;
	}
	div#section-navigation div#call-to-action .telephone  div.content,
	div#widgets div#call-to-action .telephone  div.content{
		position:absolute;
		top:3px;
		left:65px;
	}
	div#section-navigation div#call-to-action .skype-me  div.label,
	div#swidgets div#call-to-action .skype-me  div.label{
		margin-top:3px;
	}
	div#section-navigation div#call-to-action .skype-me  div.content,
	div#widgets div#call-to-action .skype-me  div.content{
		position:absolute;
		top:5px;
		right:4px;
	}
	div#section-navigation div#call-to-action .telephone-entry,
	div#widgets div#call-to-action .telephone-entry{
		background:url(../images/coa-input-bg2.gif) no-repeat 80px 0;
		height:20px;
	}
		div#section-navigation div#call-to-action .telephone-entry label,
		div#widgets div#call-to-action .telephone-entry label{
			position:absolute;
			top:8px;
		}
	
	div#widgets .txt-field,
	div#widgets #email-address,
	div#section-navigation div#call-to-action #email-address,
	div#widgets div#call-to-action #email-address{
		background:none;
		border:none;
		width:123px;
		height:17px;
		margin-left:53px;
		padding-top:3px;
	}
	div#section-navigation div#call-to-action #telephone-no,
	div#widgets div#call-to-action #telephone-no{
		background:none;
		border:none;
		width:95px;
		height:17px;
		margin-left:53px;
		margin-left:80px;
	}
	
/*END CALL TO ACTION SECTION*/

/*MISC STYLES*/
p.slideshow-edit{
	left:235px!important;
}
/*END MISC STYLES*/

p.toolbox-link
{
	right: 0;
	left: auto !important;
}

div#contact-details{
	margin:20px 0;
}
	div#contact-details .left-column{
		float:left;_display:inline;
		width:50%;
	}

.editMode .blockCollection {
	height:20px;
}

/*hotelhome linktogallery*/
div#section-navigation .linkToGallery.serenaelmenteita{
	height:auto;
}
div#section-navigation .linkToGallery,
div#section-navigation .linkToVideo{
	width:220px;
	height:133px;
	overflow:hidden;
	margin-bottom:10px;
}
div#section-navigation .linkToGallery ul{
	list-style-type:none;
	padding-left:0.8em;
}

/*hotelhome video*/
div#section-navigation .videoIcon{
	padding-left:0.8em;
}
div#section-navigation .videoIcon p{
	margin:0;
}
div#section-navigation .videoIcon p a.videoLink{
	text-decoration:none;
}

/*special offers rotator*/
div#special-offers {
	background:url("../images/feature-box-yellow.png") no-repeat scroll 0 0 transparent;
	_background:url("../images/feature-box-yellow.gif") no-repeat scroll 0 0 transparent;
	height:196px;
	right:7px;
	padding:0 2px 5px;
	top:605px;
	width:224px;
	z-index:3;
}
div#special-offers  h2{
	height:19px;
	margin:0 auto;
	padding:8px 5px 7px;
	text-align:center;
	color:#fcffff;
	text-transform:uppercase;
}
div#special-offers div.widget-content {
	font-size:1.2em;
	height:158px;
	overflow:hidden;
	position:relative;
	width:220px;
}
div#special-offers ul.carousel {
	list-style-type:none;
	margin:0;
	padding:0;
	z-index:1;
}
div#special-offers ul.carousel li {
	float:left;
	height:158px;
	position:relative;
	width:220px;
}
div#special-offers h3 {
	font-size:1.2em;
	margin:0 0 0 10px;
	width:90px;
}
div#special-offers p.from {
	font-family:"Times New Roman",Times,serif;
	font-size:0.8em;
	left:85px;
	position:absolute;
	text-transform:uppercase;
	top:100px;
}
div#special-offers p.price {
	color:#DC8012;
	font-family:"Trebuchet MS",Helvetica,sans-serif;
	left:122px;
	position:absolute;
	top:84px;
}
div#special-offers p.price .symbol {
	bottom:4px;
	font-size:1.3em;
	left:3px;
	position:relative;
}
div#special-offers p.price .amount {
	font-size:1.8em;
}
div#special-offers a.go {
	background:url("../images/go.gif") no-repeat scroll 0 0 transparent;
	bottom:12px;
	color:#FFFFFF;
	font-family:"Trebuchet MS",Helvetica,sans-serif;
	font-size:0.8em;
	padding:3px 10px 5px 7px;
	position:absolute;
	right:10px;
	text-decoration:none;
	text-transform:uppercase;
}
#offers-pager {
	bottom:5px;
	color:#666666;
	font-size:0.8em;
	left:0;
	margin:0 10px;
	padding:0;
	position:absolute;
	z-index:2;
}
#offers-pager a {
	padding:0 3px;
}
