/* CSS Document */
/* WOOD & GRIEVE ENGINEERS */

/* LEVEL ONE */

#nav { width:770px; height:57px;}
#nav ul { list-style-type:none; }
#nav ul li { float:left; }
#nav ul li a {	height:57px; display:block; } 
#nav ul li a:hover { background-position:0 -57px !important; } 
#nav ul li.active a { background-position:0 -57px !important; }
#nav .hidden { display:none; }

#nav ul li#home a {	background:url(../images/nav/home.gif); 	width:142px; }
#nav ul li#who a { 	background:url(../images/nav/who.gif); 	width:158px; }
#nav ul li#what a {	background:url(../images/nav/what.gif); 	width:158px; }
#nav ul li#want a {	background:url(../images/nav/want.gif); 	width:158px; }
#nav ul li#why a {	background:url(../images/nav/why.gif); 	width:154px; }


/*--------------------------------------*/
/* level 2 styles */
#nav li ul li a {
	padding:8px 12px 8px 15px;
	border:0;
	border-bottom:1px solid #C74248;
	background:#AF2626 !important;
	font:normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color:#F2E1E2;
	text-decoration:none;
	height:11px;
}

#nav li ul li a:hover { color:#fff; background:#800a0a !important;}

/* level 2 widths */
#nav li ul, #nav li ul li a { width:160px; }

 /* level 2 - hide/position */ 
#nav li ul {
  position: absolute; 
  left:-9999px
}
  
#nav li:hover ul, #nav li.sfhover ul{ left:auto; }


/* level 2, 3, 5 - turn border off last item */
#nav .last { border:0; }