html, body{
width: 100%;
height: 100%;
min-height: 600px;
margin: 0;
padding: 0;
overflow: hidden;
}
/*------------------------------- Global -------------------------------*/

a, img {
  border:						none;	
}
body,td,th {
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
	font-size: 					10px;
	color: 						#ffffff;
}
body{
	position:					relative;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #1C4883;
}
.transparency {
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.full-transparency {
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
}
.align-right{
	text-align:					right;
}
h1 {
	font-size:					1.2em;
}
.floatleft{
	float:						left;
	padding:					0px 5px 5px 0px;
}
.floatright{
	float:						right;
	padding:					0px 0px 5px 5px;
	text-align:					right;
}
hr{
	color:						#fff;
	border-color:				#fff;
	clear:						both;
}
#main #sliderwrap #slider .operatingHours {
	display:					inline-block;
	margin:						5px 0px 0px 5px;
	padding:					0;
}
hr.half-line{
	width:						190px;
	float:						left;
	color:						#fff;
	margin:						5px 0px 8px 0px	;
	padding:					0;
}
.privacy-policy a:link, a:visited{font-size:10px;text-transform:uppercase; color:#587DA1;}
.privacy-policy a:hover{font-size:10px;color:#001C3F;}

.contact-address-link a{text-decoration: none; color: #E3AB24;}

/*---------------------------- MAIN CONTENT -----------------------------*/

#background{
position:absolute;
height:100%;
width: 100%;
margin: 0;
padding: 0;
}
#wrapper {
	width:						760px;
	height:						100%;
	margin:						0 auto;  
	position:					relative;
	overflow:					auto;
	padding-bottom:				60px;
}
#main {
	width:						760px;
	margin:						0;
	position:					fixed;
	left:						250px;
	top:						0px;
	margin:						0;
	padding:					0;
}
#lights {
	background:					transparent url(../images/lights-set02.png) no-repeat;
	widht:						515px;
	height:						180px;	
}

#sliderwrap {
	margin:						100px 0;
	padding:					0;
	width:						545px;
	height:						360px;
	background-color:			#001C3F;
	background-color:			rgba(0,28,63,0.75);
	*background-color:			#001C3F;
	border:						#001C3F 8px solid;
	border:						rgba(0,28,63,0.75) 8px solid;
	*border:					#001C3F 8px solid;
	border-left:				0;
	border-right-width:			5px;
	position:					relative;
	font-size:					0.85em;
}

