#nav {
	padding:0;
	margin:0;
	list-style:none;
	height:27px;
	position:relative;
	font-family:arial, verdana, sans-serif;
	width:672px;
	background-image: url(bakoff.jpg);
	left: 0px;
	float: left;
}
#wrapper #navWrap {
	background-color: #FFFFFF;
	width: 923px;
	padding-left: 9px;
}

#nav li.top {display:block; float:left;}
#nav li a.home {display:block; float:left; height:27px; width:103px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.products {display:block; float:left; height:27px; width:117px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.faqs {display:block; float:left; height:27px; width:101px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.contact {display:block; float:left; height:27px; width:131px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.cart {display:block; float:left; height:27px; width:90px; margin-left:230px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.checkout {display:block; float:left; height:27px; width:142px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.home {background:url(home.jpg);}
#nav li a.products {background:url(products.jpg);}
#nav li a.faqs {background:url(faqs.jpg);}
#nav li a.contact {background:url(contact.jpg);}
#nav li a.cart {background:url(cart.jpg);}
#nav li a.checkout {background:url(checkout.jpg);}

#nav li:hover a,
#nav a:hover
{background-position: 0 27px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub {
	left:0;
	top:27px;
	width:183px;
	height:auto;
	z-index:300;

} 
#nav :hover ul.sub li
{display:block; height:19px; position:relative; float:left; width:183px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:19px; width:183px; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.angelina {background:url(angelina.jpg);opacity: .9;
	filter: alpha(opacity=90);}
#nav :hover ul li a.grace {background:url(grace.jpg);opacity: .9;
	filter: alpha(opacity=90);}
#nav :hover ul li a.james {background:url(james.jpg);opacity: .9;
	filter: alpha(opacity=90);}
	#nav :hover ul li a.joshua {background:url(joshua.jpg);opacity: .9;
	filter: alpha(opacity=90);}	
#nav :hover ul li a.julia {background:url(julia.jpg);opacity: .9;
	filter: alpha(opacity=90);}	
#nav :hover ul li a.michael {background:url(michael.jpg);opacity: .9;
	filter: alpha(opacity=90);}
#nav :hover ul li a.oscar {background:url(oscar.jpg);opacity: .9;
	filter: alpha(opacity=90);}	
#nav :hover ul li a.steve {background:url(steve.jpg);opacity: .9;
	filter: alpha(opacity=90);}
#nav :hover ul li a.bot {background:url(bot.png);opacity: .9;
	filter: alpha(opacity=90);}



#nav :hover ul.sub li a:hover 
{background-position: 0 19px; position:relative;}
#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; display:block; width:183px; height:27px; text-align:center; font-size:12px; line-height:18px;}


#navWrap #cartCheckout {
	width: 100px;
	float: left;
	position: relative;
	text-align: left;
	background-image: url(navbak.jpg);
	height: 27px;
}