@charset "utf-8";
/* CSS Document */

#slow_map {
	background-image: url(img/regional_background_map.jpg);
	height: 840px;
	width: 540px;
	background-repeat: no-repeat;
	clear: left;
	display: block;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
}

#button_box {
	display: block;
	overflow: visible;


}
.europe {
	position: relative;
	top: 53px;
	height: 50px;
	width: 50px;
	left: 20px;
	z-index: 1;
}
.middle_east {
	position:  relative;
	top: 0px;
	height: 50px;
	width: 50px;
	left: 0px;
	z-index: 2;
}
.africa {
	position: relative;
	top: 560px;
	height: 50px;
	width: 50px;
	left: 294px;
}
#europe a {
	height: 216px;
	width: 283px;
	display: block;
	background-repeat: no-repeat;
	position: relative;
	background-image: url(img/regional_europe.jpg);
	background-position: 283px;
	bottom: 0px;
	right: 0px;
}

#europe a:hover {
	background-position: 0px;
}
#middle_east a {
	height: 187px;
	width: 237px;
	display: block;
	background-repeat: no-repeat;
	position: absolute;
	background-image: url(img/regional_middleeast.jpg);
	background-position: 237px;
	bottom: -300px;
	right: -470px;
}

#middle_east a:hover {
	background-position: 0px;
}
#africa a {
	height: 298px;
	width: 202px;
	display: block;
	background-repeat: no-repeat;
	position: absolute;
	background-image: url(img/regional_africa.jpg);
	background-position: 202px;
	bottom: 36px;
	right: -132px;
}

#africa a:hover {
	background-position: 0px;
}