#content{width:1111px;margin:auto;padding:10px;background:#FFF;border: 0px solid #CCC;}
h1{margin: 0;}
p{margin: 0;padding: 7px 0;}
.menu{height: 45px;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: 160px;height: 45px;font-family: Arial;font-size: 11px;font-weight: bold;letter-spacing: 1px;text-transform: uppercase;text-decoration: none;cursor: pointer;}
.menu ul li a span{/* all layers will be absolute positioned */position: absolute;left: 0;width: 160px;}
.menu ul li a span.out{top: 0px;}
.menu ul li a span.over,.menu ul li a span.bg{/* hide */top: -45px;}/** 1st example **/
#menu{background: #fff;}
#menu ul li a{color: #000;}
#menu ul li a span.over{color: #FFF;}
#menu ul li span.bg{/* height of the menu items */height: 45px;background: url('images/bg_over2.gif') center center no-repeat;}