@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
#logocontrol { display:none; }
.clearer { clear:both; }
body {
	background:url(../binaries/background.jpg) top left repeat-x #D6ECED;
	font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, Sans-serif;
	font-size:62.5%;
}
#header {
	width:100%;
	margin:0 auto 24px auto;
	height:130px;
	background:url(../binaries/logo.jpg) bottom center no-repeat #9cb7d3;
}
.int-wrap {
	width:900px;
	margin:0 auto;
	position:relative;
}
#header .int-wrap {
	height:130px;
}
#header .int-wrap h1 {
	width:450px;
	float:left;
	text-indent:-999em;
	overflow:hidden;
	height:90px;
}
#headline {
	width:100%;
	background:url(../binaries/headline-bg.png) bottom center no-repeat;
	padding-bottom:29px;
}
#topNav {
	position:absolute;
	bottom:0;
	right:0;
}
#topNav li {
	list-style:none;
	float:right;
	line-height:30px;
	height:30px;
}
#topNav li a{
	color:#FFFFFF;
	font-family:'Century Gothic', 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, Sans-serif;;
	font-weight:bold;
	font-size:1.4em;
	text-decoration:none;
	margin-left:25px;
	outline:none;
	display:block;
}
#topNav li a:hover, .current{ background:url(../binaries/curr.jpg) bottom center no-repeat;}

/* column layout */
#content-wrapper {
	padding-bottom:20px;
	width:900px;
	margin:0 auto;
}
#leftCol {
	float:left;
	width:215px;
}
#centerCol {
	float:left;
	width:450px;
	margin-left:25px;
}
#centerColWide {
	float:left;
	width:650px;
	margin-left:25px;
}
#rightCol {
	float:right;
	width:190px;
}

/* 3col layout */

.leftCol {
	width:200px;
	float:left;
	margin-right:25px;
}
.centerCol {
	width:200px;
	float:left;
	margin-right:25px;
}
.rightCol {
	width:200px;
	float:right;
}



/* leftCol Styles */
#subNav {
	margin-bottom:10px;
}
#subNav li {
	list-style:none;
	font-size:1.2em;
	line-height:30px;
	font-weight:bold;
}
#subNav li a {	
	color:#00676F;
	border-bottom:1px #00676F dotted;
	text-decoration:none;
	display:block;
	outline:none;
}
#subNav li.last a { border-bottom:none; }

/* Text styles */
h1 {

}
h2 {
	text-indent:-999em;
	width:892px;
	height:405px;
}
#fade {
	width:900px;
	height:413px;
}
#fade, h2 {
	margin:0 auto;
	overflow:hidden;
}
#fade img, h2 {
	border:4px solid #FFFFFF;	
}
h2.home-headline { background:url(../binaries/home-headers/home-headline.jpg) top center no-repeat;	height:405px; }
h2.tarrifs-headline { background:url(../binaries/headers/tarrif.jpg) top center no-repeat; height:276px; }
h2.contact-headline { background:url(../binaries/headers/contact.jpg) top center no-repeat; height:276px; }
h2.location-headline { background:url(../binaries/headers/location.jpg) top center no-repeat; height:276px; }
h2.about-headline { background:url(../binaries/headers/about.jpg) top center no-repeat; height:276px; }
h2.bookings-headline { background:url(../binaries/headers/bookings.jpg) top center no-repeat; height:276px; }
h2.bedroom-headline { background:url(../binaries/headers/bedroom.jpg) top center no-repeat; height:276px; }
h2.restaurant-headline { background:url(../binaries/headers/restaurant.jpg) top center no-repeat; height:276px; }
h2.piel-headline { background:url(../binaries/headers/piel.jpg) top center no-repeat; height:276px; }
h2.lounge-headline { background:url(../binaries/headers/lounge.jpg) top center no-repeat; height:276px; }
h2.event-headline { background:url(../binaries/headers/special-events.jpg) top center no-repeat; height:276px; }

h3 {
	color:#61B3CB;
	font-size:2.4em;
	font-weight:bold;
	font-family:'Century Gothic', 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, Sans-serif;
	margin-bottom:10px;
}

h4 {
	color:#FFFFFF;
	font-size:1.6em;
	font-family:'Century Gothic', 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, Sans-serif;
	margin-bottom:5px;
}

