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

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


/* START FLOAT ENCLOSING ("EASY CLEARING") */
div#holder: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 */

body{
	background: url(../images/bodybg-new.jpg) repeat-x; 
	background-color: #ffffff;
}
div#holder{
	width: 990px;
	margin: auto;
	position: relative;
}
	div#holder h1{
		position:absolute;
		right: 153px;
		_right:155px;
		bottom: 25px;
		_bottom: 25px;
		z-index: 45;
	}
div#branding{
	width: 990px;
	height: 117px;
	background: url(../images/branding-bg.png) no-repeat; 
	z-index: 1;
}
div#branding h2{
	left:-9999px;
	position:absolute;	
}
div#branding #logo{
	width: 210px;
	height: 109px;
	position: absolute;
	top: 5px;
	left: 20px;
	z-index: 10;
}

div#branding a#own-apartment-link{
	width: 140px;
	background: url(../images/own-apartment-btn.gif) no-repeat;
	right: 18px; 
}
	
div#branding a#own-apartment-link,
div#branding a#special-offers-link{
	height: 23px;
	display: block;
	position: absolute;
	top: 48px;
}	

div#branding a#special-offers-link{
	background: url(../images/special-offers-btn.gif) no-repeat; 
	right: 161px;		
	width:115px;
}
	
div#language-navigation{
	width: 42px;
	height: 25px;
	background: url(../images/language-dropdown.jpg) no-repeat; 
	position: absolute;
	top: 0px;
	right: 18px;
	z-index: 10;
}
div#language-navigation h2{
	left:-9999px;
	position:absolute;	
}
div#language-navigation ul{
	list-style: none;
	list-style-type: none;
	padding-left: 0;
	margin-top: 5px;
}
div#language-navigation ul li{
	list-style: none;
	list-style-type: none;
	height: 25px;
	width: 42px;
}
div#language-navigation ul li.active{
	position:relative;
	z-index:50;
}
div#language-navigation ul li.active a{
	padding-bottom: 20px;
	display: block;
}
div#language-navigation ul li ul{
	visibility:hidden;
	position: absolute;
	top: 12px;
	left: 0px;
	z-index:25;
	list-style: none;
	list-style-type:none;
	background: url(../images/language-drop.jpg) no-repeat; 
}
div#language-navigation img.flag{
	left:5px;
	position:absolute;
	top:2px;
}
div#language-navigation ul li ul li{
	position:relative;
	display:block;
	width:42px;
	list-style: none;
	list-style-type:none;
}
div#language-navigation ul li ul li a:hover{
}			
/* START popup menu effects */
			
div#language-navigation ul li a:hover + ul,
div#language-navigation ul li ul:hover {
	display: block; visibility: visible;
}			
* html div#language-navigation ul li:hover ul { /* IE<=6 requires csshover.htc */
	display: block; visibility: visible;
}
* html div#language-navigation ul li.active-nojs ul {
	display: block; visibility: visible;
}			
div#language-navigation ul ul li
{
	display: block;
	position:relative;
	z-index: 30;
}			
div#language-navigation ul ul li 
{
/*border-bottom: 1px solid #69543f;*/
}			
div#language-navigation ul ul li.last
{
	border-bottom: none;
}			
/* END popup menu effects */		
		
div#main-content{
	width: 990px;
	float: left;
	margin-top: 623px;
	background: url(../images/info-bg.png) no-repeat;
	margin-bottom: 2px;
	/*height: 450px;*/
}
div#main-content h2{
	margin-left: 48px; 
}
div#main-content #content-wrapper{
	margin: 0 48px;
	margin-bottom: 48px;
}
div#main-content #basicForm{
	margin-top:20px;
}

