#group2 {
  display: block;
  position: relative;
  width: 570px;
  height: 380px;
  margin: 0;
  padding: 0; }
#group2 li {
  visibility: hidden;   
  list-style-type: none;
  position: absolute;
// border: 1px solid black;
  font-family: sans-serif;
  font-size: x-small;
  color: #000;
  padding: 0;
  line-height: 1.3em;
  overflow: hidden; }
#group2 span { 
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  display: block;

 }
#group2:hover li { visibility: visible; }
#group2 li:hover {}
#group2 li:hover span {visibility: visible;}
#group2 a { color: white; font-size: 12px; font-weight:bold; }

#dracunov { left: 305px; top: 204px; width: 106px; height: 53px; z-index: 15;} 
#dracunov p { color: white; display: block; position: absolute; top: 0px; left: 0px; z-index: 100; margin: 0;}
#dracunov a { font-size: x-small; text-decoration: none; font-weight: normal;}

#adeloth { left: 472px; top: 175px; width: 139px; height:125px; border: 0px; z-index: 15; }   
#adeloth p { color: white; display: block; position: absolute; top: 10px; left: 15px; z-index: 100;}
#adeloth a { font-size: x-small; text-decoration: none; font-weight: normal;}

#kolmiliitto { left: 204px; top: 202px; width: 342px; height: 166px; z-index: 10; }
#kolmiliitto p { color: white; display: block; position: absolute; top: 50px; left: 80px; z-index: 0; width: 200px;}
#kolmiliitto a { font-size: x-small; text-decoration: none; font-weight: normal;}

#braedon { left: 382px; top: 44px; width: 138px; height: 125px; z-index: 100;}
#braedon p { color: white; display: block; position: absolute; top: 15px; left: 20px; z-index: 100;}
#braedon a { font-size: x-small; text-decoration: none; font-weight: normal;}

#bashirah { left: 391px; top: 283px; width: 200px; height: 225px;}
#bashirah p { color: white; display: block; position: absolute; top: 100px; left: 50px; z-index: 0;}
#bashirah a { font-size: x-small; text-decoration: none; font-weight: normal;}

#giat { left: 345px; top: 140px; width: 80px; height: 225px; z-index: 5;}
#giat p { color: white; display: block; position: absolute; top: 10px; left: 20px; z-index: 0;}
#giat a { font-size: x-small; text-decoration: none; font-weight: normal;}

#falanthas { left: 1px; top: 228px; width: 180px; height: 200px;}
#falanthas p { color: white; display: block; position: absolute; top: 10px; left: 20px; z-index: 0;}
#falanthas a { font-size: x-small; text-decoration: none; font-weight: normal;}

#valantar { left: 100px; top: 1px; width: 400px; height: 300px;}
#valantar p { color: white; display: block; position: absolute; top: 10px; left: 20px; z-index: 0;}
#valantar a { font-size: x-small; text-decoration: none; font-weight: normal;}