#menu {
	float:left;
	width: 100%;
	height:40px;
	overflow: hidden;
	background-color: #000000;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	padding-left: 34px;
	font: bold 14px Arial;
	list-style-type: none;
}
#menu li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#menu a {
	float: left;
	background:url("images/tab-left.gif") no-repeat left top;
	background-position: 0% 20px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 5px;
}
#menu a span {
	float:left;
	display:block;
	background:url("images/tab-right.gif") no-repeat right top;
	background-position: 0% 20px;
	margin: 0px 0px 0px 0px;
	padding: 12px 12px 12px 7px;
}

#menu a span{float:none}
#menu a:hover span{color:#fff}
#menu a:hover{background-position: 0% -40px}
#menu a:hover span{background-position: 100% -40px}
#menu li.active a span{color:#fff}
#menu li.active a{background-position: 0% -40px}
#menu li.active a span{background-position: 100% -40px