ul#blue { margin:0; padding:0; list-style-type:none; width:auto;  }

ul#blue li {
	height:37px;
	position:relative;
	float:left;
	padding-right: 20px;
	padding-left:20px;
	padding-top: 15px;
	background-image: url(../example/images/separador.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 1px;
}

ul#blue .current {
	
	background:url(../example/images/bgbton.gif) repeat-x center; 
	
	}

ul#blue li:hover {
		background:url(../example/images/bgbton.gif) repeat-x center;
	}

ul#blue li a { 
padding:2px 2px;
text-decoration:none; 
font: 12px "Trebuchet MS";
letter-spacing:1.5pt; 
color:#CCC;
cursor:pointer;
border-collapse:collapse;

}


ul#blue li a:hover {
	padding:2px 2px;
text-decoration:none; 
font: 12px "Trebuchet MS"; 
letter-spacing:1.5pt; 
color:#fff;
cursor:pointer;

	}

ul#blue li span{
	display:none;
	position:absolute; 
	top:20px; left:2px; 
	width:160px; 
	font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif;
	line-height: 15px;
	
}

ul#blue li a:hover span {
	margin-top: 7px;
	display:block; 
	color: #8895b8;}