div#main-visual{
	width: 990px;
	height: 629px;
	position: absolute;
	background: url(../images/content-bg.png) repeat-y;
	top: 117px;
	left: 0;
}
div#main-visual h2{
	left:-9999px;
	position:absolute;	
}
div#main-visual h2 span.spacer{
	width:575px;
	height: 65px;
	display: block;
	margin: 22px 0 0 42px;
}
div#main-visual .wrapper{
	position: absolute;
	left: 6px;
	top:0;
	width: 980px;
	height: 623px;
	z-index:0;
}
div#main-visual .phrase{
	width: 980px;
	height: 118px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0px;_bottom:-1px;		
	background: url(../images/main-visual-overlay.png) repeat;
}
div#main-visual ul{
	overflow: hidden;
}
div#main-visual ul li{
	padding: 0;
	margin: 0;
	width: 980px;
	height: 118px;
	list-style: none;
	list-style-type: none;
}
div#main-visual ul li div{
	width: 500px;
	margin-top: 25px;
	margin-left: 25px;
}
#toggle-content{
	position: absolute;
	top: 680px;
	left: 500px;
	z-index: 12;
	cursor:pointer;
}

div#main-menu{
	width: 980px;
	height: 36px;
	background: url(../images/main-menu-bg.jpg) no-repeat; 
	position: absolute;
	top: 78px;
	left: 6px;
	z-index: 2;
}
div#main-menu h2{
	left:-9999px;
	position:absolute;	
}
div#main-menu ul{
	margin: 3px 12px 0 0;
	padding: 0;
	float: right;
}
div#main-menu ul li{
	float: left;
	height: 30px;
	list-style: none;
	list-style-type: none;
	line-height: 2.5em;
	padding: 0 15px;
	background: url(../images/main-menu-separator.jpg) no-repeat top right; 
}
div#main-menu ul li.last{
	background: none;
}
div#main-menu ul ul {
	visibility: hidden;
	position: absolute;
	top: 35px;
	left: 0;
	margin: 0;
	text-align: left;
	z-index:21;
	white-space: nowrap;			
}

		div#main-menu ul li.has-submenu
		{
			position: relative;
			z-index:22;
		}

		div#main-menu ul li.has-submenu a
		{
			cursor: pointer;
			padding-bottom: 21px;
			*padding-bottom: 21px;
			_padding-bottom: 21px;
			display:block;
		}
		div#main-menu ul li.has-submenu ul li a
		{
			display:inline;
			padding:0;
		}

		/* START popup menu effects */
		div#main-menu ul li a:hover + ul,
		div#main-menu ul.shortcuts li ul:hover {
			visibility: visible;
		}

		* html div#main-menu ul.shortcuts li:hover ul { /* IE<=6 requires csshover.htc */
			visibility: visible;
		}
		* html div#main-menu ul.shortcuts li.active-nojs ul {
			visibility: visible;
		}

		div#main-menu ul ul
		{
			background: url(../images/strip.gif) left top repeat-x;
			border-right: 2px solid #749b15;
			border-left: 2px solid #749b15;
			border-bottom: 2px solid #749b15;
		}
		div#main-menu ul ul li
		{
			display: block;
			float:none;
			position:relative;
			
			padding: 0 14px;
			z-index: 30;
			line-height:2.2em;
			height: auto;
			border-bottom: 0;
			background:none;
		}

		/* END popup menu effects */		

div#availability-checker{
	width: 209px;
	height: 154px;
	background: url(../images/availability-checker-bg.png) no-repeat; 
}
	div#availability-checker h2{
		height: 32px;
		margin: 0 0 0 12px;
	}
		div#availability-checker form#booking-form{
			position: relative;
			margin-left: 15px;
		}
			
		div#availability-checker label{
			display:block;
		}
		
		div#availability-checker label#date-format-helper{
			/*float:right; 
			margin-right: 10px; 
			padding-left: 5px;*/
			display:inline;
		}
		
		div#availability-checker input,select{
			background: #6f7362;
			border:solid 1px #55584d;
			margin-top:2px;
			height:20px;
		}
		
		div#availability-checker input#date-in{
			height: 16px !important;
		}
					
		div#availability-checker div.date{			
			height:20px;
		}
	
		div#availability-checker div.date input#date-in{
			width:95px;
			margin-top:5px;
		}
		
		div#availability-checker div.date label {
			margin-top:2px;
		}
		
		div#availability-checker div.date img.datepicker{
			margin-bottom:-5px;
			cursor: pointer;
		}
		
		div#availability-checker div.nights{
			float: left;
			margin-top: 25px;
			_margin-top: 0px;
		}
	
		div#availability-checker div.nights input{
			width:30px;
		}
	
		div#availability-checker div.nights label{
			margin-top:px;
		}
	
		div#availability-checker div.adults{
			float: left;
			padding-left: 20px;
			margin-top:25px;
			_margin-top: 0px;
		}
	
		div#availability-checker div.children{
			float:left;
			padding-left:20px;
			margin-top:25px;
			_margin-top: 0px;
		}
	
		div#availability-checker div.children label{
		}
		
		div#availability-checker div#best-rate-guranteed{
			margin-top: 7px;
		}
		
		div#availability-checker button.go {
			background:url(../images/arrow.jpg) no-repeat;
			float:right;
			margin-top:10px;
			margin-right:10px;
			cursor:pointer;
			height:23px;
			width:23px;	
			border:none;	
			padding:0 5px;		
		}
	
		div#availability-checker div#best-rate-guranteed{
			float: left;
			clear:both;
			width: 140px;
		}
		
		div#availability-checker  img.crossline{
			margin-top: 5px;
		}
		
		*:first-child+html div#availability-checker img.crossline { 
			margin-bottom: 10px;
		} 

