/* @group Global Map */
.region {
	width: 675px;
	margin: 0 auto;
}

.region h1 {
	font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.region a{
	outline: none;
}

.region ul li {
	list-style: none;
}

.region ul {
	display: block;
	width: 675px;
	height: 282px;
	background: url(../images/map/world_map.jpg) no-repeat;
	position: relative;
}

.region ul li a {
	display: block;
	border: none;
	color: #000;
	text-decoration: none;
}

.region ul li a span {
	display: none;
}

.region ul li a:hover span {
	display: block;
	position: absolute;
	width: 200px;
	font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a#north-america {
	position: absolute;
	top: 3px;
	left: 1px;
	cursor: pointer;
	width: 303px;
	height: 157px;
}
a#north-america:hover {
	background: url(../images/map/n_america.jpg) no-repeat;
}
a#north-america:hover span{
	top: -42px;
	right: -50px;
}

a#south-america {
	position: absolute;
	cursor: pointer;
	top: 149px;
	left: 178px;
	width: 90px;
	height: 130px;
}

a#south-america:hover {
	background: url(../images/map/s_america.jpg) no-repeat;
}

a#south-america:hover span {
	top: -204px;
	right: -90px;
}

a#africa {
	position: absolute;
	cursor: pointer;
	top: 102px;
	left: 299px;
	width: 131px;
	height: 138px;
}

a#africa:hover {
	background: url(../images/map/africa.jpg) no-repeat;
}

a#africa:hover span {
	top: -151px;
	left: -147px;
}

a#europe {
	position: absolute;
	cursor: pointer;
	top: 39px;
	left: 313px;
	width: 102px;
	height: 68px;
}

a#europe:hover {
	background: url(../images/map/europe.jpg) no-repeat;
}

a#europe:hover span {
	top: -81px;
	right: 73px;
}

a#mid_east {
	position: absolute;
	cursor: pointer;
	top: 100px;
	left: 398px;
	width: 54px;
	height: 50px;
}

a#mid_east:hover {
	background: url(../images/map/mid_east.jpg) no-repeat;
}

a#mid_east:hover span {
	top: -122px;
	left: -203px;
}

a#east {
	position: absolute;
	cursor: pointer;
	top: 26px;
	left: 371px;
	width: 302px;
	height: 167px;
}

a#east:hover {
	background: url(../images/map/east.jpg) no-repeat;
}

a#au {
	position: absolute;
	cursor: pointer;
	top: 179px;
	left: 545px;
	width: 130px;
	height: 84px;
}

a#au:hover {
	background: url(../images/map/australia.jpg) no-repeat;
}