/* CSS Document */
body
	{
	margin:0px;
	}

#wrap{
	width:720px;
	margin:0;
	position:relative;
}
#indexbodybghead
	{
	float:left;
	width:300px;
	font-family: Arial;
	font-weight:normal;
	font-size:20px;
	text-align: right;
	color: #FF6600;
	line-height:50px;
	margin-left: auto;
	margin-right: auto;
	}
#main-content li{
	width:208px;
	border:solid #CCC;
	border-width:0 2px 2px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:0px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}
#main-content  a span{
/*\*/
	position:absolute;
	left:-9999px;
}
#main-content a:hover span{	
	top:0px;
	left:0px;
	width:210px;
	font-weight:bold;
	font-family:Calibri;
	background:#0099FF;
	color:#FFFFFF;
	padding:5px 0 5px 0;
/*	text-transform:uppercase;*/
	font-size:90%;
	border:1px solid #FF6600;
	border-width:0 0 10px 0;
	filter: alpha(opacity=100);
	/*-moz-opacity:.8;
		opacity:.80;*/
/**/
} 
img{
	border:1px solid #EEE;
/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
 */
}