#map{
	position: relative;
	float: left;
	width: 700px;
}
#mapLinks{
	float: right;
	width: 220px;
}
#mapLinks li{
	line-height: 25px;
}
#map.cs{
	width: 700px;
	height: 400px;
	background: url(/maps/cs/images/cs.png);
}

#map-overlap{
	position: relative;
	top: 0px;
	left: 0px;
	border: none;
}
            
#map ul{
	list-style: none; 
	margin: 0;      
	position: absolute; 
}
#map li{
	position: absolute; 
	list-style: none;
	margin: 0;
	width: auto;
}
#map .about{
	display: none;
	margin: 0;
}
#map li > a{
	text-decoration: none; 
	color: #fff; 
	font-weight: bold; 
	float: left;
}
#map li > a span.butt{
	float: left;
	background: #fff;
	width: 14px;
	height: 14px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin: 3px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 100;
}
#map .right > a{  
	float: right;
}
#map .right > a span.butt{
	float: right;
}
#map li a span.name{
	margin: 0;  
	display: none;   
}
#map li:hover > a span.name{
	display: block;
	padding: 2px 8px 2px 22px;
	font-size: 13px;
	color: #ffffff;
	background: #3d791f;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	line-height: 16px;     
	white-space: nowrap;
}
#map li.right:hover > a span.name{
	padding: 2px 22px 2px 8px;	
}
#map li:hover .about{
	display: block;
	padding: 2px 5px 2px 22px;
	font-size: 13px;
	color: #ffffff;
	background: #13b5ea;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	line-height: 16px;
}    
#map li.right:hover .about{
	padding: 2px 22px 2px 8px;
}