/*----------------------------- Easy Slider ------------------------------*/

	
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:545px;
		height:358px;
		overflow:hidden; 
		}	

	/* slider content */	

	#main #sliderContent-left {
		width:					245px;
		margin:					1px 10px 1px 10px;
		padding:				10px 5px 10px 10px;
		background:				#587DA1;
		background-color:		rgba(255,255,255,0.30);
		*background-color:		#587DA1;
		float:					left;
	}

	#main #sliderContent-right {
		width:					255px;
		margin:					1px 0px 1px 0px;
		padding:				10px 5px 20px 0px;
		background:				#587DA1;
		background-color:		rgba(255,255,255,0.30);
		*background-color:		#587DA1;
		float:					left;	
	}
	#main #sliderContent-right .label {
		position:				absolute;
		right:					10px;
		z-index:				2;
	}

	/* MENU section */	

	#main #sliderContent-Menu {
		width:					515px;
		height:					340px;
		margin:					0px 10px;
		padding:				10px 5px 10px 10px;
		background:				#587DA1 url(../images/bg-menusection.jpg) no-repeat 50% 50%;
		background-color:		rgba(255,255,255,0.30);
		*background-color:		#587DA1;
		
	}
	#main #sliderContent-Menu p{
		padding:				0px 15px;
}	

	/* EVENTS section */	

	#main #sliderContent-Events {
		width:					515px;
		height:					340px;
		margin:					0px 10px;
		padding:				10px 5px 10px 10px;
		background:				#587DA1 url(../images/bg-eventsection.jpg) no-repeat 95% 50%;
		background-color:		rgba(255,255,255,0.30);
		*background-color:		#587DA1;
	}
	#sliderContent-Events p{
		width:					180px;
		padding:				0px 5px;
	}

	/* LOUNGE section */	

	#main #sliderContent-Lounge {
		width:					515px;
		height:					340px;
		margin:					0px 10px;
		padding:				10px 5px 10px 10px;
		background:				#587DA1 url(../images/bg-loungesection.jpg) no-repeat 50% 50%;
		background-color:		rgba(255,255,255,0.30);
		*background-color:		#587DA1;
	}
	#main #sliderContent-Lounge p{
		padding:				0px 15px;
}	

	/* LOCATION section */	

	#main #sliderContent-Location {
		width:					515px;
		height:					340px;
		margin:					0px 10px;
		padding:				10px 5px 10px 10px;
		background:				#587DA1 url(../images/bg-locationsection.jpg) no-repeat 95% 50%;
		background-color:		rgba(255,255,255,0.30);
		*background-color:		#587DA1;
	}
	#main #sliderContent-Location p{
		width:					200px;
		padding:				0px 3px 0px 0px;
}	

	/* REVIEWS section */	

	#main #sliderContent-Reviews {
		width:					515px;
		height:					340px;
		margin:					0px 10px;
		padding:				10px 5px 10px 10px;
		background:				#587DA1;
		background-color:		rgba(255,255,255,0.30);
		*background-color:		#587DA1;
	}
	#main #sliderContent-Reviews p{
		padding:				0px 15px;
}	

	/* RESERVATIONS section */	

	#main #sliderContent-Reservations {
		width:					515px;
		height:					340px;
		margin:					0px 10px;
		padding:				10px 5px 10px 10px;
		background:				#587DA1 url(../images/bg-reservationsection.jpg) no-repeat 50% 50%;
		background-color:		rgba(255,255,255,0.30);
		*background-color:		#587DA1;
	}
	#main #sliderContent-Reservations p{
		padding:				0px 15px;
}	

	/* CONTACT section */	

	#main #sliderContent-Contact {
		width:					515px;
		height:					340px;
		margin:					0px 10px;
		padding:				10px 5px 10px 10px;
		background:				#587DA1 url(../images/bg-contactsection.jpg) no-repeat 95% 10%;
		background-color:		rgba(255,255,255,0.30);
		*background-color:		#587DA1;
	}
	#main #sliderContent-Contact p{
		width:					200px;
		padding:				0px 3px 0px 0px;
}	
	#main #sliderContent-Contact #address{
		width:					600px;
		float:					right;
		margin:					-5px 10px 0px 0px;
	}
	#main #sliderContent-Contact #address p{
		width:					400px;
}
	#main #sliderContent-Contact #address a:hover{
			color: #fff;
	}

	/* Section Labels */	

	#main img.labelWelcome {
		margin:					1px 0px 0px -20px;
		padding:				0px 0px 0px 0px;
	}
	#main img.reserveTable {
		margin:					1px 8px 0px -20px;
		padding:				0px 0px 0px 0px;
		float:					left;
	}
	#main img.labelLeft {

		margin:					1px 0px 1px -5px;
		padding:				0px 0px 10px 0px;
		border-bottom:			#001C3F 10px solid;
	}
	#main img.labelRight {
		margin:					1px 0px 1px -5px;
		padding:				5px 5px 10px 0px;	
		border-bottom:			#001C3F 10px solid;
	}
	#main img.labelSubscribe {
		margin:					1px 0px 1px -5px;
		padding:				5px 5px 10px 0px;	
	}
	#main #sliderContent-right p{
		margin: 				0px 10px 0px 10px;
	}

		
