#navigation {
    background:url("../images/navigation.png") 0px 0px no-repeat;
    width:700px;
    height:40px;
    margin:0;
    padding:0;
    }

    #navigation span {
    display: none;
    }

    #navigation li, #navigation a {
    height:40px;
    display:block;
    }

    #navigation li {
    float:left;
    list-style:none;
    display:inline;
    }

    #index {width: 100px;}
    #about {width: 100px;}
    #shop {width: 100px;}
    #recipes {width: 100px;}
    #blog {width: 100px;}
    #where {width: 100px;}
    #contact {width: 100px;}

    #index a:hover {background:url("../images/navigation.png") 0px -50px no-repeat; }
    #about a:hover {background:url("../images/navigation.png") -100px -50px no-repeat; }
    #shop a:hover {background:url("../images/navigation.png") -200px -50px no-repeat; }
    #recipes a:hover {background:url("../images/navigation.png") -300px -50px no-repeat; }
    #blog a:hover {background:url("../images/navigation.png") -400px -50px no-repeat; }
    #where a:hover {background:url("../images/navigation.png") -500px -50px no-repeat; }
    #contact a:hover {background:url("../images/navigation.png") -600px -50px no-repeat; }