.cls {clear: both;}
a:focus { outline: none; }
.menu {height: 48px;display: block;padding: 0px;width: 800px;margin:0 auto;}
.menu ul {list-style: none;padding: 0;margin: 0;}
.menu ul li {float: left;overflow: hidden;position: relative;line-height: 48px;text-align: center;}
.menu ul li a {position: relative;display: block;width: 114px;height: 48px;font-size: 14px;text-decoration: none;cursor: pointer;}
.menu ul li a span {position: absolute;left: 0;width: 114px;}
.menu ul li a span.out {top: 0px;}
.menu ul li a span.over,
.menu ul li a span.bg {top: -48px;}

/** 栏目效果一 **/
#menu1 { width:1000px; height:34px;background:url(images/menu_bg.gif) repeat-x; }
#menu1 ul li a {color: #FFF;}
#menu1 ul li a span.over {color: #FFF;}
#menu1 ul li span.bg { width:100px; height:34px;}
		
/** 栏目效果二 **/
#menu2 { margin:0 auto; width:800px;}
#menu2 ul li a { color: #302f2f; background:url(../images/menuline.jpg) no-repeat right center;}
#menu2 ul li a span.over {color: #ff3300; }
#menu2 .hover a{color: #302f2f; background: #ea0420;font-size:14px;}