﻿
#mainnav {
	position: relative;
	height: 40px;
	background: #ee519a url(mainnav.gif);
	}

	
body.food-services #mainnav { background: #ee519a url(mainnav-food-services.gif); }

#mainnav-menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 1000px;
	height: 40px;
    margin: 0;
	padding: 0 0 0 30px;
	text-align: center;
	}
.msie6 #mainnav-menu 
{
    overflow: hidden;
}
	
#mainnav-menu li {
	list-style: none;
	margin: 0;
	padding: 5px;
	float: left;
	border: none;
	}
	
#mainnav-menu a {
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	display: block;
	padding: 0 15px;
	border: none;
	}
	
#mainnav-menu li.selected a {
	background: #c02365 url(li.selected.a.png);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2);
	-moz-border-radius: 5px;
	}

.msie6 #mainnav-menu li.selected a 
{
    position: relative; top: 1px; left: -1px;
    overflow: hidden;
    }

		
/* JS Version */

#mainnav-menu.active li {
	position: absolute;
	list-style: none;
	background: none;
	padding: 0;
	margin: 0;
	float: none;
		} 
	
#mainnav-menu.active a {
	position: absolute;
	display: block;
	padding: 0;
	height: 50px;
	text-indent: -9000px;
	background-image: url(mainnav.png?20101910) !important;
	}

body.food-services #mainnav-menu.active a { background-image:url(mainnav-food-services.png) !important; }
	
	
/* Individual items */

#mainnav-menu.active #item-0 {	left: 30px; top: 0; }
#mainnav-menu.active #item-1 {	left: 100px; top: 0; }
#mainnav-menu.active #item-2 {	left: 200px; top: 0; }
#mainnav-menu.active #item-3 {	left: 335px; top: 0; }
#mainnav-menu.active #item-4 {	left: 420px; top: 0; }
#mainnav-menu.active #item-5 {	left: 590px; top: 0; }
#mainnav-menu.active #item-6 {	left: 750px; top: 0; }
#mainnav-menu.active #item-7 {	left: 870px; top: 0; }

#mainnav-menu.active #item-0 a	{	width: 65px; background-position: -30px 0;	}
#mainnav-menu.active #item-1 a	{	width: 95px; background-position: -100px 0;	}
#mainnav-menu.active #item-2 a	{	width: 130px; background-position: -200px 0;	}
#mainnav-menu.active #item-3 a	{	width: 80px; background-position: -335px 0;	}
#mainnav-menu.active #item-4 a	{	width: 165px; background-position: -420px 0;	}
#mainnav-menu.active #item-5 a	{	width: 155px; background-position: -590px 0;	}
#mainnav-menu.active #item-6 a	{	width: 115px; background-position: -750px 0;	}
#mainnav-menu.active #item-7 a	{	width: 130px; background-position: -870px 0;	}

#mainnav-menu.active #item-0 a:hover	{	 background-position: -30px -40px;	}
#mainnav-menu.active #item-1 a:hover	{	 background-position: -100px -40px;	}
#mainnav-menu.active #item-2 a:hover	{	 background-position: -200px -40px;	}
#mainnav-menu.active #item-3 a:hover	{	 background-position: -335px -40px;	}
#mainnav-menu.active #item-4 a:hover	{	 background-position: -420px -40px;	}
#mainnav-menu.active #item-5 a:hover	{	 background-position: -590px -40px;	}
#mainnav-menu.active #item-6 a:hover	{	 background-position: -750px -40px;	}
#mainnav-menu.active #item-7 a:hover	{	 background-position: -870px -40px;	}

#mainnav-menu.active #item-0.selected a	{	 background-position: -30px -80px;	}
#mainnav-menu.active #item-1.selected a	{	 background-position: -100px -80px;	}
#mainnav-menu.active #item-2.selected a	{	 background-position: -200px -80px;	}
#mainnav-menu.active #item-3.selected a	{	 background-position: -335px -80px;	}
#mainnav-menu.active #item-4.selected a	{	 background-position: -420px -80px;	}
#mainnav-menu.active #item-5.selected a	{	 background-position: -590px -80px;	}
#mainnav-menu.active #item-6.selected a	{	 background-position: -750px -80px;	}
#mainnav-menu.active #item-7.selected a	{	 background-position: -870px -80px;	}

/* food services items */

.food-services #mainnav-menu.active #item-0 {	left:35px; top:0; }
.food-services #mainnav-menu.active #item-1 {	left:115px; top:0; }
.food-services #mainnav-menu.active #item-2 {	left:210px; top:0; }
.food-services #mainnav-menu.active #item-3 {	left:364px; top:0; }
.food-services #mainnav-menu.active #item-4 {	left:534px; top:0; }
.food-services #mainnav-menu.active #item-5 {	left:731px; top:0; }
.food-services #mainnav-menu.active #item-6 {	left:891px; top:0; }

.food-services #mainnav-menu.active #item-0 a	{	width:60px; background-position:-35px 0; }
.food-services #mainnav-menu.active #item-1 a	{	width:78px; background-position:-115px 0; }
.food-services #mainnav-menu.active #item-2 a	{	width:137px; background-position:-210px 0; }
.food-services #mainnav-menu.active #item-3 a	{	width:152px; background-position:-364px 0; }
.food-services #mainnav-menu.active #item-4 a	{	width:184px; background-position:-534px 0; }
.food-services #mainnav-menu.active #item-5 a	{	width:147px; background-position:-731px 0; }
.food-services #mainnav-menu.active #item-6 a	{	width:107px; background-position:-891px 0; }


.food-services #mainnav-menu.active #item-0 a:hover	{	 background-position:-35px -40px;	}
.food-services #mainnav-menu.active #item-1 a:hover	{	 background-position:-115px -40px;	}
.food-services #mainnav-menu.active #item-2 a:hover	{	 background-position:-210px -40px;	}
.food-services #mainnav-menu.active #item-3 a:hover	{	 background-position:-364px -40px;	}
.food-services #mainnav-menu.active #item-4 a:hover	{	 background-position:-534px -40px;	}
.food-services #mainnav-menu.active #item-5 a:hover	{	 background-position:-731px -40px;	}
.food-services #mainnav-menu.active #item-6 a:hover	{	 background-position:-891px -40px;	}

.food-services #mainnav-menu.active #item-0.selected a	{	 background-position:-35px -80px;	}
.food-services #mainnav-menu.active #item-1.selected a	{	 background-position:-115px -80px;	}
.food-services #mainnav-menu.active #item-2.selected a	{	 background-position:-210px -80px;	}
.food-services #mainnav-menu.active #item-3.selected a	{	 background-position:-364px -80px;	}
.food-services #mainnav-menu.active #item-4.selected a	{	 background-position:-534px -80px;	}
.food-services #mainnav-menu.active #item-5.selected a	{	 background-position:-731px -80px;	}
.food-services #mainnav-menu.active #item-6.selected a	{	 background-position:-891px -80px;	}
