.menu { height: 35px; display: block}
.menu ul { list-style: none; padding: 0; margin: 0}
/* width and height of the menu items */
.menu ul li { float: left; overflow: hidden; position: relative; text-align: center; line-height: 35px}
/* must be postioned relative  */
.menu ul li a {position: relative;display: block;width: 110px;height: 35px;font-family: Verdana;font-size: 13px;letter-spacing: 1px;text-decoration: none;cursor: pointer}
/* all layers will be absolute positioned */
.menu ul li a span {position: absolute;left: 0;width: 110px}
.menu ul li a span.out {top: 0px}
/* hide */
.menu ul li a span.over,.menu ul li a span.bg {top: -35px}
#menu ul li a {color: #fff}
#menu ul li a span.over {color: #322A2A}
/* height of the menu items */
#menu ul li span.bg {height: 35px;background:url(../img/nav/bg_over.gif) center center no-repeat}