@charset "utf-8";
/* CSS Document */
/* remove the list style */
	#nav {
		position: relative;
		margin: 0 auto;
		margin-top:4px; 
		padding:0; 
		list-style:none; 
	 /* Additional Styling*/
		font-size: 12px;
		z-index:1000;
		height:20px;
		width: 480px;
	
		text-align:center;
	


		
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			background: none; 
			position:relative;
			z-index:822; 
			margin:0px;
			/* Additional Styling*/

		
		}
		#nav li.navdivider { color:#AE1516; margin:0; padding:0 30px 0 30px;}
		
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:0; 
			font-weight:700;  
			height:44px; 
			text-decoration:none; 
			color:#fff; 
			z-index:822; 
			text-transform:uppercase;
		}
		
		#nav li a:link, #nav li a:visited {
			color:#fff;
			z-index:822; 
		}

		#nav li a:hover, #nav li a:active {
			color:#AE1516;
			z-index:822; 
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#EE413C;
			z-index:822; 
		}
		
		
		.tabHomes #nav li.home a {color:#ccc; }
		.tabmainmenu #nav li.main-manu a {color:#ccc; }
		.tabmainmenu .TwoColumn {color:#ccc;}
		.tabpuddings #nav li.puddings a {color:#ccc;}
		.tabpuddings .TwoColumn {color:#ccc;}
		.tabdrinks #nav li.drinks a {color:#ccc;}
		.tabdrinks .TwoColumn {color:#ccc;}

		
		
		
		
		
		 
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:-24px 0 0 0; 
			padding:0; 
			list-style:none;
			
			
			/* Additional Styling*/
			padding-top: 27px;
			background:url(../int/nav/dropdown-back--.png) 0 0 no-repeat;
			text-align:center;
		}
		
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 0 8px 0; 
			color:#fff;
			/* Additional Styling*/
			text-transform:uppercase;
			}
			
		
		#nav ul a:hover {
			text-decoration:underline;	
			 
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}
		
		
		
		
		
		
		
		
		
		
			/* Side Navigation Styling*/
		
 #navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}

#navcontainer li { margin: 0 0 0 0; height:40px; width: 291px;  }

#navcontainer a
{display: block;
padding: 10px 0px 0px 20px;
height:40px;
background:url(../int/nav/side-button-bk.gif) 0 -41px no-repeat;
}

#navcontainer a:link, #navlist a:visited
{color: #224B5D;
text-decoration: none;}

#navcontainer a:hover, #navlist a:active
{color: #AABB39;
text-decoration: none;
display: block;
padding: 10px 0px 0px 20px;
background:url(../int/nav/side-button-bk.gif) 0 0 no-repeat;}