﻿/* undo browser inconsistencies */
* { margin: 0; padding: 0; }
ul,ol,li,f,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,input,select { font-size:100%; }
/*ul,ol { list-style:none; padding:0; margin: 0; }*/
ul,ol { padding:0; margin: 0; padding-left:15px; }
ol { list-style: decimal; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight: normal }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border:0 }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
:-moz-any-link:focus { outline: none; }
img, div, h1, h2, h3, h4, a, a:hover { behavior: url(iepngfix.htc); }

/*end undo*/

html {
	height:100%;
}
body {
	margin:0;
	padding:0;
	font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	background-color: #000000;
	background-image:url(/images/bg_leather_dark.jpg);
	background-position:center;
	background-position:top;
	text-align:center;
	height:100%;
	color:#ffffff
}

ul li {
	list-style-type:disc;
}
input { font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif; }

h1, h2, h3, h4 {
	color:#feffb4;
	font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:0px;
}

h1, h2 {
	font-size:16px;
}

h3 {
	font-size:14px;
}

h4 {
	font-size:14px;
	
}

em { font-weight: bold; }

a {
	color:#fcfe72;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
	
a:link {}
	
a:visited {}
	
a:active {}
	
a:hover {
	color:#feffb4;
}
img {
	border:5px solid #FFFFFF;
}
.no-border {
	border:none;
}
.clearfix:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content: ".";
}

.clearfix {	display:inline-block; }

/* Hides from IE-mac */
html .clearfix { /*height:1%;*/}
.clearfix {display:inline-block;}
/* End hide from IE-mac */

.inline { display:inline; }


/* END STANDARD CSS ELEMENTS /*

/* GENERIC */

.smallPrint {
font-size:9px;
}
.centerText {
	text-align:center;
}
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.col4Top {
	background-image:url(/images/backgrounds/col4_top.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:307px;
	height:19px;
}
.col4Middle {
	background-image:url(/images/backgrounds/col4_middle.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	
	width:275px;
	
	_width:307px;
	
	height:auto;
	padding-left:16px;
	padding-right:16px;
}

.col4Bottom {
	background-image:url(/images/backgrounds/col4_bottom.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:307px;
	height:22px;
	margin-top:0px;
	margin-bottom:10px;
}

.fullWidthColumn
{
	margin-left:1px;
	background-image:url(/images/directions_background.png);
	background-repeat:no-repeat;
	width:925px;
	height:452px;
	padding:14px 18px 0px 18px;
}
.fullWidthColumn img
{
	margin-top	:-25px;
	padding-right:30px;
	float:left;
}

.col10_top {
	background-image:url(/images/backgrounds/col10_top.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:930px;
	height:19px;
}
.col10_middle {
	background-image:url(/images/backgrounds/col10_middle.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:910px;
	
	/*IE WIDTH */
	_width:930px;
	
	height:auto;
	padding-left:20px;
}
.col10_bottom {
	background-image:url(/images/backgrounds/col10_bottom.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:930px;
	height:25px;
	margin-bottom:10px;
}
.col10_container img
{
	padding-right:10px;
	float:left;
}
.col10_container div
{
	width:490px;
	float:left;
}

#feedbackList ul li{
	list-style-type:none;
	list-style-position:inside;
	width:250px;
	position:absolute;
}
.feedbackMask {
	height:300px;
		overflow:hidden;
}
/* END GENERIC */
/* CENTER CONTAINER */

#centerDiv {
	width:938px;
	height:100%;
	margin:auto;
	text-align:left;
	color:#FFFFFF;
}

/* Main Nav */



#navigationHomeLogo {
	margin-right:0px;
	float: left;
}

#navigationHomeLogo a {
 	display: block;
	background-image:url(/images/logoMain.png);
	background-position: 0px 12px;
	background-repeat:no-repeat;
	width:240px;
	height:130px;
	text-indent: -9999px;
}

#navContainer{
	background-image:url(/images/nav/nav_background.png);
	background-position:center;
	background-position:top;
	width:690px;
	height:58px;
	margin:49px 0 0 0;
	float: left;
	z-index:200;
}

#navigationContainer {
	width:930px;
	height:173px;
	z-index:100;
}



