@charset "utf-8";
html, body  {
	font: 100% Arial, Helvetica, sans-serif;
	color: #b8b8b8;
	background: url('../images/bgtile.gif') top center repeat-y #9f9f9f;
	height: 100%;
}
#container { 
	width: 958px;
	margin: 0 auto;
} 
#leftContainer { 
	width: 446px;
	float: left;
	margin-bottom: -30px;
	padding-bottom: 30px;
	background: #000000 url('../images/bgpattern.gif') repeat-x top left;
}
#contentTop {
	width: 437px;
	height: 12px;
	background: transparent url('../images/content_top.png') no-repeat top left;
	margin: 0 10px 0 0;
}
#content {
	width: 437px;
	height:auto !important; /* real browsers */
	height: 520px; /* IE6: treaded as min-height*/
	min-height: 520px; /* real browsers */
	background-color: #3e3e3e;
	margin: 0 10px 0 0;
}
#contentBottom {
	width: 437px;
	height: 12px;
	background: transparent url('../images/content_bottom.png') no-repeat top left;
	margin: 0 10px 0 0;
}
#flashContainer {
	width: 512px;
	height: 660px;
	float: right;
}

/* Header Area Styles */
#header { 
	width: 446px;
	height: 104px;
	margin: 0;
	padding: 0;
}
#logo { 
	float: left;
	display: inline;
	width: 132px;
	margin: 12px 10px 0 32px;
} 
#upperNav {
	float: right;
	width: 265px;
	margin-right: 7px
}
#upperNav a {
    background: transparent url('../images/btn_a.png') no-repeat scroll top right;
    color: #ffffff;
	font-size: 0.6em;
	font-weight: 900;
    display: block;
    float: right;
    height: 25px;
	padding-right: 12px; /* sliding doors padding */
    text-decoration: none;
}
#upperNav a span {
    background: transparent url('../images/btn_span.png') no-repeat;
    display: block;
    line-height: 13px;
    padding: 4px 0 8px 12px;
}

/* Top Navigation Bar Styles */
#topNavBar { 
	width: 446px;
	height: 24px;
	background: #e31b23;
}
#topNavBar ul { 
	float: left;
	margin: 0 0 0 10px;
	list-style-type: none;
}
#topNavBar li { 
	float: left;
}
#topNavBar li a {
	font-size: 0.6em;
	font-weight: bold;
	display: inline-block;
	line-height: 1.0em;
	border-right: 1px solid #ffffff;
	padding: 0 6px;
	color: #ffffff;
	text-decoration: none;
}
#topNavBar li.topNavLast a { 
	display: inline-block;
	border: 0;
	padding: 0 6px;
}

/* HomePage Content Area Styles */
#rightContainerHome {
	float: left;
	display: inline;
	width: 512px;
	background: url('../images/bgright_homepage.jpg') no-repeat top left;
}
#homeArrow {
	margin: 0 6px 0 26px;
	height: 20px;
	background: transparent url('../images/menu_arrow.png') no-repeat top left;
	overflow: hidden;
}
#HomeContent {
	width: 437px;
	height: 536px;
	background: transparent url('../images/bgleft_homepage.png') no-repeat top left;
	margin: 0 10px 0 0;
	padding: 9px 24px 0 21px;
}
#HomeContentLeft {
	width: 230px;
	height: 400px;
	float: left;
	display: inline;
}
#HomeContentLeftTop {
	height: 80px;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #676767;
	font-size: 1.05em;
	line-height: 22px;
}
#HomeContentLeftBottom {
	height: 320px;
	padding-top: 18px;
	font-size: 0.7em;
	line-height: 18px;
}
#HomeContentRight {
	width: 149px;
	height: 400px;
	padding-left: 15px;
	float: left;
	display: inline;
}
#HomeContentRightTop {
	height: 22px;
	padding-bottom: 3px;
	border-bottom: 1px solid #676767;
}
#HomeSocialLinks {
	height: 37px;
	padding: 7px 0 0 1px;
}
#HomeContentRightMiddle {
	height: 59px;
	padding-bottom: 10px;
	border-bottom: 1px solid #676767;
}
#HomeContentRightBottom {
	height: 310px;
	padding-top: 24px;
	padding-left: 1px;
	font-size: 10px;
	line-height: 16px;
	color: #ffffff;
}
#HomeContentRightBottom a{
	font-size: 10px;
	line-height: 16px;
	color: #ffffff;
	text-decoration: none;
}

