@import url(global.layout.css);

.strapline {
	background: url(../images/intheheartof_large.png) no-repeat; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://localhost:8080/santaclara/templates/santaclara/images/intheheartof_large.png",sizingMethod="crop");
	top: 79px;
	padding-top: 70px;
	font-size: 1.7em;
	line-height: 20px;
}

#main {
	min-height: 220px;
	_height: 220px;
}


#main-image {
	width: 577px;
}
	#main-image #slideshow{
		width: 577px;
		height: 330px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 22;
	}
	
	div#offers-container:after {
		content: '.';
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

#offers-container {
	position: relative;
	background-color: #FFF;
	float: left;_display:inline;
	width: 577px;
	margin-top:15px;
	*top:315px;
}

#offers-container h2 {
	position: absolute;
	left: -9999px;
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	font-size:1.3em;
	font-weight:bold;	
	padding: 2px 0px 2px 7px;
	background-color: #FFF;
}

#offers-container h3 {
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	font-size:1.3em;
	font-weight:bold;	
	padding: 2px 0px 2px 0px;
	background-color: #FFF;
}

#offers-slide a{
	text-decoration: none;
	color: #000;
}

#offers-container .offer{
	float: left; _display:inline;
	overflow: hidden;
	position: relative;
	margin: 10px 0 0 8px;
	width: 275px; 
	height: 180px;
	
	opacity: .9;
	-ms-filter: "Alpha(Opacity=90)";
	filter: Alpha(Opacity=90);	
}

#offers-container .offer:hover{
	opacity: 1;
	-ms-filter: "Alpha(Opacity=100)";
	filter: Alpha(Opacity=100);	
}

#offers-container .offer h2{
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	font-size:1.1em;
	font-weight:bold;	
	margin: 8px 0;
	padding:0;
}

#offers-container .contain{
	float: left; _display:inline;
	margin:0; padding:0;
	position: relative;	
}

#offers-container .offer img{
	float: left; _display:inline;
	margin: 0 8px 8px 0px;
}

#offers-container .offer .booking{
	position: absolute;
	right: 10px; bottom:15px;
	text-decoration: none;
	font-weight:bold;
	color: #000;
}

#newsletter {
	margin-bottom: 7px;
}

#extra-content {
	float: left;
	margin-top: 0; /* image height minus holder's padding-top */
}

#tripadvisor{
	float:right; 
	clear: right;
	margin-right: 20px;
}