/*----------------------------- Slider Navigation ------------------------------*/

	ol#controls{
		background:				url(../images/bg-nav.png) left no-repeat;
		position:				fixed;
		left:					7px;
		top:					180px;
		margin:					0;
		padding:				0;
		height:					127px;	
		}
	ol#controls li{
		margin:					0 0 1px 0; 
		padding:				0px 0px 0px 50px;
		list-style:				none;
		height:					15px;
		}
	ol#controls li a{
		height:					15px;
		display:				block;
		padding:				0;
		text-decoration:		none;
		text-indent:			-9999px;
		outline:				none;
		}
	ol#controls li.current a{
		color:					#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none; border: none;}
	ol#controls li#controls1 a, li#controls2 a, li#controls3 a, li#controls4 a, li#controls5 a, li#controls6 a, li#controls7 a, li#controls8 a {
		background:				url(../images/bg-nav-li.png);
	}
	ol#controls li#controls1 a				{ background-position:0 0; width:50px; left:0}
	ol#controls li#controls1 a:hover		{ background-position:95px 0; width:50px; left:95px}
	
	ol#controls li#controls2 a				{ background-position:0 -15px; width:50px; left:0}
	ol#controls li#controls2 a:hover		{ background-position:95px -15px; width:50px; left:95px}
	
	ol#controls li#controls3 a				{ background-position:0 -30px; width:94px; left:0}
	ol#controls li#controls3 a:hover		{ background-position:95px -30px; width:94px; left:95px}
	
	ol#controls li#controls4 a				{ background-position:0 -45px; width:65px; left:0}
	ol#controls li#controls4 a:hover		{ background-position:95px -45px; width:65px; left:95px}
	
	ol#controls li#controls5 a				{ background-position:0 -60px; width:65px; left:0}
	ol#controls li#controls5 a:hover		{ background-position:95px -60px; width:65px; left:95px}
	
	ol#controls li#controls6 a				{ background-position:0 -75px; width:65px; left:0}
	ol#controls li#controls6 a:hover		{ background-position:95px -75px; width:65px; left:95px}
	
	ol#controls li#controls7 a				{ background-position:0 -90px; width:85px; left:0}
	ol#controls li#controls7 a:hover		{ background-position:95px -90px; width:85px; left:95px}
	
	ol#controls li#controls8 a				{ background-position:0 -105px; width:65px; left:0}
	ol#controls li#controls8 a:hover		{ background-position:95px -105px; width:65px; left:95px}
	
	#main #sliderwrap span#nextBtn, #main #sliderwrap span#prevBtn{
	visibility:					hidden;
	}
	#main #sliderwrap #slider #sliderContent-right span#nextBtn{
	display:					block;
	visibility:					visible;	
	}
/*----------------------------- BLOG FEEDS ------------------------------*/

#main #sliderContent-left #newsBlog{
	width:						245px;
}
#newsBlog .feedburnerFeedBlock a, a:hover{
	color:#001C3F;	
}
.feedburnerFeedBlock #creditfooter{
	display: 					none;
	border:						none;
}
#newsBlog .feedburnerFeedBlock .headline{
	display: 					none;
}
#newsBlog .feedburnerFeedBlock img{
	display:					none;	
}
#newsBlog .feedburnerFeedBlock ul{
	width:						245px;
	height:						348px;
}
#newsBlog .feedburnerFeedBlock li {
  list-style-type:				none;
  width:						245px;
  margin:						0;
  margin-bottom:				10px;
  padding:						0;
  display:						block;
  clear:						left;
  height:						auto;
}

#main #sliderContent-Reviews #reviewsBlog{
	width:						500px;
	height:						130px;
	margin-bottom:				10px;
	overflow:					hidden;
}
.feedburnerFeedBlock #creditfooter{
	display: 					none;
	border:						none;
}
#reviewsBlog .feedburnerFeedBlock .headline{
	display: 					none;
}
#reviewsBlog .feedburnerFeedBlock ul{
	width:						500px;
}
#reviewsBlog .feedburnerFeedBlock li {
  list-style-type:				none;
  width:						500px;
  margin:						0;
  margin-bottom:				5px;
  padding:						0;
  display:						block;
  clear:						left;
  height:						auto;
}


/*---------------------------------------- SUBSCRIPTION FORM ------------------------ */
#subscribe{
	margin:						0px;
	padding:					5px 0px 0px 10px;
}
#subscribeForm{
	clear:						both;
	margin:						10px 0px 0px 0px;
}
input#fullname, input#mailaddress, input#email{
	width: 						220px;
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 					1em;
	color:						#ffffff;
	font-weight:				bold;
	text-transform:				uppercase;
	margin: 					0px 3px 5px 0px;
	padding:					1px;
	background-color:			#99AAC2;
	border:						#fff thin solid;
	display:					block;
}
#subscribe .buttonwrapper {
	float:						right;
	text-decoration: 			none;
	text-transform:				none;
	cursor:						pointer;
	margin-top:					2px;
	padding:					0px 0px 0px 0px;
}
button.subscribebutton {
  background:					transparent url(../images/button-subscribe.png) no-repeat;
  width:						80px;
  height:						19px;
  border:						none;
  margin:						0;
}

/*---------- CATERING FORM */

