@charset "UTF-8";
/* CSS Document - Navigation stylesheet for Root 246, copyright 2009 */



/* top navigation styles */

#nav {

	width: 180px;

	height: 220px;

	background-color: #300;

	position: relative;

	z-index: 300;

	font-family: Arial, Helvetica, sans-serif; 

}

#nav, #nav ul {padding: 0; margin: 0; list-style-type: none;}

#nav li {float: left}

#nav li a {display: block}

#nav li a.l-1 {text-indent: -999em; height: 32px}



#navAbout a.l-1 {width: 180px; background: url(../images/navbar3.gif) no-repeat 0 0    }

#navAbout a.l-1:hover {background-position: -180px 0}



#navChefs a.l-1 {width: 180px; background: url(../images/navbar3.gif) no-repeat 0 -32px}

#navChefs a.l-1:hover {background-position: -180px -32px}



#navCuisine a.l-1 {width: 180px; background: url(../images/navbar3.gif) no-repeat 0 -64px}

#navCuisine a.l-1:hover {background-position: -180px -64px}



#navReviews a.l-1 {width: 180px; background: url(../images/navbar3.gif) no-repeat 0 -96px}

#navReviews a.l-1:hover {background-position: -180px -96px}



#navReservations a.l-1 {width: 180px; background: url(../images/navbar3.gif) no-repeat 0 -128px}

#navReservations a.l-1:hover {background-position: -180px -128px}



#navEvents a.l-1 {width: 180px; background: url(../images/navbar3.gif) no-repeat 0 -160px}

#navEvents a.l-1:hover {background-position: -180px -160px}



#navContact a.l-1 {width: 180px; background: url(../images/navbar3.gif) no-repeat 0 -192px}

#navContact a.l-1:hover {background-position: -180px -192px}





/*dropdown navigation styles and behaviors -- son of suckerfish dropdowns (see htmldog.com/articles/suckerfish/dropdowns/) */

#nav li ul {
	position: absolute;
	left: -999em;
	background:#300; /* important for IE6 */
	margin-left : 10em;
	margin-top:-25px;
	width:125px;
}

* html #nav li ul {

/*	padding-top: 3px;

	padding-bottom: 2px;*/
	
	border:none;

	width:125px;

		}

/* setting specific margin for individual drop downs */

#nav li ul#ddAbout {
}
#nav li ul#ddChefs {
	margin-top:-28px;
	
}
#nav li ul#ddCuisine {
	margin-top:-29px;

}


#nav li:hover ul, 

#nav li.sfhover ul {

	left: auto;

	}


#nav li:hover, 

#nav li.sfhover {

	position: static;

	}

#nav li ul li {

	float: none;  

	padding: 0; 

	margin: 0;


	}

#nav li ul li a {

	text-decoration:none; 

	color: white; 

	font-size: .7em; 

	height: 20px;

	padding: 5px 10px 0 10px; 

	margin: 0; 

	}

#nav li ul li a:hover {

	color: #9c3; 

	}