/*this is the primary nav*/
#nav {
width:221px;	
/*width: 191px;*/ 
height: 21px;
background: url(images/nav.png);
margin: 10px auto; 
padding: 0;
position: absolute;
top:10px;
left:297px;
} 
#nav li {
margin: 0; 
padding: 0; 
list-style: none;
position: absolute; 
top: 0;
} 
#nav li, #nav a {
height: 21px; 
display: block;
text-indent: -7000px; 
outline: none;
}
#shop {
left: 0; 
width: 51px;
}
#contact {
left: 51px; 
width: 90px;
}
#news {
left: 141px; 
width: 80px;
} 
#shop a:hover {
background: transparent url(images/nav.png) 0 -21px no-repeat;
} 
#contact a:hover {
background: transparent url(images/nav.png) -51px -21px no-repeat;
}  
#news a:hover {
background: transparent url(images/nav.png) -141px -21px no-repeat;
}


/*this is the secondary nav*/
#secondary-nav {
width:551px;	 
height: 23px;
background: url(images/secondary-nav.png);
margin: 10px auto; 
padding: 0;
position: absolute;
top:400px;
left:95px;
} 

#secondary-nav li {
margin: 0; 
padding: 0; 
list-style: none;
position: absolute; 
top: 0;
} 
#secondary-nav li, #secondary-nav a {
height: 23px; 
display: block;
text-indent: -7000px; 
outline: none;
}
#chocolates {
left: 0; 
width: 129px;
}
#candies {
left: 151px; 
width: 101px;
}
#gifts {
left: 269px; 
width: 71px;
} 
#cookies{
left: 356px; 
width: 106px;
}
#fudge{
left: 476px; 
width: 76px;
}		
#chocolates a:hover {
background: transparent url(images/secondary-nav.png) 0 -24px no-repeat;
} 
#candies a:hover {
background: transparent url(images/secondary-nav.png) -151px -24px no-repeat;
}  
#gifts a:hover {
background: transparent url(images/secondary-nav.png) -269px -24px no-repeat;
}
#cookies a:hover {
background: transparent url(images/secondary-nav.png) -356px -24px no-repeat;
}
#fudge a:hover {
background: transparent url(images/secondary-nav.png) -476px -24px no-repeat;
}

/*chocolates nav*/
#choc-nav {
width:635px;	 
height: 16px;
background: url(images/choc-nav.png);
margin: 10px auto; 
padding: 0;
position: absolute;
top:432px;
left:60px;
} 
#choc-nav li {
margin: 0; 
padding: 0; 
list-style: none;
position: absolute; 
top: 0;
} 
#choc-nav li, #choc-nav a {
height: 16px; 
display: block;
}
#boxtruffle {
left: 0; 
width: 110px;
}
#boxchoc {
left: 125px; 
width: 140px;
}
#chocbar {
left: 275px; 
width: 122px;
} 
#orgchoc {
left: 407px; 
width: 178px;
}
#bulkchoc{
left: 595px; 
width: 39px;
}		
#boxtruffle a:hover {
background: transparent url(images/choc-nav.png) 0 -16px no-repeat;
} 
#boxchoc a:hover {
background: transparent url(images/choc-nav.png) -125px -16px no-repeat;
}  
#chocbar a:hover {
background: transparent url(images/choc-nav.png) -275px -16px no-repeat;
}
#orgchoc a:hover {
background: transparent url(images/choc-nav.png) -407px -16px no-repeat;
}
#bulkchoc a:hover {
background: transparent url(images/choc-nav.png) -595px -16px no-repeat;
}

/*begin candies nav*/
#candies-nav {
width:582px;	 
height: 17px;
background: url(images/candies-nav.png);
margin: 10px auto; 
padding: 0;
position: absolute;
top:432px;
left:80px;
} 
#candies-nav li {
margin: 0; 
padding: 0; 
list-style: none;
position: absolute; 
top: 0;
} 
#candies-nav li, #candies-nav a {
height: 16px; 
display: block;
}
#nostalgic {
left: 0; 
width: 73px;
}
#novelty {
left: 84px; 
width: 65px;
}
#gummies {
left: 161px; 
width: 76px;
} 
#jellybelly {
left: 250px; 
width: 85px;
}
#licorice {
left: 346px; 
width: 65px;
}
#wrapped {
left: 422px; 
width: 160px;
}		
#nostalgic a:hover {
background: transparent url(images/candies-nav.png) 0 -18px no-repeat;
} 
#novelty a:hover {
background: transparent url(images/candies-nav.png) -84px -18px no-repeat;
}  
#gummies a:hover {
background: transparent url(images/candies-nav.png) -161px -18px no-repeat;
}
#jellybelly a:hover {
background: transparent url(images/candies-nav.png) -250px -18px no-repeat;
}
#licorice a:hover {
background: transparent url(images/candies-nav.png) -346px -18px no-repeat;
}
#wrapped a:hover {
background: transparent url(images/candies-nav.png) -422px -18px no-repeat;
}

/*gifts nav*/
#gifts-nav {
width:640px;	 
height: 16px;
background: url(images/gifts-nav.png);
margin: 10px auto; 
padding: 0;
position: absolute;
top:432px;
left:60px;
} 
#gifts-nav li {
margin: 0; 
padding: 0; 
list-style: none;
position: absolute; 
top: 0;
} 
#gifts-nav li, #gifts-nav a {
height: 16px; 
display: block;
}
#nostalgia {
left: 0; 
width: 79px;
}
#maine {
left: 86px; 
width: 117px;
}
#holiday {
left: 214px; 
width: 144px;
} 
#wearables {
left: 369px; 
width: 85px;
}
#party {
left: 465px; 
width: 175px;
}		
#nostalgia a:hover {
background: transparent url(images/gifts-nav.png) 0 -16px no-repeat;
} 
#maine a:hover {
background: transparent url(images/gifts-nav.png) -86px -16px no-repeat;
}  
#holiday a:hover {
background: transparent url(images/gifts-nav.png) -214px -16px no-repeat;
}
#wearables a:hover {
background: transparent url(images/gifts-nav.png) -369px -16px no-repeat;
}
#party a:hover {
background: transparent url(images/gifts-nav.png) -465px -16px no-repeat;
}