/* About Us Page Content Area Styles */
#rightContainerAbout {
	float: left;
	display: inline;
	width: 512px;
	background: url('../images/bgright_aboutus.jpg') no-repeat top left;
}
#aboutArrow {
	margin: 0 6px 0 80px;
	height: 20px;
	background: transparent url('../images/menu_arrow.png') no-repeat top left;
	overflow: hidden;
}
#AboutContent {
	width: 437px;
	margin: 0 10px 0 0;
	padding: 7px 0 0 21px;
}
#AboutContentTop {
	height: 26px;
	padding: 0 0 15px 0;
	font-size: 1.5em;
}
#AboutContentMiddle {
	width: 385px;
	padding: 0 0 35px 0;
	font-size: 0.8em;
	line-height: 22px;
}
#AboutContentBottom {
	height: 35px;
	border-top: 1px solid #676767;
	padding: 10px 15px 0 0;
}
#aboutImage {
	height: 210px;
	width: 414px;
	border: 1px solid #676767;
}
#AboutSocial {
	float: right;
	display: inline;
}
#AboutFollow {
	float: right;
	display: inline;
	font-size: 0.7em;
	font-weight: 500;
	line-height: 18px;
	color: #ffffff;
}


/* Whats On Page Content Area Styles */
#rightContainerWhats {
	float: left;
	display: inline;
	width: 512px;
	background: url('../images/bgright_whatson.jpg') no-repeat top left;
}
#whatsArrow {
	margin: 0 6px 0 148px;
	height: 20px;
	background: transparent url('../images/menu_arrow.png') no-repeat top left;
	overflow: hidden;
}
#WhatsContentTop {
	height: 26px;
	width: 401px;
	margin: 0 10px 0 0;
	padding: 7px 15px 17px 21px;
	font-size: 1.5em;
	border-bottom: 1px solid #676767;
}
#WhatsContentMiddle {
	width: 401px;
	margin: 0 10px 0 0;
	padding: 17px 15px 20px 21px;
	font-size: 0.8em;
	line-height: 22px;
}
#WhatsContentMiddle a {
	color: #ffffff;
	text-decoration: none;
}

#WhatsCalendarHeader {
	width: 381px;
	margin: 0 10px 0 0;
	padding: 4px 15px 4px 41px;
	font-size: 0.8em;
	line-height: 22px;
	border-top: 1px solid #676767;
	background: transparent url('../images/whats_coming_bg.png') no-repeat top left;
}
#WhatsCalendarHeader h1 {
	color: #ffffff;
	font-size: 1.1em;
	padding-bottom: 8px;
}
#WhatsCalendarSubHeader {
	width: 381px;
	margin: 0 10px 0 0;
	padding: 2px 15px 2px 41px;
	font-weight: 500;
	font-size: 0.8em;
	color: #ffffff;
	line-height: 18px;
	border-bottom: 1px solid #676767;
}
.WhatsCalendarContentSelected {
	width: 401px;
	margin: 0 10px 0 0;
	padding: 6px 15px 6px 21px;
	font-size: 0.8em;
	line-height: 18px;
}
.WhatsCalendarContentSelected a{
	color: #ffffff;
	text-decoration: none;
}
.WhatsCalendarContentDeselected {
	width: 401px;
	margin: 0 10px 0 0;
	padding: 6px 15px 6px 21px;
	font-size: 0.8em;
}
.WhatsCalendarArrow {
	float: left;
	display: inline;
	width: 20px;
	padding: 4px 0 0 0;
}
.WhatsCalendarLeft {
	float: left;
	display: inline;
	width: 251px;
	padding: 0 30px 0 0;
}
.WhatsCalendarEvent {
	display: inline;
	font-size: 0.9em;
	font-weight: 500;
	color: #ffffff;
}
.WhatsCalendarEventTitle {
	display: inline;
}
.WhatsCalendarDetailsTop {
	padding: 5px 0 0 12px;
}
.WhatsCalendarDetailsBottom {
	padding: 0 0 4px 20px;
}
.WhatsCalendarDetailsBottom p {
	padding-top: 5px;
}
.WhatsCalendarRight {
	float: left;
	display: inline;
	width: 100px;
}
#WhatsContentBottom {
	height: 35px;
	border-top: 1px solid #676767;
	padding: 10px 15px 0 0;
}
#WhatsSocial {
	float: right;
	display: inline;
}
#WhatsFollow {
	float: right;
	display: inline;
	font-size: 0.7em;
	font-weight: 500;
	line-height: 18px;
	color: #ffffff;
}

