/*----------------------------
	      nav menu
-----------------------------*/

#navlist
{
	border: 0;
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	line-height: 40px;
	font-size: 14px;
	
}

#navlist li
{	
	display: block;
	float: left;
	padding-top: 30px;
	text-align: center;
	background-repeat: no-repeat;

}

#navlist a:link, #navlist a:visited
{
	display: block;
	text-decoration: none;
}


/* need to set seperate widths */
#navlist .about { width: 130px; }
#navlist .about a:hover { background-position: -130px 0;}
#navlist .aboutActive a{ width: 130px; background-position: -260px 0; }

#navlist .collection { width: 150px; }
#navlist .collection a:hover  { background-position: -150px 0; }
#navlist .collectionActive a{ width: 150px; background-position: -300px 0; }

#navlist .guarantee { width: 170px; }
#navlist .guarantee a:hover  { background-position: -170px 0; }
#navlist .guaranteeActive a{ width: 170px; background-position: -340px 0; }

#navlist .store { width: 150px; }
#navlist .store a:hover  { background-position: -150px 0; }
#navlist .storeActive a{ width: 150px; background-position: -300px 0; }

#navlist .faqs { width: 80px; }
#navlist .faqs a:hover  { background-position: -80px 0; }
#navlist .faqsActive a{ width: 80px; background-position: -160px 0; }

#navlist .contact { width: 140px; }
#navlist .contact a:hover  { background-position: -140px 0; }
#navlist .contactActive  a{ width: 140px; background-position: -280px 0; }

/*
body#home a#homeActive,
body#inspiration a#inspirationActive,
body#products a#prodActive,
body#recipes a#recipesActive,
body#sample a#sampleActive,
body#comp a#compActive,
body#contact a#contActive
{
	color: #B2D235;
	text-decoration: underline;
}*/