body { font: 12px verdana, arial, helvetica, sans-serif; margin: 0 2em;}
h1 { font-size: 160%; margin: 1em 0 2em 0; }
a:link, a:visited { color: #c90; }
#solar-system {
	width: 800px;
	height: 450px;
	background:url(http://ifyoucodeittheywill.com/samples/css-image-map/planets_iau.jpg);
	position: relative;
}

#solar-system, #solar-system li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#solar-system a {
	display: block;
	position: absolute;
	text-indent: -100000px;
}

#solar-system a:hover {
	border: 1px solid #fff;
}

#sun {
	left: 0;
	top: 0;
	width: 120px;
	height: 100%;
}

a#sun:hover {
	background: url(http://ifyoucodeittheywill.com/samples/css-image-map/sun.jpg) left top no-repeat;
	border: 0;
}

#mercury {
	left: 138px;
	top: 170px;
	width: 20px;
	height: 20px;
}

#venus {
	left: 167px;
	top: 170px;
	width: 20px;
	height: 20px;
}

#earth {
	left: 207px;
	top: 170px;
	width: 20px;
	height: 20px;
}

#mars {
	left: 242px;
	top: 170px;
	width: 20px;
	height: 20px;
}


#jupiter {
	left: 280px;
	top: 138px;
	width: 84px;
	height: 84px;
}

#saturn {
	left: 372px;
	top: 131px;
	width: 143px;
	height: 97px;
	z-index: 10;
}
#uranus {
	left: 506px;
	top: 164px;
	width: 31px;
	height: 31px;
	z-index: 20;
}
#neptune {
	left: 558px;
	top: 164px;
	width: 31px;
	height: 31px;
	z-index: 20;
}

#ceres {
	left: 258px;
	top: 270px;
	width: 20px;
	height: 20px;
}
#pluto {
	left: 603px;
	top: 270px;
	width: 20px;
	height: 20px;
}
#ub313 {
	left: 656px;
	top: 270px;
	width: 20px;
	height: 20px;
}

