#globe {
	width: 540px;
	height: 270px;
	background: url(css-globe.png);
	margin: 10px auto; padding: 0;
	position: relative;
}

#globe li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	display: block;
	text-indent: -999px;
}

#globe li, #globe a {
	display: block;
	text-decoration: none;
}

#am {left: 0; top 0; width: 230px; height: 110px; }
#sa {left: 0; top: 115px; width: 234px; height: 110px; }
#eu {left: 240px; top: 0; width: 110px; height: 77px; }
#af {left: 240px; top: 80px; width: 110px; height: 120px; }
#as {left: 360px; top: 0; width: 200px; height:125px; }
#au {left: 360px; top: 130px; width: 200px; height: 95px; }
#an {left: 0; top: 227px; width: 567px; height: 40px; }

#am a {height: 110px;}
#sa a {height: 110px;}
#eu a {height: 77px;}
#af a {height: 120px;}
#as a {height: 125px;}
#au a {height: 95px;}
#an a {height: 40px;}

#am a:hover {background: url(css-globe.png) 0 -270px no-repeat;}
#sa a:hover {background: url(css-globe.png) 0 -385px no-repeat;}
#eu a:hover {background: url(css-globe.png) -240px -270px no-repeat;}
#af a:hover {background: url(css-globe.png) -240px -350px no-repeat;}
#as a:hover {background: url(css-globe.png) -360px -270px no-repeat;}
#au a:hover {background: url(css-globe.png) -360px -400px no-repeat;}
#an a:hover {background: url(css-globe.png) 0 -497px no-repeat;}