@charset "UTF-8";
/* CSS Document */

/* Styles */

body {
  text-align: center;
  background-image:url(images/BG-Fade.jpg);
  background-repeat:repeat-x;
  background-color:#2e1a0b;
  
  }

.container {
  vertical-align: middle;	
  margin: 0px auto;
  padding: 38px 0px 0px 0px;
  width: 849px;
  height: 570px;
  }
  
		.header {
		  background-image:url(images/Header.png);
		  background-repeat:no-repeat;
		  vertical-align: middle;	
  		  margin: 0px auto;
  		  padding: 6px 0px 0px 0px;  
		  width: 282px;
 		  height: 75px; 
		}     
		
			.homeButton {
			  display: block; float:left; height:75px; width:282px;
			  text-indent: -9999px;
			
			}
	 
				.contentHome {
				  background-image:url(images/Main_BG_Home.png);
				  background-repeat:no-repeat;
				  vertical-align: middle;	
				  margin: 0px auto;
				  padding: 0px 0px 0px 0px;  
				  width:849px;
				  height:418px; 
				}
				
				.contentCocktails {
				  background-image:url(images/Main_BG_Cocktails.png);
				  background-repeat:no-repeat;
				  vertical-align: middle;	
				  margin: 0px auto;
				  padding: 0px 0px 0px 0px;    
				  width:849px;
				  height:418px; 
				}
				
				.contentDishes {
				  background-image:url(images/main_smalldishes_11_2010.png);
				  background-repeat:no-repeat;
				  vertical-align: middle;	
				  margin: 0px auto;
				  padding: 0px;  
				  width:849px;
				  height:418px; 
				}
				
				
				.contentDishes2 {
				  background-image:url(images/Main_BG_Dishes2.png);
				  background-repeat:no-repeat;
				  vertical-align: middle;	
				  margin: 0px auto;
				  padding: 0px;  
				  width:849px;
				  height:418px; 
				}
				
				
				.contentParties {
				  background-image: url(images/Main_BG_PrivateParties.png);
				  background-repeat:no-repeat;
				  vertical-align: middle;	
				  margin: 0px auto;
				  padding: 0px;  
				  width:849px;
				  height:418px; 
				}
				
				.contentHoursInfo {
				  background-image:url(images/Main_BG_Hours.png);
				  background-repeat:no-repeat;
				  vertical-align: middle;	
				  margin: 0px auto;
				  padding: 0px;  
				  width:849px;
				  height:418px; 
				}
		
  
		.navbox {
		  vertical-align: middle;
		  text-align:center;	
  		  margin: 0px auto;
  		  padding: 23px 0px 0px 0px;  
		  width:752px;
		  height:25px; 
		}  
		
		
		
/* Loose Buttons */
		
		
		.facebook {
	 	  float:right;
		  position:relative; width:16px; height:16px; left:-17px; bottom:21px;
		  vertical-align: middle;
		  text-align:left;
		  width:16px;
		  height:16px; 
		}  
		
		.addthis {
	 	  float:right;
		  position:relative; width:16px; height:16px; left:21px; bottom:21px;
		  vertical-align: middle;
		  text-align:left;
		  width:16px;
		  height:16px; 
		}  

		#mapButton
		{
		  vertical-align: middle;
		  text-align:center;
		  position:relative;
		  top:213px;	
		  margin: 0px auto;
		  padding: 0px 0px 0px 0px;  
		  display: block;
		  width: 102px;
		  height: 19px;
		  background: url("images/MapButton-dual.png") no-repeat 0 0;
		
		}
		
		
		#more
		{
		  vertical-align: middle;
		  text-align:center;
		  position:relative;
		  
		  display: block;
		  width: 33px;
		  height: 15px;
		  background: url("images/SmallDishes_More.png") no-repeat 0 0;
		
		}
		
		
		#moreUp
		{
		  vertical-align: middle;
		  text-align:center;
		  margin-left:2px;
		  display: block;
		  width: 28px;
		  height: 19px;
		  background: url("images/SmallDishes_UpArrow-Dual.png") no-repeat 0 0;
		
		}
		
		
		#moreDown
		{
		  vertical-align: middle;
		  text-align:center;
		  margin-left:2px;
		  display: block;
		  width: 28px;
		  height: 19px;
		  background: url("images/SmallDishes_downArrow-dual.png") no-repeat 0 0;
		
		}




/* Rollovers */



	#mapButton:hover
	{ 
	  background-position: 0 -19px;
	}
	
		#mapButton span
		{
		  display: none;
		}

	
	#moreUp:hover
	{ 
	  background-position: 0 -19px;
	}
	
		#moreUp span
		{
		  display: none;
		}

	
	#moreDown:hover
	{ 
	  background-position: 0 -18px;
	}
	
		#moreDown span
		{
		  display: none;
		}


/* Navigation */


* { margin: 0; padding: 0;  } /* Reset stuff */


ul#nav-menu {
	width: 752px; margin: 0px auto; padding:0px; 
	list-style-type: none;
}



ul#nav-menu li { display: inline; }
	
ul#nav-menu li a {
	display: block; float:left; height: 25px;
	background-image: url(images/Navigation.png); text-indent: -9999px;
}

	ul#nav-menu li a.cocktails {
		width: 186px;  background-position: 0px 0px;	
	}
	
	ul#nav-menu li a.dishes {
		width: 163px;  background-position: -186px 0px;	
	}
	
	ul#nav-menu li a.parties {
		width: 180px;  background-position: -349px 0px;	
	}
	
	ul#nav-menu li a.hoursinfo {
		width: 223px;  background-position: -529px 0px;	
	}
	
	
	
	ul#nav-menu li a.cocktails2 {
		width: 186px; clear:both; background-position: 0px 25px;	
	}
	
	ul#nav-menu li a.dishes2 {
		width: 163px;  background-position: -186px 25px;	
	}
	
	ul#nav-menu li a.parties2 {
		width: 180px;  background-position: -349px 25px;	
	}
	
	ul#nav-menu li a.hoursinfo2 {
		width: 223px;  background-position: -529px 25px;	
	}
	
	
	
	ul#nav-menu li a.cocktails:hover, ul#nav-menu li a.ninja:focus {
		background-position: 0px 25px;
	}
	
	ul#nav-menu li a.dishes:hover, ul#nav-menu li a.zombie:focus {
		background-position: -186px 25px;	
	}
	
	ul#nav-menu li a.parties:hover, ul#nav-menu li a.robot:focus {
		background-position: -349px 25px;	
	}
	
	ul#nav-menu li a.hoursinfo:hover, ul#nav-menu li a.assassin:focus {
		background-position: -529px 25px;
	}
	
	





a { outline: none; }




/* Cocktails Scroll Box & Buttons */
#box2{
	position: relative;
}
#box2 span{
	display:block;
	float:left;
}


.mask2{
	position:relative;
	top:43px;
	vertical-align: middle;	
  	margin: 0px auto;
  	padding: 0px;  	
	width:313px;
	height:332px;
	overflow:hidden;
}


span img{
	display:block;
	border:none;
}


.buttons2{float:right; position:relative; top:-140px; left:-21px; vertical-align: middle; margin: 0px auto; padding: 0px;  	}

.buttons{position:relative; top:48px; vertical-align: middle; margin: 0px auto; padding: 0px;  	}
.buttons span{color:#a6875b;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{ text-decoration:underline; color:#8fb3ad}