/* end navigation*/


/* DRINKS */

#drinks table {
	width:100%;
	vertical-align:top;
}
#drinks table tr td {
	padding-top:10px;
	padding-right:10px;
	vertical-align:top;
	width:50%;
}
/* END DRINKS */


/* LIGHT BOX & GALLERY */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; }
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay {
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	<!--[if IE 6]>
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	<![endif]-->
}

/* GALLERY */
#GallerySelectionPanel {
	width:900px;
}
#GallerySelectionPanel img {
	padding:0px;
	margin:0px;
}
#GallerySelectionPanel ul {
	padding-top:20px;
	list-style: none;
}
#GallerySelectionPanel ul li{
	float:left;
	width:200px;
	text-align:center;
}
#GallerySelectionPanel ul li h3
{
	font-style:normal;
	padding-top:4px;
}
.photoGallery {
	width:900px;
	min-height:165px;
}
.centerBlock {
	margin:0 auto;
	width:155px;
	height:110px;
	text-align:center;
}
.photoGallery p {
	padding-bottom:10px;
}
.photoGallery ul {
	margin-top:10px;
	list-style: none;
}
.photoGallery li {
	float:left;
	width:220px;
	height:155px;
	list-style: none;
	text-align: center;
}
.photoGallery li p
{
	float:none;
	margin-top:2px;
}
.photoGallery a {
	width:220px;
	height:100px;
}
.photoGallery img {
	border:5px solid #FFFFFF;
	margin:0 auto 0 auto;
	padding:0;
	float:none;
}
.photoGalleryPerPage li
{
	width:182px;
	height:182px;
}
.photoGalleryPerPage p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-style:normal;
	width:100%;
	margin:2px auto 0 auto;
	padding:0 0 2px 0;
}
#GalleryLinks {
	width:900px;
	text-align:center;
}
/* END LIGHTBOX & GALLERY */



/* EVENTS */
.eventVip h3 {
	width:400px;
}

.eventListItem {
	min-height:84px;
	width:274px;
	padding-bottom:6px;
	padding-top:18px;
}

.eventListItem img {
	border:5px solid #FFFFFF;
	margin-right:10px;
}

.eventListItem .eventContainer {
	width:135px;
	margin-bottom:8px;
}
.eventPromo {
}

.eventsDisplay {
}


#events {
	padding-left:18px;
}


#eventsCalender {
	padding-left:18px;
}
#eventsCalender h2 {
	text-indent:-9999px;
	background-image:url(/images/title_events_calender.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:22px;
	width:144px;
	float:left;
}

table.eventsCalender
{
	text-align: center;
	width:896px;
	border: 5px;
	border-spacing: 5px;
	border-collapse:separate;
	table-layout:fixed;
}

table.eventsCalender td
{
	vertical-align:top;
	width:14%;
	background-color: #222222;
	padding: 4px;
	text-align: center;
	border: 0px #fff solid;
	max-height:300px;
	margin-bottom:6px;
	overflow:hidden;
}

table.eventsCalender td h3
{
	background-color:#373737;
	padding:5px;
	margin-bottom:8px;
	margin-top:-5px;
	margin-left:-5px;
	width:116px;
}
table.eventsCalender td.blank
{
	background-color:#1A1A1A;
}
table.eventsCalender td img
{
	padding-top:5px;
}
#eventsGrid {
	

}
table.eventsGrid
{
	width:896px;
}
table.eventsGrid tr td {
	text-align:left;
	vertical-align:top;
	width:224px;
	height:40px;
	padding:10px;
}
table.eventsGrid tr td img {
	margin-bottom:5px;
}

