/* ----- START LAYOUT COMMON TO ALL PAGES ----- */

/* START ANTI-MARGIN-COLLAPSING */
div#holder {
	margin-top: -1px;
	padding-top: 1px;
}

/* START LOGGEDIN STYLES OF THE - TOOLBOX MODE */

body.loggedIn div#holder {
	padding-top: 24px;
}

body.loggedIn div#main-menu {
	top: 81px;
}

body.loggedIn div#misc-links {
	top: 42px;
}

body.loggedIn div#availability-checker  {
	top: 495px;
}

body.loggedIn p.toolbox-link {
	left: 5px;
	top: 115px;
}

/* END LOGGEDIN STYLES OF THE - TOOLBOX MODE */

/* END ANTI-MARGIN-COLLAPSING */

/* START FLOAT ENCLOSING ("EASY CLEARING") */
div#something:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END FLOAT ENCLOSING ("EASY CLEARING") */

/* START OFFSCREEN */
div#languages h2,
div#credits h2 {
	display: inline;
	position: absolute;
	overflow: hidden;
	margin: 0;
	border: 0;
	padding: 0;
	width: 0;
	height: 0;
}
/* END OFFSCREEN */

html{
	background:url(../images/bg-gradient.png) #4d3b20 repeat-x center 0;	
}

body{
	background:url(../images/bg.jpg) center top no-repeat;
	margin:0px;
	padding:0px;
}

div#holder{
	position:relative;
	width: 1000px;
	height:auto;
	padding-top: 30px;
	margin: 0 auto 0;
	z-index: 1;
}
	div#holder h1{
		position: absolute;
		bottom: 18px;
		right: 10px;
	}
	
div#branding{
	width: 1000px;
	height: 93px;
	margin: 0 auto 0;
	position: relative;
	background:url(../images/banner-bg.png) no-repeat center 0;
	z-index:20;
}
	div#branding h2{
		position:absolute;
		left:-9999px;
	}
	div#branding img#logo{
		float: left;_display: inline;
		margin: 12px 0 0 28px;
	}
	
div#main-visual{
	width: 100%;
	height: 620px;
	position: absolute;
	top: 20px;
	z-index: 0;
	overflow: hidden;
	background:url(../images/visual-shadow.png) no-repeat center center;	
}
	div#main-visual h2{
		position:absolute;
		left:-9999px;
		display:none;
	}
	div#main-visual #main-visual-wrapper{
		width: 1100px;
		height: 600px;
		margin: 10px auto 0;
		overflow: hidden;
		position: relative;
	}
	body#page_location #main-visual-wrapper{
		background: #98B2CD!important;
	}
	div#main-visual #slideshow{
		width: 1100px;
		height: 600px;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}	
	div#main-visual #slideshow img {
		width: 1100px;
		height: 600px;
	}

div#main-menu{
	position: absolute;
	right: 26px;
	top: 87px;
	z-index:20;
}
	div#main-menu h2{
		position:absolute;
		left:-9999px;
	}
	div#main-menu ul{
		height: 38px;
		width: 735px;
		margin: 0;
		padding: 0;
	}
		div#main-menu ul li{
			height: 38px;
			list-style: none;
			list-style-type: none;
			float: left;_display: inline;
			padding-right:18px;
		}
		div#main-menu ul li.last{
			padding-right: 0;
		}		
		div#main-menu .menuSelector{
			width: 102px;
			height: 19px;
			background:url(../images/menu-hover.png) no-repeat 0 0;	
			position: absolute;
			bottom: 0;
		}
		div#main-menu .menuSelected{
			width: 102px;
			height: 19px;
			background:url(../images/menu-hover.png) no-repeat 0 0;	
			position: absolute;
			bottom: 0;
		}
			div#main-menu .menuSelected.item1{
				left: -35px;
			}
			div#main-menu .menuSelected.item2{
				left: 10px;
			}
			div#main-menu .menuSelected.item3{
				left: 55px;
			}
			div#main-menu .menuSelected.item4{
				left: 150px;
			}
			div#main-menu .menuSelected.item5{
				left: 250px;
			}
			div#main-menu .menuSelected.item6{
				left: 350px;
			}
			div#main-menu .menuSelected.item7{
				left: 452px;
			}
			div#main-menu .menuSelected.item8{
				left: 545px;
			}
			div#main-menu .menuSelected.item9{
				left: 645px;
			}

