body,ul, li, p ,h1, h2, h3, h4 ,h5{margin:0; padding:0;}
ul, li{list-style:none;}
a{text-decoration:none;outline:none;}
.clear {clear:both;}
img{border:0;}
.hide{ display:none;}

html,body{	
	font-size: .9em;
	background: #000;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family:"Times New Roman", Times, serif;
	letter-spacing:.1em;
	line-height:1.3em;
	text-align:center;
	overflow:hidden;}
	
/* .mac.safari .container, .mac.gecko .container {
font-family:Helvetica, Arial, sans-serif;}*/

a{color:#F7D654;}

a.active{color:#fff;}

/* content */

#container { padding:10px 20px; text-align: left; width: 840px; height: 470px;  top:50%; left:50%; margin: -258px 0 0 -440px; color:#fff; position: absolute;  z-index:2000;}

#container-back { padding:10px 20px; text-align: left; width: 840px; height: 470px;  top:50%; left:50%; margin: -258px 0 0 -440px; background-color: #000;  position: absolute; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index:1000;}

#container-back2 {width: 880px; height: 535px; top:50%; left:50%; margin: -258px 0 0 -440px; position: absolute; background-color: #000; filter:alpha(opacity=45); -moz-opacity:0.45; -khtml-opacity: 0.45; opacity: 0.45; z-index:1;}

#left,#right{float:left; display:inline; height:450px;}

#left{	
	width: 415px;
	margin:0 20px 0 0;}
	
#right{
	width: 400px;
	text-align:right;}	
	
#logo{
	height:35px;
	margin:15px 0 0 0;}	
	
.content{
	margin:0 0 0 0;
	padding: 0 10px 0 0;
	width: 400px;	
	height:330px;
	overflow: auto;
	}	
	
/* -- IE styles and fixes -- */

.ie	.content{
	letter-spacing:normal;
	margin-top:80px;
	scrollbar-3dlight-color:#000;
scrollbar-arrow-color:#000;
scrollbar-base-color:#000;
scrollbar-darkshadow-color:#000;
scrollbar-face-color:#F7D654;
scrollbar-highlight-color:#000;
scrollbar-shadow-color:#000;
scrollbar-track-color:#000; }

.ie .cocktails .scroll-pane, .ie .food .scroll-pane, .ie .meetings .scroll-pane{
	margin-top:45px;}

	
.content-short-top{
	margin:15px 0 0 0;
	padding: 0 10px 0 0;
	width: 400px;	
	height:100px;
	overflow: auto;
	}		
	
.content-short-lower{
	margin:15px 0 0 0;
	padding: 0 10px 0 0;
	width: 400px;	
	height:310px;
	overflow: auto;
	}	
	
	
.pdfs{
	height:20px;
	padding:15px 0 0 0;}	
	
	
	
/* Gallery */

ul#img_nav{
	width:304px;
	/*position:absolute;
	bottom:10px;
	right:20px;*/
	float:right;
margin:0;
padding:0;}

ul#img_nav li{
list-style:none;
float:left;
display:inline;
margin:11px 0 0 11px;
}

	
	
/* nav */

ul.nav{
	padding:6px 0 0 20px;
	top:50%; left:50%; 
	margin: 260px 0 0 -440px;
	position:absolute;
	z-index:2000;
	height:25px;
	width:860px;}
	
ul.nav li{	
margin:0 19px 0 0; 
	float:left;
	display:inline;}
	
ul.nav li.home a{
	height:19px;
	width:51px;
	display:block;
	background:url(assets/nav/home.gif) 0 100%  no-repeat;}	
	
ul.nav li.home a:hover, .home ul.nav li.home a{
	background:url(assets/nav/home.gif)  0 0 no-repeat;}	
	
ul.nav li.about a{
	height:19px;
	width:51px;
	display:block;
	background:url(assets/nav/about.gif) 0 100%  no-repeat;}	
	
ul.nav li.about a:hover,.about  ul.nav li.about a{
	background:url(assets/nav/about.gif)  0 0 no-repeat;}	
	
ul.nav li.food a{
	height:19px;
	width:43px;
	display:block;
	background:url(assets/nav/food.gif) 0 100%  no-repeat;}	
	
ul.nav li.food a:hover,.food  ul.nav li.food a{
	background:url(assets/nav/food.gif)  0 0 no-repeat;}	
	
	
ul.nav li.cocktails a{
	height:19px;
	width:58px;
	display:block;
	background:url(assets/nav/cocktails.gif) 0 100%  no-repeat;}	
	
ul.nav li.cocktails a:hover, .cocktails ul.nav li.cocktails a{
	background:url(assets/nav/cocktails.gif)  0 0 no-repeat;}		
	
ul.nav li.meetings a{
	height:19px;
	width:156px;
	display:block;
	background:url(assets/nav/meetings.gif) 0 100%  no-repeat;}	
	
ul.nav li.meetings a:hover, .meetings ul.nav li.meetings a{
	background:url(assets/nav/meetings.gif)  0 0 no-repeat;}		
	
ul.nav li.gallery a{
	height:19px;
	width:61px;
	display:block;
	background:url(assets/nav/gallery.gif) 0 100%  no-repeat;}	
	
ul.nav li.gallery a:hover, .gallery  ul.nav li.gallery a{
	background:url(assets/nav/gallery.gif)  0 0 no-repeat;}			
	
ul.nav li.location a{
	height:19px;
	width:73px;
	display:block;
	background:url(assets/nav/location.gif) 0 100%  no-repeat;}	
	
ul.nav li.location a:hover, .location ul.nav li.location a{
	background:url(assets/nav/location.gif)  0 0 no-repeat;}		
	
ul.nav li.signup a{
	height:19px;
	width:63px;
	display:block;
	background:url(assets/nav/signup.gif) 0 100%  no-repeat;}	
	
ul.nav li.signup a:hover, .signup ul.nav li.signup a{
	background:url(assets/nav/signup.gif)  0 0 no-repeat;}			
	
ul.nav li.contact a{
	height:19px;
	width:66px;
	display:block;
	background:url(assets/nav/contact.gif) 0 100%  no-repeat;}	
	
ul.nav li.contact a:hover, .contact ul.nav li.contact a{
	background:url(assets/nav/contact.gif)  0 0 no-repeat;}		
	
	
.nav-back{
	background-color: #000;  position: absolute; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
	top:50%; left:50%; 
	margin: 260px 0 0 -440px;
	position:absolute;
	z-index:1000;
	height:30px;
	width:880px;
	}	
	
	
	
/* Scrollbars */


.jScrollPaneContainer {
	margin-top:80px;
	position: relative;
	overflow: hidden;
	z-index: 9000;
}

.cocktails .jScrollPaneContainer, .food .jScrollPaneContainer, .meetings .jScrollPaneContainer{
	margin-top:45px;
	}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: none ;
}
.jScrollPaneDrag {
	margin-top:3px;
	position: absolute;
	background: #F7D654;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDrag:hover {
	background: #fff;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
	
	
	


/*background image*/
#background {width: 100%; position: absolute; left: 0px; top: 0px; z-index: -1000; }
.scale {width:100%;  }