/* ----- 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,
div#upperFeatures:after,
div#lowerFeatures ul:after ,
div#alt-menu ul:after,
div#main-menu ul:after,
div#main-content .offers .hotelOffers:after,div#main-content .offers .hotelOffers li ul:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END FLOAT ENCLOSING ("EASY CLEARING") */


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

html{
	background:url(../images/htmlbg.jpg) #dcdcdc repeat-x center top;
}
body{
	background:url(../images/bodybg.jpg) transparent no-repeat center top;
}

div#holder{
	background:#fff;
	width:982px;
	margin:0 auto;
	padding:0 0px 0 17px;
	position:relative;
}
	div#holder h1{
		margin:0;
		position:absolute;
		top:20px;
		left:35px;
	}

div#branding{
	position:absolute;
	left:32px;
	top:50px;
}

div#socials {
    display: inline;
    position: absolute;
    right: 193px;
    top: 13px;
}


div#main-visual{
	position:absolute;
	top:150px;
	left:18px;
	overflow:hidden;
	width:755px;
	height:442px;
}
#main-visual #slideshow img {
	width:755px;
	height:442px;
}


div#main-menu{
	position:absolute;
	top:99px;
	right:17px;
}
	div#main-menu ul{
		list-style-type:none;
	}
	div#main-menu ul.shortcuts li,div#footer div#alt-menu ul.shortcuts li{
		float:left;_display:inline;
		padding:0 6px;
	}
	

div#availability-checker{
	background:url(../images/availabilityChecker.jpg) no-repeat 0 0;
	position:absolute;
	right:17px;_right:16px;
	top:150px;
	height:271px;
	width:198px;
	padding: 20px 0 0 11px;
}
	div#availability-checker h2{
		margin:0;
		padding:12px 0;
		border-bottom: 1px #fff solid;
		width:194px;
	}
	div#availability-checker form {
		height:155px;
		padding-top:10px;
		width:198px;
		position:relative;
	}

		
		div#availability-checker form .hotel,
		div#availability-checker form .date,
		div#availability-checker form .choose{
			margin-bottom:5px;
			position:relative;
		}

		div#availability-checker form .date #date-format-helper{
			position:absolute;
			top:16px;
			left:109px;
		}
		div#availability-checker form select#hotel{
			width:104px;
		}
		div#availability-checker form input{
			width:101px;
		}
		div#availability-checker form .map{
			background:#000;
			margin:1px;
			position:relative;
			top:0px;_top:-3px;
			padding:2px 3px;_padding:4px 3px;
			z-index:1;
		}
		*+html div#availability-checker form .map{
			top:-4px;
			padding:4px 3px;
		}
			div#availability-checker form .date #use-calendar{
				position:relative;
				top:4px;_top:3px;
			}
			*+html div#availability-checker form .date #use-calendar{
				top:3px;
			}
		div#availability-checker form .choose{
			width:39px;
			float:left;_display:inline;
			padding-right:5px;
		}
		div#availability-checker form .children{
			padding-right:0px;
		}
		div#availability-checker form .go{
			background:url(../images/availabilityGo.png) no-repeat 0 0;
			border:none;
			width:133px;
			text-align:center;
			margin-top:10px;
			padding:6px 6px 7px 6px;
			cursor:pointer;
		}
		div#availability-checker form .bestChoice{
			position:absolute;
			top:4px;
			right:1px;
		}

div#special-offers{
	position:absolute;
	right:17px;_right:16px;
	top:441px;
	background:#8f0a0a;
	width:209px;
	height:151px;
}

	div#special-offers h2{
		height:13px;
		background:#000;
		padding:7px 0 10px 15px;
		margin:0;
	}
	div#special-offers ul#offers{
		padding:0;
		width:209px;
	}
	div#special-offers ul#offers li.offer{
		position:relative;
		display:none;
	}

	div#special-offers ul#offers li.active{
		display:block;	
	}

	div#special-offers ul#offers li.offer .intro{
		position:absolute;
		top:76px;
		left:9px;
		width:185px;
	}
	div#special-offers ul#offers li.offer .hotelName{
		position:absolute;
		top:51px;
		left:9px;
		width:190px;
		z-index:100;
	}

	div#special-offers ul#offers li.offer img{
		position:absolute;
		top:-3px;
		left:0px;
		width:209px;
		height:75px;
	}
	div#special-offers ul#offers li.offer .more{
		position:absolute;
		top:102px;_top:98px;
		left:140px;
		z-index:10;	
		width:57px;
		text-align:right;
		
	}
	*+html div#special-offers ul#offers li.offer .more{
		top:98px;
	}
	div#special-offers #offers-pager{
		position:absolute;
		top:11px;
		right:8px;
	}
	div#special-offers #offers-pager a{
		height:0px;
		background:#8e7a4c;
		overflow:hidden;
		padding-top:8px;
		display:block;
		margin-right:3px;
		float:left;_display:inline;
	}
	div#special-offers #offers-pager a.activeSlide,div#special-offers #offers-pager a:hover{
		background:#fff;
	}
	