/* END EVENTS */

/* HOME PAGE */
#homeBars img {
	float:right;
	padding-left:10px;
	margin-right:-5px;
}
#homeBars h3 {
	width:230px;
}
#homeBars p
{
	/*width:100%;*/
	padding-right:10px;
}


#galleryBarImg {
	/*float:right;*/
	margin-right:14px;
	margin-bottom:14px;
	margin-top:22px;
}
#havanaBarImg {
	float:left;
	margin-right:14px;
	margin-bottom:14px;
	margin-top:22px;
}
#barsImg {
	float:right;
	margin-right:14px;
	margin-bottom:14px;
	margin-top:36px;
}
#homeVipMembers img {
	width:280px;
	height:164px;
	padding-bottom:10px;
	margin-top:-25px;
	margin-right:0px;
	border:0;
}

#homeVipMembers ul li{
	list-style-type:disc;
	margin-left:18px;
}



#homeTaxiService {
}
#homeTaxiService img
{
	margin-top:-15px;
	width:280px;
	height:164px;
	padding-bottom:10px;
	border:0;
}
#homeTaxiService a
{
	padding-bottom:5px;
}


/* RESTUARENT */

#homeRestaurant h2 {
	width:500px;
	padding-bottom:20px;
}
#homeRestaurant img {
	float:left;
	/*margin-right:14px;
	width:239px;
	height:226px;*/
}

#BookTable {
}


#BookTable label {
	float: left;
	font-weight: bold;
	width: 118px;
	display: block;
}

#BookTable .overrideCheck {
	float: left;
	font-weight: bold;
	display:in-line;
}

#BookTable input, textarea {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 150px;
	font-size: 12px;
	margin-bottom:4px;
	margin-top:4px;
}
#BookTable input #override
{
width: 30px;
}
#BookTable textarea {
	
	height:50px;
	width:268px;
}
#BookTable select {

	width:80px;
	margin-bottom:6px;
}
table.bookingCalender
{
	float:left;
	margin-left:-5px;
	text-align: center;
	width:285px;
	border: 5px;
	border-spacing: 5px;
	border-collapse:separate;
	table-layout:fixed;
}
table.bookingCalender td
{
	vertical-align:top;
	width:14%;
	background-color: #222222;
	padding: 4px;
	text-align: center;
	border: 0px #fff solid;
	max-height:300px;
	margin-bottom:6px;
	overflow:hidden;
}
table.bookingCalender td.selected
{
	background-color: #444444;
	border: 1px #fff solid;
}
/* END HOME PAGE */

/* MAIN CONTENT */

.mainContent {
	float:right; /* FIX FOR IE */
}
.mainContentTop{
	background-image:url(/images/backgrounds/col8_top.png);
	background-repeat:no-repeat;
	width:609px;
	height:18px;
}

.mainContentMiddle{
	background-image:url(/images/backgrounds/col8_middle.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
	/*Firefox, Chrome, Safari width */
	width:577px;
	/*Internet Explorer 8 with */
	_width:607px;

	height:auto;
	padding:16px;
	min-height:206px;
}
.mainContentMiddle img {
	margin:20px;
}

.mainContentBottom {
	background-image:url(/images/backgrounds/col8_bottom.png);
	background-repeat:no-repeat;
	width:608px;
	height:25px;
	margin-bottom:6px;
}

/* END MAIN CONTENT */

#splashArea {
	position:absolute;
	top:130px;
	margin-left:3px;
	z-index:-1;
}

#splashAreaSpacer {
	height:322px;
}
/* END HOME PAGE */

/* BARS */

#BarContent {
	display:inline;
}
#BarContent ul li {
	list-style-type: disc;
	list-style-position:inside;
}

/* END LOUNGE BAR */

/* FORM ELEMENTS */
.optInFormLabel
{
	width:100px;
}

