#main-nav{
	float:left;
	top:9px;
	left:0px;
	width:434px;
	height:22px;
	margin:10 auto;
	background:#772120 url(/troispommes/graphics/navigation2-1.jpg) no-repeat; 				
}

#main-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#main-nav ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#main-nav ul li a span{
	display:none;
}


#main-nav ul li a{
	width:134px;
	height:17px;
	margin:0px;
	padding:0px;
	display: block;
		
}
#main-nav2{
	float:left;
	top:9px;
	left:434px;
	width:283px;
	height:22px;
	margin:10 auto;
	background:#772120 url(/troispommes/graphics/navigation2-2.jpg) no-repeat; 				
}


#main-nav2 ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#main-nav2 ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#main-nav2 ul li a span{
	display:none;
}


#main-nav2 ul li a{
	width:140px;
	height:17px;
	margin:0px;
	padding:0px;
	display: block;
		
}
/* -- Hovers -- */

#main-nav ul li a.menus:hover{
	background: url(/troispommes/graphics/navigation2-1.jpg) -0px -28px;
}
#main-nav ul li a.specialoccassions:hover{
	background: url(/troispommes/graphics/navigation2-1.jpg) -134px -28px;
}
#main-nav ul li a.aboutus:hover{
	background: url(/troispommes/graphics/navigation2-1.jpg) -268px -28px;
}

/* -- Hovers -- */

#main-nav2 ul li a.wholesale:hover{
	background: url(/troispommes/graphics/navigation2-2.jpg) -0px -28px;
}
#main-nav2 ul li a.contact:hover{
	background: url(/troispommes/graphics/navigation2-2.jpg) -140px -28px;
}