/*http://www.cssplay.co.uk/menu/mapper.html#nogo*/

/* setup the background image of the British Isles */
.uk {
	padding:0; 
	margin:0; 
	list-style-type:none; 
	background:#fff;
	background-image:url(images/ukmap_large6.gif);
	background-repeat:no-repeat;
	width:400px; 
	height:467px; 
	position:relative; 
	z-index:100;}


	
/* move the text off screen */
.uk li a {
	text-indent:-999px; 
	display:block; 
	width:8px; 
	height:8px; 
	background:#000; 
	position:absolute; 
	line-height:8px;
}

/* make the images and description invisible and an absolute position so that it does not take up any space */
.uk li a em {visibility:hidden; position:absolute;}

/* position the square markers */
.uk li a.wick {top:11px; left:230px;}
.uk li a.ln {top:280px; left:240px;}
.uk li a.sw {top:282px; left:262px;}
.uk li a.nt {top:235px; left:210px;}
.uk li a.bs {top:130px; left:248px;}
.uk li a.bf {top:172px; left:212px;}
.uk li a.du {top:220px; left:215px;}



/* move the text back into view on hover */
.uk li a:hover {background:#000000; text-indent:0; height:1.2em; font-size:1em; color:#fff; line-height:1em; padding:2px 10px; width:90px;}
/* hack for IE5.x */
* html .uk li a:hover {width:110px; height:1.5em; w\idth:90px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.uk li a:hover em {
	visibility:visible; 
	margin-left:5px; 
	background:#fff; 
	border:1px solid #000000; 
	width:150px; 
	color:#21F536; 
	padding:25px;
	font-style:normal; 
	top:-135px; 
	letter-spacing:1px; 
	line-height:1.5em;
}

/* hack for IE5.x */
* html .uk li a:hover em {width:200px; w\idth:150px;}
/* give the image a border and margin */
.uk li a:hover em img {border:1px solid #000; display:block; margin-bottom:10px;}
/* style the empty span (I know it's not semantically correct) into an arrow point */
.uk li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #fff; border-width:15px 0 15px 15px; border-left-color:#600; position:absolute; left:0; top:128px;}
/* hack for IE5.x */
* html .uk li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}