@charset "utf-8";

/* Molokinii Map: only width, height & url changes */
.dive { 
  width:446px; 
  height:361px; 
  background:url(images/divemap4.gif) no-repeat;
} 
  
/*Reefs End 129,66*/
.dive .molo1 a { cursor:default; }
.dive .molo1 { margin-left:130px; margin-top:66px; }
.dive .molo1 a:hover img.spot { margin: -330px 0 0 -30px; }
.dive .molo1 a:hover span { margin:-10px 0 0 40px; width:360px; }
#sitendx .mapndx.hdive1:hover img { left:227px; top:13px; }

/*Tako Flats 117,137*/
.dive .molo2 a { cursor:default; }
.dive .molo2 { margin-left:117px; margin-top:137px; }
.dive .molo2 a:hover img.spot { margin: -330px 0 0 -20px; }
.dive .molo2 a:hover span { margin:-10px 0 0 40px; width:370px; } 
#sitendx .mapndx.hdive2:hover img { left:214px; top:86px; }

/*Mid Reef 174,125*/
.dive .molo3 a { cursor:default; }
.dive .molo3 { margin-left:174px; margin-top:125px; }
.dive .molo3 a:hover img.spot { margin: -330px 0 0 -75px; }
.dive .molo3 a:hover span { margin:-10px 0 0 40px; width:315px; }
#sitendx .mapndx.hdive3:hover img { left:271px; top:74px; } 

/*Shark Condos 342,117*/
.dive .molo7 a { cursor:default; }
.dive .molo7 { margin-left:344px; margin-top:117px; }
.dive .molo7 a:hover img.spot { margin: -328px 0 0 -400px; }            
.dive .molo7 a:hover span { margin:-10px 0 0 -400px; width:360px; }
#sitendx .mapndx.hdive7:hover img { left:441px; top:65px; } 

/*Enenui Side 349,131*/
.dive .molo4 a { cursor:default; }
.dive .molo4 { margin-left:351px; margin-top:133px; }
.dive .molo4 a:hover img.spot { margin: -347px 0 0 -400px; }            
.dive .molo4 a:hover span { margin:-10px 0 0 -400px; width:360px; }
#sitendx .mapndx.hdive4:hover img { left:448px; top:82px; }

/*Flying Sea Cliffs 298,284*/
.dive .molo5 a { cursor:default; }
.dive .molo5 { margin-left:299px; margin-top:286px; }
.dive .molo5 a:hover img.spot { margin: -400px 0 0 -430px; }            
.dive .molo5 a:hover span { margin:-80px 0 0 -430px; width:390px; }
#sitendx .mapndx.hdive5:hover img { left:396px; top:235px; }

/*Edge of the World 80,257*/
.dive .molo6 a { cursor:default; }
.dive .molo6 { margin-left:81px; margin-top:258px; }
.dive .molo6 a:hover img.spot { margin: -360px 0 0 30px; }            
.dive .molo6 a:hover span { margin:-350px 0 0 -300px; width:300px; }
#sitendx .mapndx.hdive6:hover img { left:178px; top:207px; }