.contactForm p
{
	padding-top:10px;
	padding-right:50px;
}

#contactForm label {
	float: left;
	font-weight: bold;
	width: 145px;
	display: block;
}

#contactForm select {
	width:294px;
	margin-bottom:6px;
}

#contactForm input, textarea {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 290px;
	font-size: 12px;
	margin-bottom:6px;
}

#contactForm textarea {
	padding:5px;
	height:50px;
	width:280px;
}

input.CheckBox {
	/*width: auto;*/
	height: auto;
	border: none;
}
.optInFormLabel {
	width:100px;
}

form sup  { padding: 0 5px 0 0; }
#DOBDay   { width: 70px; 		}
#DOBMonth { width: 150px; 		}
#DOBYear  { width: 75px; 		}

/* RESTAURANT */


#restaurantMiddle table {
	width:570px;
	padding:5px;
}

#restaurantMiddle table tr td {
	vertical-align:top;
	width:50%;
	padding:10px;
}

.restaurantMenu {
	display:inline-block;
	width:580px;
	padding-bottom:20px;
}
.restaurantMenu h2 {
	float:left;
	padding-bottom:5px;
}
.restaurantMenu img {
	float:left;
	margin:0px;
	margin-right:10px;
}
.restaurantMenu .copyContainer
{
	width:440px;
}
.restaurantMenu .copyContainer p
{
	padding: 0 0 8px 0;
}

/* END RESTAURANT */

/* WEDDINGS */

#weddings ul {
	list-style-position:inside;
	list-style-type:disc;
	margin-right:10px;
}

/* END WEDDINGS *?

/* MENUS */

.price {
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

/* END MENUS */

/* DIRECTIONS */
#directions
{
	width:330px;
}

/*
/* END DIRECTIONS */

/* CONTACT */

#contact h2 {
	background-image:url(/images/title_contact_us.png);
	background-repeat:no-repeat;
	width:295px;
	height:25px;
	text-indent:-9999px;
	padding-bottom:15px;
}
#contactBarImage {
	background-image:url(/images/opening_times_bar.jpg);
	background-repeat:no-repeat;
	width:132px;
	height:366px;
	margin-right:20px;
}

#contactRestaurantImage {
	background-image:url(/images/opening_times_restaurant.jpg);
	background-repeat:no-repeat;
	width:132px;
	height:366px;
	margin-right:20px;
	margin-left:30px;
}
/* END CONTACT */

/* OPENING TIMES */

#openingTimes {
	display:block;
}

#openingTimes table {
	margin-top:20px;
	display:table;
	width:230px;
	height:200px;
}
#openingTimes table td {
	width:60%;

}
#openingTimes h2 {
	background-image:url(/images/title_opening_times.png);
	background-repeat:no-repeat;
	width:295px;
	height:25px;
	text-indent:-9999px;
	padding-bottom:15px;
}
/* END OPENING TIMES */

/* FOOTER */

#footer {
	background-image:url(/images/footerBg.png);
	background-repeat:no-repeat;
	height:53px;
	margin-top:10px;
	margin-left:5px;
	padding-top:17px;
	padding-bottom:5px;
	text-align:center;
	width:927px;
}
#footer ul li	{
	padding-left:20px;
	padding-right:20px;
	display:inline;
}

/* END FOOTER */


/* ROTA LOGIN PAGE */
#RotaLogin {
	margin:auto;
	width:507px;
	margin-top:20px;
	height:98%;
}
#RotaLogin label {
	padding-bottom:2px;
	font-weight: bold;
	width: 80px;
	display:inline;
	margin-left:10px;
}
#RotaLogin input {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 150px;
	font-size: 12px;
	margin-bottom:6px;
	margin-top:4px;
}
#RotaIframe {
	height:500px;
	width:100%;
	background-color:#FFFFFF;
}
/* END ROTA LONGIN PAGE */

#testimonials_form
{
	width:450px;
}

