/***************  templates/main/css/template.home.css  ***************/
div#holder{
	margin-bottom: 9px;
	height:693px;
}
div#holder h1{
	bottom:-345px;
	left:10px;
}
#main-content-intro-heading{
	position: absolute;
	bottom: 180px;
	left: 12px;
	width: 930px;
	height: 23px;
	padding: 5px 15px;
	background: url(/templates/main/images/transparent-overlay.png) repeat 0 0;
	
	text-align: center;
}
	div#main-content-intro-heading h2{
		margin: 0;
		
		font-size: 1.25em;
		color: #fff;
	} 
		h2 .read-more, #main-content .close{
			margin-left: 5px;
			padding-right: 10px;
			background: url(/templates/main/images/menu-readmore-arrow.png) no-repeat right 6px;
			cursor: pointer;
			
			font-size: .7em;
			color: #88A8C9;
		}
#main-content{
	position: absolute;
	bottom: 180px;
	left: 12px;
	width: 920px;
	height: 240px;
	padding: 20px;
	background: url(/templates/main/images/transparent-overlay.png) repeat 0 0;
	overflow: hidden;
}

	#home-main-content-wrapper{
		width: 920px;
		height: 195px;
		padding-right: 15px;
		overflow-y: scroll;
	}
	#main-content h2, #main-content-intro-heading h2{
		color: #88A8C9;
		font-size: 1.8em;
		font-style: italic;
		text-transform: none;
		line-height: 21px;
	}
	#main-content.intro, #main-content{
		color: #fff;
		font-size: .9em;
	}
		#main-content.intro, #main-content p{
			line-height: 1.6;
		}
	#main-content.hover, #main-content.hover h2{
		color: #393939;
	}	
	
	#main-content .close{
		position: absolute;
		top: 20px;
		right: 12px;
		padding-right: 15px;
		background: url(/templates/main/images/bg-sprite.png) no-repeat right -1026px;
		font-size: 1em;
		font-style: italic;
	}
div#availability-checker{
	top: 513px;
}
div#best-prices{
	top:513px;
	
}
div#offer-rotator-wrpper{
	position:absolute;
	width:100%;
	height: 130px;
	top:563px;
	left:0;
	z-index:11;
	font-size:76%;
	overflow:hidden;
}
	#offer-rotator, #offer-rotator .overlay{
		margin: 0 auto;
		width: 930px;
		height: 115px;
		background: url(/templates/main/images/offer-rotator-bg.png) repeat-x 0 0;
		position:relative;
		padding:15px;
	}
		#offer-rotator ul{
			padding-left:0;
		}
			#offer-rotator ul li{
				float:left;
				list-style-type:none;
				width:405px;
				height:100px;
				margin-bottom:15px;
				padding-right:40px;
				margin-right:20px;
				position:relative;
			}
				#offer-rotator .itemPreviewImage{
					float: left; _display: inline;
					margin-right:16px;
					width:144px;
					height:100px;
				}
				#offer-rotator li h3{
					margin: 1px 0 4px;
				}
					#offer-rotator li h3 a{
						font-size: .85em;
						color: #fff;
					}
					
				#offer-rotator li .offer-intro{
					line-height: 1.5;
				}
					#offer-rotator li .offer-intro a{
						color: #b8b8b8;
					}
					#offer-rotator li .more-link{
						background: url(/templates/main/images/bg-sprite.png) repeat-x 0 -696px;
						padding: 5px;
					}
					*+html #offer-rotator li .more-link{
						display: block;
						width: 5px;
						height: 10px;
					}
				#offer-rotator li .amount{
					position: absolute;
					bottom: 5px;
					left: 159px;
					margin: 0;	
				}
						#offer-rotator li .amount a{
							color: #88a8c9;
						}
						#offer-rotator li .from-lbl{
							text-transform: capitalize;
							padding-right: 7px;
						}
						#offer-rotator li .currency{
							text-transform: uppercase;
							font-size: 1.5em;
						}
						#offer-rotator li .price{
							text-transform: lowercase;
							font-size: 1.5em;
						}
						
	#offer-rotator-wrpper .navigation-btn{
		position: absolute;
		top: 25px;
		display: block;
		height: 82px;
		width: 20px;
		cursor: pointer;
	}
		#offer-rotator-wrpper .prevButton{
			background: url(/templates/main/images/bg-sprite.png) repeat-x 0 -508px;
			left:-20px;
		}
		#offer-rotator-wrpper .nextButton{
			background: url(/templates/main/images/bg-sprite.png) repeat-x 0 -605px;
			right:-20px;
		}

div#main-visual, #supersized{
	height: 702px !important;
}
div#footer{
	margin-top:9px;
}
div#footer,
div#footer-wrapper{
	height:350px;
}

#footer-content .wrapper{
	float: left; _display: inline;
	width:407px;
}
#footer-content .ttgLogo{
	float: left; _display: inline;
	width:360px;
	margin-top:6px;
	text-align:center;
}
	#footer-content .ttgLogo .ttg-logo-desc{
		font-size: 0.95em;
		display:block;
		margin-top:6px;
	}
.world-hotel-logo{
	margin-top:53px;
}