/*
Copyright 2007 epixStudios. All materials contained on this site are protected by International copyright law and may not be reproduced, distributed, transmitted, displayed, published without the prior written permission of epixStudios and the Top Table Restaurant Group.
*/

#nav, #nav ul {
	padding: 0;
	margin: 0 0 20px 0;
	list-style: none;
	width: 625px; 
	background-color: #36b1e5; 
	height: 25px;
	}

#nav li {
	background-color: #36b1e5;
	height: 25px;
	} 

#nav a {display: block;}

#nav li {float: left; }

#nav li ul {
	position: absolute; 
	width: 100%;
	left: -999em;
	width: 625px; 
	background-color: #60b1e1; 
	height: 25px; 	
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	display: inline;
	border: none; 
	z-index: 2; 
}

#menus ul {margin-left: -80px;}
#groups ul {margin-left: -202px;}
#shop ul {margin-left: -469px;}

.clear {clear: both;}

/* ----- Getting the sub nav to remain when user is in that section----- */
#profilepg #profilenav {display: inline; left: auto;} 
#grouppg #groupnav {display: inline; left: auto;} 
#shoppg #shopnav {display: inline; left: auto;} 
#menupg #menunav {display: inline; left: auto;} 




/* ----- Image Replacement on the Main Nav Bar ----- */
#nav span {display: none;} 

#profile a {
	background-image: url('../images/profile.gif');
	width: 80px;
	height: 25px;
	background-position: 0 25px;
	}

#profile a:hover { 
	background-image: url('../images/profile.gif');
	background-position: 0 0;
	}

#menus a { 
	height: 25px; 
	width: 65px; 
	background-image: url('../images/menus.gif');
	background-position: 0 25px;
	}

#menus a:hover { 
	background-image: url('../images/menus.gif');
	background-position: 0 0;
	}

#wine a { 
	height: 25px; 
	width: 57px; 
	background-image: url('../images/wine.gif');
	background-position: 0 25px;
	}

#wine a:hover { 
	background-image: url('../images/wine.gif');
	background-position: 0 0;
	}

#groups a { 
	height: 25px; 
	width: 72px; 
	background-image: url('../images/groups.gif');
	background-position: 0 25px;
	}

#groups a:hover { 
	background-image: url('../images/groups.gif');
	background-position: 0 0;
}

#contact a { 
	height: 25px; 
	width: 85px; 
	background-image: url('../images/contact.gif');
	background-position: 0 25px;
	}

#contact a:hover { 
	background-image: url('../images/contact.gif');
	background-position: 0 0;
}

#reso a { 
	height: 25px; 
	width: 110px; 
	background-image: url('../images/reso.gif');
	background-position: 0 25px;
	}

#reso a:hover { 
	background-image: url('../images/reso.gif');
	background-position: 0 0;
}

#shop a { 
	height: 25px; 
	width: 66px; 
	background-image: url('../images/shop.gif');
	background-position: 0 25px;
	}

#shop a:hover { 
	background-image: url('../images/shop.gif');
	background-position: 0 0;
}


/*-------------------------------------------- Profile Navigation --------------------*/
#nav #team a {
	background-image: url('../images/profile/team.gif');
	width: 66px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #team a:hover {
	background-image: url('../images/profile/team.gif');
	background-position: 0 0; 
}

#nav #chefs a { 
	height: 25px; 
	width: 60px; 
	background-image: url('../images/profile/chefs.gif');
	background-position: 0 25px; 
	}

#nav #chefs a:hover { 
	background-image: url('../images/profile/chefs.gif');
	background-position: 0 0;
}

#nav #rawbar a { 
	height: 25px; 
	width: 80px; 
	background-image: url('../images/profile/rawbar.gif');
	background-position: 0 25px; 
	}

#nav #rawbar a:hover { 
	background-image: url('../images/profile/rawbar.gif');
	background-position: 0 0;
}

#nav #bar a { 
	height: 25px; 
	width: 46px; 
	background-image: url('../images/profile/bar.gif');
	background-position: 0 25px; 
	}

#nav #bar a:hover { 
	background-image: url('../images/profile/bar.gif');
	background-position: 0 0;
}

#nav #gallery a { 
	height: 25px; 
	width: 75px; 
	background-image: url('../images/profile/gallery.gif');
	background-position: 0 25px; 
	}

#nav #gallery a:hover { 
	background-image: url('../images/profile/gallery.gif');
	background-position: 0 0;
}

#nav #praise a { 
	height: 25px; 
	width: 61px;
	background-image: url('../images/profile/praise.gif');
	background-position: 0 25px; 
	}

