@import url(http://fonts.googleapis.com/css?family=Oxygen:400,700); /* font-family: 'Oxygen', sans-serif; */

body{ background-image: url(../images/bg.jpg); background-position: 50% 0px; background-repeat:repeat-x; color: #726659; font-family: 'Oxygen', sans-serif; font-size: 13px; overflow-x: hidden; }
a{ color:#17b1b3; text-decoration:none; }
	a:hover{ text-decoration:underline; }
	a img{ border: none; }
p{ margin: 0px 0px 20px; line-height: 18px; text-align:justify; }
ul,li{ margin: 0; padding: 0; }
	li{ list-style-type: none; }	
	
	.blueHeadline{font-size:16px; font-style:none; color:#17b1b3; font-weight:normal;}
	
	
	
	
	td.header{background-color:#11a9d5; color:#FFF; font-weight:bold;}
tr.grey{background-color:#cce7e9;}
tr.greyPale{background-color:#e2f3f4;}





#parent{ display: block; width: 100%; margin: 0 auto; padding: 0px; }
	#parent > *{ display: block; margin: 0 auto; overflow: hidden; }
	
#cover{ position: relative; z-index: 1; display: block; width: 100%; max-width: 1207px; height: 673px; background-repeat: no-repeat; background-position: center top; }
	#cover,#cover.cover-1{ background-image: url(../images/cover-1.jpg); }
	#cover.cover-2{ background-image: url(../images/cover-2.jpg); }
	#cover.cover-3{ background-image: url(../images/cover-3.jpg); }
	
.content{ position: relative; z-index: 2; width: 970px !important; margin: 0px auto 0px !important; padding-top: 35px; }
	.content .content-block{ overflow: hidden; }

.contentholder { width: 970px !important; margin: 0 auto !important; }

	.contentholder .content-block.cover{ position: absolute; bottom: 150px; width: 495px; z-index: 2; }
		.contentholder .content-block.cover .titlebar{ display: block; margin: 0 0 20px; overflow: hidden; }
			.contentholder .content-block.cover .titlebar *{ padding: 10px 15px; background-color: rgba(20,176,178,0.5); }
			.contentholder .content-block.cover .titlebar h1{ float: left; width: 380px; margin-right: 1px; color: #FFFFFF; font-size: 15px; font-weight: normal; text-indent: 5px; text-transform: uppercase; }
			.contentholder .content-block.cover .titlebar a.heading-link{ float: left; width: 100px; padding: 11px 15px; color: #FFFFFF; text-decoration: none; background-color: rgba(20,176,178,0.9); text-transform: uppercase; }
				.content-block.cover .titlebar a.heading-link:hover{ background-color: rgba(20,176,178,1); }
		.contentholder .content-block.cover p{ color: #FFFFFF; }
	
#header{ position: relative; width: 1207px; max-width: 100%; height: 580px; overflow: visible !important; }
	#header #focus{ position: absolute; z-index: 1; }
	#header #logo{  }
	#header #navbar{ position: absolute; left: 0px; bottom: 0px; z-index: 2; display: block; width: 100%; background-color: rgba(20,176,178,0.5); }
		#header #navbar .content{ margin: 0 auto !important; padding: 0 !important; color: #FFFFFF; font-size: 16px; }
			#header #navbar .content a{ display: inline-block; padding: 18px 10px; color: #FFFFFF; text-decoration: none; }
				#header #navbar .content a.flag{ float: right; margin-right: 315px; }
	
#mainnav{  }
	#mainnav li{  }
		#mainnav li a{ text-decoration: none; }
		#mainnav li a:hover{ text-decoration: underline; }

#maincontent{ width: 970px; margin-bottom: 100px; padding: 40px 0 0; overflow: hidden; }
	#maincontent #lcol{ float: left; width: 159px; margin-right: 35px; overflow: hidden; }
		#maincontent #lcol img.left{ float: left; }
		#maincontent #lcol img.right{ float: right; }
		#maincontent #lcol img.full{ clear: both; float: none; margin: 7px 0; }
	#maincontent #rcol{ float: left; width: 465px; }
		#maincontent #rcol h1{ margin-bottom: 20px; font-size: 15px; font-weight: normal; text-transform: uppercase; }

#footercntr{ display: block; width: 100%; }
	#footercntr.fixed{ position: fixed; bottom: 0; }
	#footer{ display: block; width: 970px; margin: 0 auto 10px; padding: 10px 0 0 0; overflow: hidden; }
		#footer p.copyright{ float: left; margin: 0px; color: #8c8c8c; font-size: 11px; }
			#footer p.copyright a{ display: inline-block; margin-right: 20px; vertical-align: -3px; }
		#footer p.credit{ float: right; margin: 0px 0 0 0; vertical-align: -3px; }

form#frmReservation{ 
	position: absolute; 
	z-index: 3; 
	right: 0;
	top: -20px;
	width: 265px; 
	padding: 20px;
		background-image: linear-gradient(bottom, rgba(255,255,255,0) 31%, rgba(255,255,255,0.5) 58%);
		background-image: -o-linear-gradient(bottom, rgba(255,255,255,0) 31%, rgba(255,255,255,0.5) 58%);
		background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0) 31%, rgba(255,255,255,0.5) 58%);
		background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 31%, rgba(255,255,255,0.5) 58%);
		background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0) 31%, rgba(255,255,255,0.5) 58%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.31, rgba(255,255,255,0)),
			color-stop(0.58, rgba(255,255,255,0.5))
		);
}
	form#frmReservation .response{ display: block; margin: 0 0 10px; color: #FFFFFF; font-size: 10px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); text-transform: uppercase; }
	form#frmReservation h2{ position: absolute; top: -30px; left: 20px; width: 265px; color: #FFFFFF; font-size: 15px; font-weight: normal; text-transform: uppercase; }
		form#frmReservation h2 span{ display: block; font-size: 10px; }
	form#frmReservation input[type=text],
	form#frmReservation select,
	form#frmReservation textarea{ 
		clear: both;
		display: block;
		width: 254px;
		margin: 0 0 5px;
		padding: 3px 5px;
		border: solid 1px #14b0b2;
		color: #5A5A5A;
		font-family: arial;
		font-size: 11px;
	}
	form#frmReservation input[type=text]{  }
	form#frmReservation textarea{  }
		form#frmReservation .half{ clear: none !important; width: 115px !important; }
			form#frmReservation select.half{ width: 127px !important; }
			form#frmReservation .date{ 
				width: 115px !important; 
				background-image: url(../images/icon-calendar.png);
				background-position: 105px 2px;
				background-repeat: no-repeat;
				cursor: pointer;
			}
		form#frmReservation a.datepicker{ float: left; margin: 0 0 0 5px; }
		form#frmReservation .left{ float: left; }
		form#frmReservation .right{ float: right; }
	form#frmReservation input[type=submit]{  
		float: right;
		padding: 2px 10px;
		background-color: #14b0b2;
		border: 0;
		color: #FFFFFF;
		cursor: pointer;
		font-size: 11px;
	}
	.highlight{ background-color: #FDF3F4; border: solid 1px #B54F56 !important; }