/* Availability Checker Start */

div#availability-checker{
	position:absolute;
	top:570px;
	right:25px;
	margin:0;
	padding:0;
	width:210px;
	height:50px;
	z-index:105;
	
}	
	div#availability-checker h2 {
		position:absolute;
		top:-5px;
		right:0px;
		width:auto;
		cursor:pointer;
		text-align:right;
		padding:15px 5px;
		z-index:125;
	}

	div#availability-checker form#booking-form{
		position:relative;
		margin-top:4px;
		height: 45px;
	}
	body.has-jquery form#booking-form{
		display: none; 
	}
	div#availability-checker form .hotel,
	div#availability-checker form .date,
	div#availability-checker form .choose{
		position:absolute;
		top:-5px;_top:-10px;*top:-10px;
		text-align:left;
	}
	div#availability-checker form .hotel{
		right:96px;
		width:120px;
	}
	div#availability-checker form .date{
		right:95px;
		width:110px;
	}	
	div#availability-checker form .date input#date-in{
		width:85px;
	}
	div#availability-checker form .date img{
		position:absolute;
		top:17px;_top:19px;
		right:20px;
		height:18px;
		width:20px;		
	}
	*+html div#availability-checker form .date img{
		top:19px;		
	}
	div#availability-checker form .children{
		display:none;
	}	
	div#availability-checker form .choose{
		width:50px;
	}
	div#availability-checker form  select{
		padding:0;
	}
	div#availability-checker form  select#hotel{
		padding:1px 0;
	}
	div#availability-checker form .choose select{
		border:1px solid #565c74;
		height: 21px;
	}
	div#availability-checker form .nights{
		right:15px;
	}
	div#availability-checker form .adults{
		right:58px;
	}
	div#availability-checker form .children{
		right:60px;
	}
	div#availability-checker form .go{
		background:url(../images/go_button.gif) left top no-repeat;
		border:none;
		padding:0px;
		width:23px;
		height:20px;
		float: right;_display: inline;
		margin-top: 12px;
	}
	*+html div#availability-checker form .go{
		margin-top: 8px;	
	}
	div#availability-checker form select,
	div#availability-checker form input{
		background:#e1c386;
		border:1px solid #c0baaa;
		margin-top:1px;
	}
	div#availability-checker form input{
		padding:2px 2px 1px;
	}
	div#availability-checker .date #date-format-helper{
		bottom:-15px;
		position:absolute;
		right:42px;
	}

/* Availability Checker End */

div#misc-links{
	position: absolute;
	right: 26px;
	top: 47px;
	z-index:20;
}
	div#misc-links h2{
		position:absolute;
		left:-9999px;
	}
	div#misc-links ul{
		margin: 0;
		padding: 0;
	}
		div#misc-links ul li{
			height: 30px;
			list-style: none;
			list-style-type: none;
			float: left;_display: inline;
			padding-right:18px;
		}
		div#misc-links ul li.last{
			padding-right: 0;
		}			

div#footer{
	width: 980px;
	height: 52px;
	margin: 0 auto 0px;
	clear: both;
	padding-top: 35px;
	position: relative;
}
	div#share{
		width: 54px;
		height: 13px;
		position: absolute;
		bottom: 35px;
		right: 0;
	}
	div#address{
		width: 600px;
		height: 40px;
		/*float: left;_display: inline;*/
	}
		div#address p{
			margin: 0 0 5px;
		}
		div#address dl.telephone{
			margin: 0;
		}
			dl.telephone dd{
				margin: 0;
				padding-right: 12px;
				float: left;_display: inline;
			}
			dl.telephone dt.tel{
				float: left;_display: inline;
				padding-right: 5px;
			}
			dl.telephone dt.fax{
				float: left;_display: inline;
				padding-right: 5px;
			}
			dl.telephone dt.reservations{
				float: left;_display: inline;
				padding-right: 5px;
			}
	
/*GOOGLE MAPS*/
div#main-content #map #logocontrol + div {
	white-space:normal !important; /*this will force the copyright text on the bottom of the goolge map to wrap when the map container is too small*/
}
/*END GOOGLE MAPS*/