#cateringForm{
	width:						190px;
	margin:						10px 0px 0px 0px;
	padding:					5px 0px 0px 5px;
}
#cateringForm input#fullname, #cateringForm input#email, #cateringForm input#phone, #cateringForm input#event{
	width: 						160px;
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 					1em;
	color:						#ffffff;
	font-weight:				bold;
	text-transform:				uppercase;
	margin: 					0px 3px 5px 0px;
	padding:					1px;
	background-color:			#99AAC2;
	border:						#fff thin solid;
	display:					block;
}
#catering-form .buttonwrapper {
	float:						right;
	text-decoration: 			none;
	text-transform:				none;
	cursor:						pointer;
	margin-top:					2px;
	padding:					0px 0px 0px 0px;
}

/*---------- LOUNGE SUBSCRIBE FORM */
#loungeSubscribe{
	width:						190px;
	clear:						both;
	margin:						10px 0px 0px 10px;
	padding:					5px 0px 0px 5px;
}
#loungeSubscribe input#fullname, #loungeSubscribe input#mailaddress, #loungeSubscribe input#email{
	width: 						160px;
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 					1em;
	color:						#ffffff;
	font-weight:				bold;
	text-transform:				uppercase;
	margin: 					0px 3px 5px 0px;
	padding:					1px;
	background-color:			#99AAC2;
	border:						#fff thin solid;
	display:					block;
}
#loungeSubscribe .buttonwrapper {
	float:						right;
	text-decoration: 			none;
	text-transform:				none;
	cursor:						pointer;
	margin-top:					2px;
	padding:					0px 0px 0px 0px;
}

/*---------- CONTACT FORM */
#ContactUs{
	width:						190px;
	clear:						both;
	margin:						10px 0px 0px 10px;
	padding:					5px 0px 0px 5px;
}
#ContactUs input#fullname, #ContactUs input#telephone, #ContactUs input#email, #ContactUs input#subject, #ContactUs textarea#message{
	width: 						190px;
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 					1em;
	color:						#ffffff;
	font-weight:				bold;
	text-transform:				uppercase;
	margin: 					0px 3px 5px 0px;
	padding:					1px;
	background-color:			#99AAC2;
	border:						#fff thin solid;
	display:					block;
}
#ContactUs textarea#message{
	height:						60px;
}
#ContactUs .buttonwrapper {
	float:						left;
	text-decoration: 			none;
	text-transform:				none;
	cursor:						pointer;
	margin-top:					2px;
	padding:					0;
	margin:						0;
}

/*------------------------------- FOOTER -------------------------------*/

#footer {
	position:					absolute;
	bottom:						8px;
	left:						0;
	margin:						0;
	padding:					0px;
	font-weight:				bold;
}
#footer #flashplayer{
	width:						100px;
	height:						30px;
	margin:						0px 0px 0px 0px;
	padding:					0;
	float:						left;
}
#footer #events{
	bottom:						45px;
	height:						30px;
	margin:						20px 5px 5px 50px;
	padding:					0px 0px 0px 0px;
	float:						left;
}

#events ul li#dailyevent-mon, li#dailyevent-tue, li#dailyevent-wed, li#dailyevent-thu, li#dailyevent-fri, li#dailyevent-sat, li#dailyevent-sun{
	width:						27px;
	height:						25px;
	float:						left;
}
#events ul li#dailyevent-mon a, li#dailyevent-tue a, li#dailyevent-wed a, li#dailyevent-thu a, li#dailyevent-fri a, li#dailyevent-sat a, li#dailyevent-sun a{
	background:					url(../images/bg-dailyeventssprite.png); width:27px; height:25px; display:block;}
#events ul li#dailyevent-mon a				{ background-position:0px 0px; width:27px; left:0}
#events ul li#dailyevent-mon a:hover		{ background-position:0px -26px; width:27px; left:0}
#events ul li#dailyevent-tue a				{ background-position:-28px 0px; width:27px; left:28}
#events ul li#dailyevent-tue a:hover		{ background-position:-28px -26px; width:27px; left:28}
#events ul li#dailyevent-wed a				{ background-position:-56px 0px; width:27px; left:56}
#events ul li#dailyevent-wed a:hover		{ background-position:-56px -26px; width:27px; left:56}
#events ul li#dailyevent-thu a				{ background-position:-84px 0px; width:27px; left:84}
#events ul li#dailyevent-thu a:hover		{ background-position:-84px -26px; width:27px; left:84}
#events ul li#dailyevent-fri a				{ background-position:-112px 0px; width:27px; left:112}
#events ul li#dailyevent-fri a:hover		{ background-position:-112px -26px; width:27px; left:112}
#events ul li#dailyevent-sat a				{ background-position:-140px 0px; width:27px; left:140}
#events ul li#dailyevent-sat a:hover		{ background-position:-140px -26px; width:27px; left:140}
#events ul li#dailyevent-sun a				{ background-position:-140px 0px; width:27px; left:140}
#events ul li#dailyevent-sun a:hover		{ background-position:-140px -26px; width:27px; left:140}

