.menu { height: 45px; width:771px; display: block; }
.menu ul { list-style: none; padding: 0; margin: 0; }
.menu ul li { float: left; overflow: hidden; position: relative; text-align: center; line-height: 45px; }
.menu ul li a { position: relative; display: block; width: 110px; height: 45px;  font-size: 12px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.menu ul li a span { position: absolute; left: 0; width: 110px; }
.menu ul li a span.out { top: 0px; }
.menu ul li a span.over,
 .menu ul li a span.bg { top: -45px; }
#menu { }
#menu ul li a { color: #FFFFFF; }
#menu ul li a span.over { color: #be0a2f; }
#menu ul li span.bg { height: 45px; background: url('/images/bg_over.gif') center center no-repeat; }
#menu2 { background: #000; }
#menu2 ul li a { color: #FFF; }
#menu2 ul li a span.over { background: #FFF; color: #000; }