/*
*    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/navigation1.jpg');
    }

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

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

ul.cssmenu li.leaf a {
    width:68px;
    background-position: -125px 0px;
    }
ul.cssmenu li.product a {
    width:83px;
    background-position: -195px 0px;
}
ul.cssmenu li.tea a {
    width:108px;
    background-position: -278px 0px;
}
ul.cssmenu li.news a {
    width:95px;
    background-position: -385px 0px;
}

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

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

ul.cssmenu li.flavor a {
    width:86px;
    background-position: -650px 0px;
}
ul.cssmenu li.creativity a {
    width:70px;
    background-position: -736px 0px;
}
ul.cssmenu li.shoppe a {
    width:52px;
    background-position: -805px 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:68px;
    background-position: -55px -20px; 
    }

ul.cssmenu li.leaf a:hover, ul.cssmenu li.leaf a#active {
    width:68px;
    background-position: -125px -20px;
    }
ul.cssmenu li.product a:hover, ul.cssmenu li.product a#active {
    width:83px;
    background-position: -195px -20px;
}
ul.cssmenu li.tea a:hover, ul.cssmenu li.tea a#active {
    width:108px;
    background-position: -278px -20px;
}
ul.cssmenu li.news a:hover, ul.cssmenu li.news a#active {
    width:95px;
    background-position: -385px -20px;
}

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

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

ul.cssmenu li.flavor a:hover, ul.cssmenu li.flavor a#active {
    width:86px;
    background-position: -650px -20px;
}
ul.cssmenu li.creativity a:hover, ul.cssmenu li.creativity a#active {
    width:70px;
    background-position: -736px -20px;
}
ul.cssmenu li.shoppe a:hover, ul.cssmenu li.shoppe a#active {
    width:52px;
    background-position: -805px -20px;
	
}