/*
*    Setup
*/
ul.cssmenu {
    list-style: none;
    padding: 0px;
    display: inline;
    width: 850px;
    }

.displace {
    position: absolute;
    left: -5000px;
    }

ul.cssmenu li {
    float: left;
    }

ul.cssmenu li a {
    display: block;
    width: 850px;
    height: 23px;
    background: url('../new_images/navigation.jpg');
    }

/*
*    Normal Links
*/
ul.cssmenu li.home a {
    width:55px;
    background-position: 0 0px;
    }

ul.cssmenu li.history a {
    width:71px;
    background-position: -55px 0px; 
    }

ul.cssmenu li.leaf a {
    width:72px;
    background-position: -126px 0px;
    }
ul.cssmenu li.product a {
    width:91px;
    background-position: -198px 0px;
}
ul.cssmenu li.tea a {
    width:110px;
    background-position: -289px 0px;
}
ul.cssmenu li.news a {
    width:98px;
    background-position: -399px 0px;
}

ul.cssmenu li.contact a {
    width:69px;
    background-position: -497px 0px;
}

ul.cssmenu li.worldwide a {
    width:113px;
    background-position: -566px 0px;
}

ul.cssmenu li.flavor a {
    width:89px;
    background-position: -679px 0px;
}
ul.cssmenu li.creativity a {
    width:82px;
    background-position: -768px 0px;
}
/*
*    Hover Links
*/
ul.cssmenu li.home a:hover, ul.cssmenu li.home a#active {
    width:55px;
    background-position: 0 -20px;
    }

ul.cssmenu li.history a:hover, ul.cssmenu li.history a#active {
    width:71px;
    background-position: -55px -20px; 
    }

ul.cssmenu li.leaf a:hover, ul.cssmenu li.leaf a#active {
    width:72px;
    background-position: -126px -20px;
    }
ul.cssmenu li.product a:hover, ul.cssmenu li.product a#active {
    width:91px;
    background-position: -198px -20px;
}
ul.cssmenu li.tea a:hover, ul.cssmenu li.tea a#active {
    width:110px;
    background-position: -289px -20px;
}
ul.cssmenu li.news a:hover, ul.cssmenu li.news a#active {
    width:98px;
    background-position: -399px -20px;
}

ul.cssmenu li.contact a:hover, ul.cssmenu li.contact a#active {
    width:69px;
    background-position: -497px -20px;
}

ul.cssmenu li.worldwide a:hover, ul.cssmenu li.worldwide a#active {
    width:113px;
    background-position: -566px -20px;
}

ul.cssmenu li.flavor a:hover, ul.cssmenu li.flavor a#active {
    width:89px;
    background-position: -679px -20px;
}
ul.cssmenu li.creativity a:hover, ul.cssmenu li.creativity a#active {
    width:82px;
    background-position: -768px -20px;
}