#main-content li{
	width:200px;
	border:solid #CCC;
	border-width: 1px;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin: 40px;
}

#main-content  a span,   a.active-now:hover span {
/*\*/
	position:absolute;
	left:-9999px;

}

#main-content a:hover span, #main-content a.active-now span {	
	top:10px;
	left:10px;
	width:202px;
	font-weight:bold;
	background:#FFF;
	color:#999;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	border:1px solid #EEE;
	border-width:0 0 10px 0;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
/**/
} 


#main-content a.active-now span
{
	filter: alpha(opacity=80);
	-moz-opacity:.8;
	opacity:.80;
}

#main-content a.active-now:hover span
{
	filter: alpha(opacity=80);
	-moz-opacity:.8;
	opacity:.80;
	background: maroon;
}