#nav #praise a:hover { 
	background-image: url('../images/profile/praise.gif');
	background-position: 0 0;
}

#nav #restaurants a { 
	height: 25px; 
	width: 147px; 
	background-image: url('../images/profile/restaurants.gif');
	background-position: 0 25px; 
	}

#nav #restaurants a:hover { 
	background-image: url('../images/profile/restaurants.gif');
	background-position: 0 0;
}

/*-------------------------------------------- Menu Navigation --------------------*/
#nav #appetizers a {
	background-image: url('../images/menu/firstplates.gif');
	width: 110px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #appetizers a:hover {
	background-image: url('../images/menu/firstplates.gif');
	background-position: 0 0; 
}

#nav #entrees a {
	background-image: url('../images/menu/principalplates.gif');
	width: 131px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #entrees a:hover {
	background-image: url('../images/menu/principalplates.gif');
	background-position: 0 0; 
}

#nav #rawbarmenu a {
	background-image: url('../images/menu/rawbar.gif');
	width: 79px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #rawbarmenu a:hover {
	background-image: url('../images/menu/rawbar.gif');
	background-position: 0 0; 
}

#nav #sushi a {
	background-image: url('../images/menu/sushi.gif');
	width: 111px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #sushi a:hover {
	background-image: url('../images/menu/sushi.gif');
	background-position: 0 0; 
}

#nav #oysters a {
	background-image: url('../images/menu/oysters.gif');
	width: 73px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #oysters a:hover {
	background-image: url('../images/menu/oysters.gif');
	background-position: 0 0; 
}

#nav #seafood a {
	background-image: url('../images/menu/seafood.gif');
	width: 127px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #seafood a:hover {
	background-image: url('../images/menu/seafood.gif');
	background-position: 0 0; 
}

#nav #dessert a {
	background-image: url('../images/menu/dessert.gif');
	width: 70px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #dessert a:hover {
	background-image: url('../images/menu/dessert.gif');
	background-position: 0 0; 
}

#nav #prix a { /* originally a prix fixe it was later changed to cheese. ID remains as prix */
	background-image: url('../images/menu/fixedprice.gif');
	width: 74px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #prix a:hover {
	background-image: url('../images/menu/fixedprice.gif');
	background-position: 0 0; 
}

#nav #livetank a { 
	background-image: url('../images/menu/livetank.gif');
	width: 76px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #livetank a:hover {
	background-image: url('../images/menu/livetank.gif');
	background-position: 0 0; 
}

/*-------------------------------------------- Groups Navigation --------------------*/
#nav #interactive a {
	background-image: url('../images/groups/interact.gif');
	width: 95px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #interactive a:hover {
	background-image: url('../images/groups/interact.gif');
	background-position: 0 0; 
}

#nav #group_menus a {
	background-image: url('../images/groups/menus.gif');
	width: 65px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #group_menus a:hover {
	background-image: url('../images/groups/menus.gif');
	background-position: 0 0; 
}

#nav #floorplans a {
	background-image: url('../images/groups/floorplans.gif');
	width: 102px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #floorplans a:hover {
	background-image: url('../images/groups/floorplans.gif');
	background-position: 0 0; 
}

#nav #contract a {
	background-image: url('../images/groups/contract.gif');
	width: 93px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #contract a:hover {
	background-image: url('../images/groups/contract.gif');
	background-position: 0 0; 
}

#nav #download a {
	background-image: url('../images/groups/download.gif');
	width: 101px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #download a:hover {
	background-image: url('../images/groups/download.gif');
	background-position: 0 0; 
}

#nav #group_contact a {
	background-image: url('../images/groups/contact.gif');
	width: 83px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #group_contact a:hover {
	background-image: url('../images/groups/contact.gif');
	background-position: 0 0; 
}


/*-------------------------------------------- Shop Navigation --------------------*/
#nav #gifts a {
	background-image: url('../images/shop/giftcerts.gif');
	width: 145px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #gifts a:hover {
	background-image: url('../images/shop/giftcerts.gif');
	background-position: 0 0; 
}

#nav #books a {
	background-image: url('../images/shop/books.gif');
	width: 71px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #books a:hover {
	background-image: url('../images/shop/books.gif');
	background-position: 0 0; 
}

#nav #events a {
	background-image: url('../images/shop/specialevents.gif');
	width: 117px;
	height: 25px;
	background-position: 0 25px; 
	
}	
#nav #events a:hover {
	background-image: url('../images/shop/specialevents.gif');
	background-position: 0 0; 
}