/* map css */

#uk {
 width: 463px;
 height: 525px;
 background: url(map.jpg) no-repeat;
 margin: 10px auto; padding: 0;
 position: relative;
 border: 0px;
}
#uk li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#uk a {display: block; text-indent: -9999px; text-decoration: none;}

/* remove active/focus dotted border in Firefox 1.5 */
#uk a:focus {outline: none;}

#r1 {left: 135px; top: 7px; width: 200px; height: 197px; z-index: 40;}
#r2 {left: 135px; top: 110px; width: 135px; height: 140px; z-index: 50;} 
#r4 {left: 135px; top: 200px; width: 160px; height: 170px; z-index: 30;}

#r3 {left: 272px; top: 180px; width: 134px; height: 80px; z-index: 40;}
#r5 {left: 270px; top: 248px; width: 105px; height: 120px;}
#r6 {left: 135px; top: 313px; width: 210px; height: 115px; z-index: 20;}
#r7 {left: 135px; top: 405px; width: 171px; height: 120px; z-index: 25;}
#r8 {left: 290px; top: 335px; width: 145px; height: 90px;}
#r9 {left: 340px; top: 405px; width: 35px; height: 25px;}
#r10 {left: 360px; top: 420px; width: 55px; height: 35px; z-index: 20;}
#r11 {left: 325px; top: 420px; width: 75px; height: 45px;}
#r12 {left: 260px; top: 418px; width: 75px; height: 115px; z-index: 30;}
#r13 {left: 20px; top: 210px; width: 110px; height: 115px;}

#r1 a {height: 197px;}
#r2 a {height: 140px;}
#r4 a {height: 160px;}
#r3 a {height: 80px;}
#r5 a {height: 120px;}
#r6 a {height: 115px;}
#r7 a {height: 120px;}
#r8 a {height: 90px;}
#r9 a {height: 25px;}
#r10 a {height: 35px;}
#r11 a {height: 45px;}
#r12 a {height: 115px;}
#r13 a {height: 115px;}

#r1 a:hover {background: url(the-map-1-4-9-13.jpg) -135px -7px no-repeat;}
#r2 a:hover {background: url(the-map-2-5-7-11.jpg) -135px -110px no-repeat;}
#r4 a:hover {background: url(the-map-1-4-9-13.jpg) -135px -200px no-repeat;}
#r3 a:hover {background: url(the-map-3-6-10.jpg) -272px -180px no-repeat;}
#r5 a:hover {background: url(the-map-2-5-7-11.jpg) -270px -248px no-repeat;}
#r6 a:hover {background: url(the-map-3-6-10.jpg) -135px -313px no-repeat;}
#r7 a:hover {background: url(the-map-2-5-7-11.jpg) -135px -405px no-repeat;}
#r8 a:hover {background: url(the-map-8.jpg) -290px -335px no-repeat;}
#r9 a:hover {background: url(the-map-1-4-9-13.jpg) -340px -405px no-repeat;}
#r10 a:hover {background: url(the-map-3-6-10.jpg) -360px -420px no-repeat;}
#r11 a:hover {background: url(the-map-2-5-7-11.jpg) -325px -420px no-repeat;}
#r12 a:hover {background: url(the-map-12.jpg) -260px -418px no-repeat;}
#r13 a:hover {background: url(the-map-1-4-9-13.jpg) -20px -210px no-repeat;}
/* credit to http://www.tanfa.co.uk/css/examples/europe-map.asp for this excellent  css approach */