/* CSS Document */
#foot_contact{
margin:0 auto;
width:980px;
height:150px;
}
#foot_contact1{
float:left;
width:720px;
height:150px;
line-height:22px;
text-align:left;
overflow:hidden;
}
.contact1_1{
float:left;
width:240px;
height:150px;
}
#foot_contact2{
float:right;
width:246px;
height:150px;
overflow:hidden;
}

#foot_menu{
margin:0 auto;
width:980px;
height:33px;
overflow:hidden;
}
#foot_shadow{
margin:0 auto;
width:980px;
height:20px;
}
#foot_message{
margin:0 auto;
width:980px;
height:22px;
line-height:22px;
font-size:12px;
text-align:right;
color:#999999;
}

/**/
.cls {
	clear: both;
}
a:focus { outline: none; }

.menu {
    width: 980px;
	height: 33px;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 33px;
	margin-left: auto;
}

.menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu ul li {
	/* width and height of the menu items */  
	float: left;
	overflow: hidden;
	position: relative;
	height: 33px;
	line-height: 33px;
	text-align: center;
	border-left:#333333 solid 1px;
	border-right:#222222 solid 1px;
}

.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 90px;
			height: 33px;
			font-family:Microsoft Yahei, Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-decoration: none;
			cursor: pointer;
}

.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 90px;
}

		.menu ul li a span.out {
			top: 0px;
}

		.menu ul li a span.over,
		.menu ul li a span.bg {
			/* hide */  
			top: -33px;
}
/** 2nd example **/

#menu2 {
background-image:url(../images/default/sp_05.jpg);
background-repeat:no-repeat;
}
		
#menu2 ul li a {
color: #666666;
}

#menu2 ul li a span.over {
	color: #000;
	background-color: #f0f0f0;
}