ul#temples {
   list-style: none;
   background: url('http://hoofprince.com/versionxv/gods_temple_map.png') no-repeat 0 0;
   position: relative;
   width: 586px;
   height: 582px;
   margin: 0;
   padding: 0;
   text-align: center;
}

ul#temples li {
   position: absolute;
   display: block; 
   position: absolute;
}

ul#temples li a{
   display: block;
   height: 100%;
   text-decoration: none;
   text-indent: -9999px;
}

#paduan {left: 8px; top: 215px; width: 150px; height: 150px; z-index: 40;}
#galadriel {left: 50px; top: 85px; width: 160px; height: 145px; z-index: 40;}
#elyria {left: 180px; top:2px; width: 160px; height: 145px; z-index: 40;}
#courant {left: 330px; top:27px; width: 160px; height: 145px; z-index: 40;}
#rencor {left: 438px; top:140px; width: 160px; height: 145px; z-index: 40;}
#atlus {left: 438px; top:287px; width: 160px; height: 145px; z-index: 40;}
#tazewell {left: 340px; top:408px; width: 160px; height: 145px; z-index: 40;}
#brighton {left: 190px; top:430px; width: 160px; height: 145px; z-index: 40;}
#aprillia {left: 60px; top:358px; width: 160px; height: 145px; z-index: 40;}
#oracle {left: 183px; top:161px; width: 240px; height: 247px; z-index: 40;}

#paduan a {height: 145px;}
#galadriel a {height: 145px;}
#elyria a {height: 145px;}
#courant a {height: 145px;}
#rencor a {height: 145px;}
#atlus a {height: 145px;}
#tazewell a {height: 145px;}
#brighton a {height: 145px;}
#aprillia a {height: 145px;}
#oracle a {height: 190px;}

#paduan a:hover {background: url('gods_temple_map_pad.png') -8px -6px no-repeat;}
#galadriel a:hover {background: url('gods_temple_map_glad.png') -50px -85px no-repeat;}
#elyria a:hover {background: url('gods_temple_map_elyr.png') -8px -2px no-repeat;}
#courant a:hover {background: url('gods_temple_map_cour.png') -12px -27px no-repeat;}
#rencor a:hover {background: url('gods_temple_map_renc.png') -11px -8px no-repeat;}
#atlus a:hover {background: url('gods_temple_map_atlu.png') -6px -6px no-repeat;}
#tazewell a:hover {background: url('gods_temple_map_taze.png') -10px -12px no-repeat;}
#brighton a:hover {background: url('gods_temple_map_brig.png') -11px -7px no-repeat;}
#aprillia a:hover {background: url('gods_temple_map_april.png') -60px -4px no-repeat;}
#oracle a:hover {background: url('gods_temple_map_orac.png') -0px -0px no-repeat;}