#homeNavigation {list-style: none;}

#homeNavigation li {float: left;}

#homeNavigation a * {display: none;}

#homeNavigation a, #homeNavigation a .hover {height: 138px; position: relative; display: block; background: url("../images/homeNavigation.png") 0 0 no-repeat;}

/* individual homeNavigation items */
#homeNavigation a.homeAbout { background-position: -330px -138px;  width: 330px;}
#homeNavigation .highlight a.homeAbout:hover, #homeNavigation a.homeAbout .hover { background-position: -330px -552px; width: 330px;}

#homeNavigation a.homeShop { background-position: 0px 0px; width: 330px;}
#homeNavigation .highlight a.homeShop:hover, #homeNavigation a.homeShop .hover {  background-position: 0px -414px; width: 330px; }

#homeNavigation a.homeRecipes { background-position: 0px -138px; width: 330px;}
#homeNavigation .highlight a.homeRecipes:hover, #homeNavigation a.homeRecipes .hover { background-position: 0px -552px; width: 330px;}

#homeNavigation a.homeBlog { background-position: 0px -276px;  width: 330px;}
#homeNavigation .highlight a.homeBlog:hover, #homeNavigation a.homeBlog .hover { background-position: 0px -690px; width: 330px;}

#homeNavigation a.homeWhere { background-position: -330px 0px;  width: 330px;}
#homeNavigation .highlight a.homeWhere:hover, #homeNavigation a.homeWhere .hover { background-position: -330px -414px; width: 330px;}

#homeNavigation a.homeContact { background-position: -330px -276px;  width: 330px;}
#homeNavigation .highlight a.homeContact:hover, #homeNavigation a.homeContact .hover { background-position: -330px -690px; width: 330px;}