div#best-prices{
	position:absolute;
	top:386px;
	right:36px;
	width:185px;
	height:53px;
	border-top:1px #000 solid;
	
}
	div#best-prices .widget-content{
		position:relative;
	}
	div#best-prices .from-price{
		position:absolute;
		top:5px;
		left:10px;
		margin:0;
	}
	div#best-prices .rooms{
		display:block;
		margin-left:-1px;
	}
	div#best-prices .available{
		display:block;
		margin-left:-1px;
	}
	div#best-prices .from{
		position:absolute;
		top: 5px;
		left:105px;
	}
	div#best-prices .price{
		position:absolute;
		top:5px;
		left:100px;
		width:70px;
	}
	div#best-prices .price .currency-symbol{
		margin-right:3px;
	}
	div#best-prices .dates-available-header{
		position:absolute;
		top:71px;
		left:12px;
		margin:0;
		width:150px;
	}
	div#best-prices .no-available-rate{
		position:absolute;
		top:35px;
		left:0px;
		margin:0;
		width:184px;
	}
	div#best-prices .no-available-rate .hotel-name{
		display:block;
		width:auto;
	}
	div#best-prices .hotel-name{
		display:block;
		width:150px;
		margin-bottom:3px;
	}

div#best-prices .nojs{
	display: inline;
	position: absolute;
	overflow: hidden;
}

div#lowerFeatures{
	float:left;_display:inline;
	margin:10px 0 25px;
}			
	div#lowerFeatures ul{
		width:930px;
		list-style-type:none;
		position:relative;
		padding-bottom:11px;
	}			
	div#lowerFeatures ul li{
		width:293px;
		float:left;
		background:url(../images/line.gif) repeat-x right 8px;
		margin-right:18px;
	}				
	div#lowerFeatures ul li.bottomFeature3{
		margin-right:0px;
	}			
		div#lowerFeatures ul li h3{
			background:#fff;
			display:inline;
			padding-right:18px;
			height:36px;
		}		
		div#lowerFeatures ul li .lowerfeatureImage{
			margin-top:19px;
			border:1px #000 solid;
		}		
		div#lowerFeatures ul li a.more{
			position:absolute;
			bottom:0px;
			right:15px;
			width:100px;
		}		
		div#lowerFeatures ul li.bottomFeature2 .more{
			right:333px;
		}
		div#lowerFeatures ul li.bottomFeature1 .more{
			right:643px;
		}
		
#greenHotels-logo{
	position:absolute;
	top:55px;
	right:25px;
}

	#greenHotels-logo a.greenHotels{
		border:0px;
		text-decoration:none;
	}

div#utility-menu{
	position:absolute;
	top:68px;
	right:100px;
}
div#utility-menu ul{
	list-style-type:none;
}

div#utility-menu ul li{
	float:left;_display:inline;
}
div#utility-menu ul li.has-submenu{
	position:relative;
}
	div#utility-menu ul li ul{
		visibility:hidden;
		position: absolute;
		top: 12px;
		left: 0px;
		z-index:25;
		list-style: none;
		list-style-type:none;
		background:#fff;
		border:1px solid #857040;
		padding:0;
	}
	div#utility-menu ul li ul li{
		position:relative;
		display:block;
		float:none;
		width:100px;
		list-style: none;
		list-style-type:none;
	}
	div#utility-menu ul li ul li a{
		padding:2px;
		display:block;
	}
div#utility-menu ul li.booking{
	padding-right:10px;
}

/* START popup menu effects */
	div#utility-menu ul li a:hover + ul,
	div#utility-menu ul li ul:hover {
		display: block; visibility: visible;
	}			
	* html div#utility-menu ul li:hover ul { /* IE<=6 requires csshover.htc */
		display: block; visibility: visible;
	}
	* html div#utility-menu ul li.active-nojs ul {
		display: block; visibility: visible;
	}			
	div#utility-menu ul ul li{
		display: block;
		position:relative;
		z-index: 30;
	}			
/* END popup menu effects */

div#newsletter label, div#search label{
	display:none;
}
div#newsletter{
	position:absolute;
	top:18px;
	right:33px;
	width:153px;
	
	font-size:0.7em;
}


div#newsletter div.email-entry input#email-address{
		background:#e1e8f5;
		border:1px #a8a8a8 solid;
		float:left;_display:inline;
		width:123px;
		height:17px;
		padding:3px 0 0 4px;
	}
	
	div#newsletter button.go, div#search button.go{
		background:#6eb4e2;
		height:22px;
		width:27px;
		padding:5px;
		border:0;	
		cursor:pointer;
		position:absolute;
		top:0;
		right: -6px;_right:-7px;
	}
div#search{
	position:absolute;
	top:18px;
	right:197px;
	width:127px;
	
	font-size:0.7em;
}

div#search .search-entry #searchEntry{
	background:#e1e8f5;
	border:1px #a8a8a8 solid;
	float:left;_display:inline;
	width:96px;
	height:17px;
	padding:3px 0 0 4px;
}

div#footer{
	float:left;_display:inline;
	height:110px;
	background:url(../images/footerbg.gif) repeat-x 0 2px;
	width:960px;
	position:relative;
}

	div#footer div#alt-menu {
		padding-left:0px;
		margin-top:15px;
		position:relative;
	}
	div#footer div#alt-menu ul{
		padding-left:7px;
		list-style-type:none;
	}

	div#footer .address{
		margin-left:14px;
		display:block;
		position:relative;
		top:0px;_top:-9px;
		clear:both;
	}

	*+html div#footer .address{
		top:-9px;
	}
	div#footer .address p{
		margin:3px 0;
	}

	div#footer .blog{
		position:absolute;
		right:8px;
		top:8px;
	}
	
div#footer .share{
	position:absolute;
	bottom:17px;
	right:0;
}	
*+html div#footer .share{
	top:78px;
}

div.fbLikeButton{
    left: 17px;
    position: relative;
    top: 35px;
    width: 85px;
}

div.activityButton{
	background:url(../images/activity-bg.gif) bottom repeat-x;
    border: 1px solid #000000;
    margin-left: 62px;
    margin-top: 30px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    width: 120px;
}

div.activityButton a{
	width:120px;
	position:relative;
}

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*/