/* Beverages Page Content Area Styles */
#rightContainerBeverages {
	float: left;
	display: inline;
	width: 512px;
	background: url('../images/bgright_beverages.jpg') no-repeat top left;
}
#beveragesArrow {
	margin: 0 6px 0 220px;
	height: 20px;
	background: transparent url('../images/menu_arrow.png') no-repeat top left;
	overflow: hidden;
}
#beverageContent {
	width: 437px;
	height:auto !important; /* real browsers */
	height: 520px; /* IE6: treaded as min-height*/
	min-height: 520px; /* real browsers */
	background-color: #3e3e3e;
	margin: 0 10px 0 0;
	padding-bottom: 10px;
}
#beverageContentTop {
	height: 26px;
	width: 401px;
	margin: 0 10px 0 0;
	padding: 7px 15px 17px 21px;
	font-size: 1.5em;
}
.beverageContentBottom {
	padding: 0 0 17px 21px;
	border-bottom: 1px solid #676767;
}
#beverageContent h1 {
	background: transparent url('../images/beverage_bg.png') no-repeat top left;
	color: #ffffff;
	font-size: 14px;
	line-height: 30px;
	padding: 0 0 8px 21px;
}
.beverageContentBottom td{
	font-size: 14px;
	padding: 5px 0 5px 0;
}
#beersContentMiddle {
	background: transparent url('../images/beers.jpg') no-repeat top left;
	border: 1px solid #676767;
	height: 198px;
	padding-left: 30px;
}
#wineContentMiddle {
	background: transparent url('../images/wine.jpg') no-repeat top left;
	border: 1px solid #676767;
	height: 198px;
	padding-left: 30px;
}	
#cocktailsContentMiddle {
	background: transparent url('../images/cocktails.jpg') no-repeat top left;
	border: 1px solid #676767;
	height: 198px;
	padding-left: 30px;
}	

