#mapping {
	width: 624px;
	height: 486px;
	position: relative;
}

div#clickity {
	display: inline;
	background-color: #404040;
	padding: 4px 6px 4px 6px;
	color: white;
}

#mapping .hotspots li {
	position: absolute;
	margin: 0px;
	padding: 0px;
	background: none;
}

#mapping .hotspots li a {
	display: block;
	position: relative;
	height: 46px;
	width: 136px;
	background: #4a4a4a;
	padding: 3px 2px 5px 5px;
	color: white;
	font-weight: normal;
	font-size: 0.83em;
	line-height: 1em;
}

#mapping .hotspots li a:hover {
	background: #000000;
	text-decoration: none;
}

#mapping .hotspots li a:active {
	background: #D1700E;
}

#mapping .hotspots li a strong {
	color: white;
	font-size: 1.4em;
	line-height: 1em;
}

#mapping .hotspots li.spot1 {
	top: 22px;
	left: 0px;
}

#mapping .hotspots li.spot2 {
	top: 101px;
	left: 19px;
}

#mapping .hotspots li.spot2 a {
	width: 225px;
}

#mapping .hotspots li.spot3 {
	top: 182px;
	left: 113px;
}

#mapping .hotspots li.spot3 a {
	width: 180px;
}

#mapping .hotspots li.spot4 {
	top: 257px;
	left: 171px;
}

#mapping .hotspots li.spot4 a {
	width: 191px;
}

#mapping .hotspots li.spot5 {
	top: 344px;
	left: 255px;
}

#mapping .hotspots li.spot5 a {
	width: 178px;
	height: 32px;
}