#fancymenu {
	overflow: hidden;
	position: relative;
	width: 500px;
	margin: 7px 0 0;	
	z-index: 0;
	float: right;
}


#fancymenu ul{
	padding: 0;
	margin: 0;
}

/* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#fancymenu ul li{
	float: left;
	list-style: none;
	text-align : center;
	font-family : verdana, arial, helvetica, sans-serif;


	font-size: 11px;
	font-weight: bold;
}

#fancymenu ul li a {
	z-index: 10;
	display: block;
	float: left;
	height: 27px;
	position: relative;
	overflow: hidden;
	background-position:center center;
	background-repeat:no-repeat;
	color: #ddd;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0 10px;
}
#fancymenu ul li a:hover,#fancymenu ul li.here a {
	color: #fff;
}
#fancymenu li.background {
	background: url('images/bg_menu_right.png') no-repeat top right !important;
	z-index: 8;
	position: absolute;
	visibility: hidden;
}

#fancymenu .background .left {
	background: url('images/bg_menu.png') no-repeat top left !important;
	height: 27px;
	margin-right: 7px; /* 7px is the width of the rounded shape */
}