/* Events and Functions Page Content Area Styles */
#rightContainerEvents {
	float: left;
	display: inline;
	width: 512px;
	background: url('../images/bgright_events.jpg') no-repeat top left;
}
#eventsArrow {
	margin: 0 6px 0 320px;
	height: 20px;
	background: transparent url('../images/menu_arrow.png') no-repeat top left;
	overflow: hidden;
}
#eventsContentTop {
	height: 26px;
	width: 401px;
	margin: 0 10px 0 0;
	padding: 7px 15px 17px 21px;
	font-size: 1.5em;
	border-bottom: 1px solid #676767;
}
#eventsContentMiddle {
	width: 401px;
	margin: 0 10px 0 0;
	padding: 17px 15px 20px 21px;
	font-size: 0.8em;
	line-height: 22px;
}
#eventsContentMiddle a {
	color: #ffffff;
	text-decoration: none;
}
#eventsContentPlan {
	width: 401px;
	margin: 0 10px 0 0;
	padding: 0 15px 20px 21px;
	font-size: 0.8em;
	line-height: 22px;
	border-top: 1px solid #676767;
	background: transparent url('../images/events_plan_bg.png') no-repeat top left;
}
#eventsContentPlan a {
	color: #ffffff;
	text-decoration: none;
}
#eventsContentPlan h1 {
	color: #ffffff;
	font-size: 1.1em;
	line-height: 30px;
	padding-bottom: 8px;
}
#eventsFormLeft {
	float: left;
	display: inline;
	width: 120px;
	height: 300px;
	line-height: 25px;
}
#eventsFormRight {
	float: left;
	display: inline;
}
#functionForm {
	display: inline;
	float: left;
}
.eventsFormShort {
	width: 125px;
}
.eventsFormLong {
	width: 252px;
}
#eventsFormSubmit {
	float: right;	
}
#eventsFormMessage {
	width: 250px;
	height: 100px;
	margin-top: 2px;
}
#eventsContentBottom {
	clear: both;
	height: 25px;
	border-top: 1px solid #676767;
	padding: 10px 15px 0 0;
}
/* News Page Content Area Styles */
#rightContainerNews {
	float: left;
	display: inline;
	width: 512px;
	background: url('../images/bgright_news.jpg') no-repeat top left;
}
#newsArrow {
	margin: 0 6px 0 406px;
	height: 20px;
	background: transparent url('../images/menu_arrow.png') no-repeat top left;
	overflow: hidden;
}
#newsContentTop {
	height: 26px;
	width: 401px;
	margin: 0 10px 0 0;
	padding: 7px 15px 17px 21px;
	font-size: 1.5em;
	border-bottom: 1px solid #676767;
}
#newsContentMiddle {
	width: 401px;
	margin: 0 10px 0 0;
	padding: 17px 15px 20px 21px;
	font-size: 0.8em;
	line-height: 22px;
}
#newsContentMiddle a {
	color: #ffffff;
	text-decoration: none;
}
#newsContentPress {
	width: 401px;
	margin: 0 10px 0 0;
	padding: 0 15px 20px 21px;
	font-size: 0.8em;
	line-height: 22px;
	border-top: 1px solid #676767;
	background: transparent url('../images/news_press_bg.png') no-repeat top left;
}
#newsContentPress a {
	color: #ffffff;
	text-decoration: none;
}
#newsContentPress h1 {
	color: #ffffff;
	font-size: 1.1em;
	line-height: 30px;
	padding-bottom: 8px;
}
#newsContentImage {
	width: 401px;
	margin: 0 10px 0 0;
	padding: 0 15px 20px 21px;
	font-size: 0.8em;
	line-height: 22px;
	border-top: 1px solid #676767;
	background: transparent url('../images/news_image_bg.png') no-repeat top left;
}
#newsContentImage a {
	color: #ffffff;
	text-decoration: none;
}
#newsContentImage h1 {
	color: #ffffff;
	font-size: 1.1em;
	line-height: 30px;
	padding-bottom: 8px;
}
#newsContentFollow {
	width: 401px;
	margin: 0 10px 0 0;
	padding: 0 15px 20px 21px;
	font-size: 0.8em;
	line-height: 22px;
	border-top: 1px solid #676767;
	background: transparent url('../images/news_follow_bg.png') no-repeat top left;
}
#newsContentFollow a {
	color: #ffffff;
	text-decoration: none;
}
#newsContentFollow span {
	font-size: 1em;
	line-height: 18px;
	vertical-align: top;
}
#newsContentFollow h1 {
	color: #ffffff;
	font-size: 1.1em;
	line-height: 30px;
	padding-bottom: 8px;
}

/* Footer Area Styles */
#footer {
	width: 958px;
	position: relative;
	vertical-align: middle;
	margin-top: 15px;
	height: 30px;
}
#footerNav { 
	float: left;
	display: inline;
	height: 0.8em;
	margin: 7px 0 0 6px;
}
#footerNav ul{ 
	list-style-type: none;
}
#footerNav li{ 
	float: left;
	display: inline-block;
	line-height: 0.8em;
	border-right: 1px solid #dadada;
	padding: 0 6px;
}
#footerNav a{
	font-size: 0.7em;
	color: #dadada;
	text-decoration: none;
	vertical-align: top;
}
#footerNav li.footerNavCurrent a{ 
	color: #ffffff;
}
#footerNav li.footerNavLast{ 
	border: none;
}
#address {
	float: right;
	font-size: 0.7em;
	color: #dadada;
	padding: 7px 10px 0 0;
}
#siteBy {
	padding: 0 0 2px 12px;
}
#siteBy a{
	color: #656565;
	font-size: 0.7em;
	text-decoration: none;
}

/* 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 */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}