/* CSS Document */
/* setup the background image of the British Isles  background:#fff  */ 
.uk {
padding:0; 
margin:0; 
list-style-type:none; 
background: url("venezuela1.png") no-repeat center; 
height:400px; 
margin:5px 5px 5px 5px; 
position:relative; 
z-index:100;
width: 100%;
}
/* move the text off screen */
.uk li a {
text-indent:-999px; 
width:18px; 
height:18px; 
background: url("logo.gif") ; 
position:absolute; 
line-height:18px;
}
/* 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.aa {top:50px; left:70px;}
.uk li a.bb {top:150px; left:65px;}
.uk li a.cc {top:50px; left:200px;}
.uk li a.dd {top:35px; left:250px;}
.uk li a.ee {top:55px; left:300px;}
.uk li a.ff {top:75px; left:360px;}
.uk li a.gg {top:85px; left:320px;}

/* move the text back into view on hover */
.uk li a:hover {
background:#0099FF; 
text-indent:0; 
height:1.2em; 
font-size:1em; 
color:#fff; 
line-height:1em; 
padding:2px 10px; 
width:190px;
}
/* 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 #000099; 
width:180px; 
color:#000099; 
padding:25px;
font-style:normal; 
top:-135px; 
font-family:tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif; 
letter-spacing:1px; 
line-height:1.5em;
text-align:center;
}
/* 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:#0099FF; 
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;
}