div#navigation {
height:30px;
margin-top:4px;
position:relative;
top: 10px;
width:585px;
z-index:9998;
}
div#navigation ul {
list-style-image:none;
list-style-type:none;
margin:0pt;
padding:0pt;
}
div#navigation li {
display:inline;
margin:0pt;
padding:0pt;
}
div#navigation li a {
float:left;
height:0pt;
overflow:hidden;
padding-top:30px;
}
div#navigation li a {
background-image:url(../images/navigation.gif);
background-repeat:no-repeat;
position:relative;
width:585px;
}
div#navigation li a#home {
background-position:0pt 0px;
width:60px;
}
div#navigation li a#home:hover {
background-position:0pt -30px;
width:60px;
}
div#navigation li a#snacks {
background-position:-60px 0pt;
width:86px;
}
div#navigation li a#snacks:hover {
background-position:-60px -30px;
width:86 px;
}
div#navigation li a#green {
background-position:-146px 0pt;
width:146px;
}
div#navigation li a#green:hover {
background-position:-146px -30px;
width:146px;
}
div#navigation li a#ordering{
background-position:-292px 0pt;
width:128px;
}
div#navigation li a#ordering:hover {
background-position:-292px -30px;
width:128px;
}
div#navigation li a#about {
background-position:-420px 0pt;
width: 75px;
}
div#navigation li a#about:hover {
background-position:-420px -30px;
width:75px;
}
div#navigation li a#contact {
background-position:-495px 0pt;
width:90px;
}
div#navigation li a#contact:hover {
background-position:-495px -30px;
width:90px;
}