/*--------------------------- WEATHER WIDGET -------------------------------*/

#weather{
	width:						350px;
	height:						50px;
	position:					relative;
	float:						left;
}
#weatherIcon{
	height:						200px;
	float:						left;
	position:					absolute;
	left:						0;
	bottom:						0;
	}
#weatherIcon img{
	margin:						140px 0px 0px 0px;
	width:						50%;
	height:						50%;
}
#weatherDescription{
	width:						100px;
	float:						left;
	padding:					10px 0px 0px 100px;
	}
#weatherTemp{
	font-size:					200%;
	font-color:					#fff;
	font-weight:				bold;
	}
#weatherText{
	font-color:					#fff;
	}
#weatherLink a:link{
	font-color:					#E3AB24;
	}
/*<div id="weatherWidget" style="background: rgb(51, 51, 51) none no-repeat scroll 0% 0%; border: 10px solid rgb(17, 17, 17); height: 150px; position: relative;">
<div id="weatherDescription" style="left: 200px; position: absolute; top: 40px;">
<div id="weatherTemp" style="font-size: 200%; font-weight: bold;"></div>
<div id="weatherText"></div>
<div id="weatherWind"></div>
<div id="weatherLink"></div>*/

#footer #contact{
	background:					#E3AB24;
	height:						40px;
	margin:						0;
	padding:					0px 10px 0px 10px;
	clear:						left;
	position:					relative;
	z-index:					99;	
	float:						left;
}
#contact ul li#contact-address, li#contact-email, li#contact-phone, li#contact-rsvp{padding-top:5px; margin:0;}
#contact ul li#contact-address		{width:317px; height:23px; float:left; text-indent:-9999px;}
#contact ul li#contact-email		{width:142px; height:23px; float:left; text-indent:-9999px;}
#contact ul li#contact-phone		{width:74px; height:23px; float:left; text-indent:-9999px;}
#contact ul li#contact-rsvp			{width:107px; height:23px; float:left; text-indent:-9999px;}
#contact ul li#contact-address a	{background:url(../images/bg-contactsprite.png); width:317px; height:23px; display:block;}
#contact ul li#contact-email a		{background:url(../images/bg-contactsprite.png); width:142px; height:23px; display:block;}
#contact ul li#contact-phone a		{background:url(../images/bg-contactsprite.png); width:74px; height:23px; display:block;}
#contact ul li#contact-rsvp a		{background:url(../images/bg-contactsprite.png); width:107px; height:23px; display:block;}

#contact ul li#contact-address a		{background-position:0px 0px; width: 317px; height:23px; left:0}
#contact ul li#contact-address a:hover	{background-position:0px -23px; width: 317px; height:23px; left:0}
#contact ul li#contact-email a			{background-position:-317px 0px; width: 142px; height:23px; left:317}
#contact ul li#contact-email a:hover	{background-position:-317px -23px; width: 142px; height:23px; left:317}
#contact ul li#contact-phone a			{background-position:-461px 0px; width: 74px; height:23px; left:461}
#contact ul li#contact-phone a:hover	{background-position:-461px -23px; width: 74px; height:23px; left:461}
#contact ul li#contact-rsvp a			{background-position:-534px 0px; width: 107px; height:23px; left:534}
#contact ul li#contact-rsvp a:hover		{background-position:-534px -23px; width: 107px; height:23px; left:534}


#footer #balloon{
	float:						left;
}
#footer #socialLinks{
	margin:						0px;
	padding:					0px 0px 0px 20px;
	height:						40px;
	background:					url(../images/bg-sociallinks.png) left no-repeat;
	float:						left;	
}
#footer ul{
	margin:						0px;
	padding:					5px 0px;
}
#footer li{
	list-style-type:			none;
	float:						left;
	margin-right:				5px;
	display:					inline-block;
}
#footer li img{
	padding-right:				5px;
}
#footer #opentable-link a{
	color:						#81111A;
	text-decoration:			none;
	
}