div#weather-widgt{
	width: 62px;
	height: 25px;
	background: url(../images/weather-wdgt.jpg) no-repeat; 
	position: absolute;
	top: 0px;
	right: 64px;
	z-index: 10;
}	
	div#weather-widgt #weather{
		margin-left:5px;
	}
		div#weather-widgt .forecast{
			float: left;
		}
		div#weather-widgt .temp{
			float: left;
			margin-left:3px;
			margin-top:3px;
		}
		div#weather-widgt #weather img{
			_behavior: url(/iepngfix.htc);
		}
div#best-rate{
	position: absolute;
	right: 14px;
	top: 128px;
	width: 209px;
	height: 70px;
	background: url(../images/best-rate-bg.png) no-repeat;
}
	#best-rate .from-price{
		margin:15px auto auto;
		width:182px;
	}
	#best-rate .booking-link {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}
	

	div#special-offers .widget-content{
		position: relative;
	}
	div#special-offers .widget-content h2{
		height: 23px;
		margin: 0;
		padding-left: 10px;
		padding-top:8px;
		background: url(../images/offerWidget-header.png) no-repeat;
	}
	div#special-offers .widget-content ul.carousel{
		width: 202px;
		height: 154px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background: url(../images/offerWidget-body.png) no-repeat;
	}
	div#special-offers .widget-content ul.carousel li{
		margin: 6px 0 0 6px;
		padding-left: 0;
		list-style: none;
		list-style-type: none;
	}
	div#special-offers .widget-content h3.title-header{
		margin: 5px 0 0 0;
	}
	div#special-offers #controls{
		width: 202px;
		height: 27px;
		margin-top: 2px;
		background: url(../images/offerWidget-nav.png) no-repeat;
	}
		#controls #pager{
			float: right;
			margin-top: 10px;
			margin-right: 10px;
		}
			#controls #pager a{
				width: 9px;
				height: 9px;
				margin: 0 1px 0 1px;
				background: url(../images/offer-off.png) no-repeat;
				display: block;
				float: left;
				
				font-size: 0em;
			}
			#controls #pager a.activeSlide{
				background: url(../images/offer-on.png) no-repeat;
			}		
			div#special-offers #prv-next-ctrls{
				position: absolute;
				bottom: 3px;
				left: 3px;
				width: 46px;
			}
			div#special-offers #prv-next-ctrls a.prev{
				width: 21px;
				height: 21px;
				display: block;
				background: url(../images/offerWidget-prv-ctrl.png) no-repeat;
				float: left;
				cursor: pointer;
				_top:20px;
			}
			div#special-offers #prv-next-ctrls a.next{
				width: 21px;
				height: 21px;
				display: block;
				margin-left: 25px;
				background: url(../images/offerWidget-next-ctrl.png) no-repeat;
				cursor: pointer;
			}
			