h5 {
	color:#00676F;
	font-size:1.6em;
	font-family:'Century Gothic', 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, Sans-serif;
	margin-bottom:5px;
}
	

p {
	font-size:1.2em;
	margin-bottom:20px;
}

#centerCol ul, #centerColWide ul {
	font-size:1.2em;
	margin-left:20px;
	margin-bottom:10px;
}
blockquote {
	font-size:1.2em;
	background:url(../binaries/quote.jpg) top left no-repeat;
	padding:20px 0px 10px 50px;
}
#quotes p {
	font-weight:bold;
	color:#00676F;
	text-align:right;
	margin-bottom:20px;
}

a , strong { color:#00676F; }

#centerColWide ul {
	margin-bottom:20px;
}
#centerColWide ul.style li {
	font-size:1.2em;
	margin-left:20px;
	line-height:30px;
}
/*footer */
#footer {
	width:100%;
	border-top:#50A8AA dotted 1px;
	color:#50A8AA;
	padding:10px 0px;
}
#footer .int-wrap p.copy {
	float:left;
	width:650px;
}
#footer .int-wrap p.credit {
	float:right;
	text-align:right;
}
#footer a { color:#50A8AA; text-decoration:none; }
#footer a:hover { text-decoration:underline; }


/* bits */
.feature-box {
	background:url(../binaries/feature-bottom.jpg) center bottom no-repeat #49A5BF;
	margin:10px 0px;
}
.feature-box .text-content {
	padding:10px;
}
.feature-box .text-content p {
	color:#92CAD9;
	margin-bottom:0px;
}
.feature-box .text-content a { color:#92CAD9; text-decoration:none; }
.feature-box .text-content a:hover { text-decoration:underline; }
#leftCol img {
	margin-bottom:10px;
}
.latest-news .mini-gal a {
	margin:0 10px 10px 0px;
	float:right;
}
.mini-gal {
	margin-bottom:20px;
	float:left;
}
.mini-gal a {
	display:block;
	float:left;
	margin:0 10px 0 0;
}
.mini-gal a img {
	background:#9CB7D3;
	padding:3px;
	border:none;
}
.latest-news {
	text-align:right;
}
.pdf { float:left; margin:5px; width:150px; padding-left:55px; background:url(../binaries/pdf.jpg) top left no-repeat; height:70px; }
.pdf h4 { color:#00676F; }

/* ---- room navigation ----- */
#roomNav {
	width:650px;
	height:40px;
	background:url(../binaries/roomnav.jpg) top left no-repeat;
}
#roomNav li {
	list-style:none;
	margin:0;
	float:left;
}
#roomNav li a{
	float:left;
	width:108px;
	height:40px;
	display:block;
	text-indent:-999em;
	outline:none;
}
#roomNav li a.active {
	background:url(../binaries/room-nav-curr.jpg) bottom center no-repeat;
}
.fade-headline {
	width:892px;
	margin:0 auto;
	border:4px solid #FFFFFF;
	position:relative;
	background:#FFFFFF url(../binaries/lightbox-ico-loading.gif) center center no-repeat;
}
.fade {
	list-style:none;
}
#close { position:absolute; top:133px; right:0; display:none; }
.price { 
	background:#9cb7d3; 
	padding:20px; 
	float:right; 
	border:dashed 2px #50a8aa; 
	list-style:none; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	color:#FFF; 
	font-weight:bold; 
	font-size:1.8em; 
}

.dinnerDesc {
		float:left;
		width:430px;
}


/* ----------- My Form ----------- */
form {
	margin:0 auto;
}
/* ----------- basic ----------- */
#basic h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#basic p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #dedede;
	padding-bottom:10px;
}
#basic label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:90px;
	float:left;
}
#basic .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:90px;
}
#basic input, #basic select{
	float:left;
	width:190px;
	margin:2px 0 10px 10px;
}
#basic button{ 
	clear:both;
	float:right;
	margin-right:4px;
	background:#888888;
	color:#FFFFFF;
	border:solid 1px #666666;
	font-size:11px;
	font-weight:bold;
	padding:4px 6px;
}

#dir {
	background:#FFFFFF;
	margin:10px 0;
}