@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; //Match with HTML and image
	height: 579px; //Match with HTML and image
}

.page-summary{
	margin-top: -120px;
}

#offers-container {
	position: relative;
	width: 577px; 
	height: 200px; 
	background-color: #FFF;
}

#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;
}