div#photo-gallery{
	width: 208px;
	height: 124px;
	background: url(../images/galleryWidget-body.png) no-repeat;
}
	div#photo-gallery h2{
		margin-left:10px;
		margin-top:5px;
	}
	div#photo-gallery img{
		margin-left: 6px;
		margin-top: 2px;
	}
	div#photo-gallery a.gallery-link{
		width: 95%;
		height: 85%;
		display: block;
		position: absolute;
		bottom: 10px;
		right: 5px;
		background: url(../images/photoWidget-arrw.png) no-repeat 167px 79px;
	}
	

			
div#menu-panel{
	width: 980px;
	height: 130px;
	background: url(../images/menu-panel.jpg) no-repeat;
	float: left;
	margin-top:1px;
	margin-bottom:2px;
	margin-left: 6px;
	_margin-left: 2px;
	position:relative;
}
	div#menu-panel ul{
		list-style: none;
		list-style-type: none;
		margin-top: 5px;
	}
		div#menu-panel ul li{
			list-style: none;
			list-style-type: none;
			float: left;
			margin-right: 28px;
		}
		div#menu-panel ul li.last{
			margin-right: 0px;
		}
			div#menu-panel ul li ul{
				margin: 10px 0 0 0;
				padding: 0 0 0 0;
			}
				div#menu-panel ul li ul li{
					display: block;
					margin: 2px 0;
					float: none;
				}

div#alt-menu{
	position: absolute;
	top: 52px;
	/* right: 175px; */
	right: 293px;
	z-index: 55;
}
	div#alt-menu ul{
		margin: 0;
		padding: 0;
	}
		div#alt-menu ul li{
			list-style: none;
			list-style-type: none;
			float: left;
			padding: 0 12px;
			background: url(../images/dot-separator.jpg) no-repeat right 5px;
		}
		div#alt-menu ul li.last{
			padding-right: 0;
			background: none;
		}

div#footer{
	width: 981px;
	height: 118px;
	background: url(../images/footer-bg-new.png) no-repeat; 
	position: relative;
	float: left;
	clear: both;
	margin-left:5px;
}
	div#footer #share{
		width: auto;
		height: 22px;
		position: absolute;
		top: 15px;
		right: 44px;
	}
		#share ul{
			list-style: none;
			list-style-type: none;
		}
			#share ul li{
				float: left;
				_display: inline;
				list-style: none;
				list-style-type: none;
				margin-left:2px;
			}
	div#footer h4#copyrights{	
		margin: 0;
		position: absolute;
		bottom: 28px;
		left: 42px;
	}
	div#footer #contact-details{
		position: absolute;
		top: 20px;
		left: 42px;
	}
	div#footer #contact-details p{
		margin: 0;
	}
		p.contact.other span.tel{
			float: left;
			_display: inline;
		}
		p.contact.other span.email{
			display:block;
			padding-bottom:2px;
			*margin-top:15px;
		}
	div#footer ul#misc{
		list-style: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 27px;
		right: 42px;
	}
		div#footer ul#misc li{
			display: inline;
			list-style: none;
			list-style-type: none;
			margin: 0 2px;
			padding: 0 2px;
		}
		div#footer ul#misc li{
			border-left: 1px solid #d6d6d6;
		}
		
	div#footer #join-newsletter{
		width: 300px;
		height: 25px;
		position: absolute;
		bottom: 45px;		
		right: 45px;
	}
		#join-newsletter  h2{
			margin: 0;
			position: absolute;
			right: 150px;
			top: 5px;
		}
		#join-newsletter .email-entry{
			background: url(../images/newsletter-txt-bg.png) no-repeat; 
			width: 143px;
			height: 25px;
			position: absolute;
			right: 0;
		}
		#join-newsletter input#email-address{
			position: absolute;
			right: 25px;
			top: 4px;
			width: 110px;
			border: none;
			background: none;
		}
		#join-newsletter form{
			position: relative;
		}
		#join-newsletter input.go{
			width: 21px;
			height: 21px;
			border: none;
			background: url(../images/newsletter-btn.png) no-repeat; 
			position: absolute;
			top: 2px;
			right: 2px;
			cursor: pointer;
		}
		
body{
	behavior: url("/csshover.htc");
}
	
/*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*/

div.calendar {
	z-index:35 !important;
}