@charset "utf-8";

/* South Maui Map: only width, height & url changes */
.dive { 
  width:451px; 
  height:364px; 
  background:url(images/divemap2.gif) no-repeat;
}

#sitendx {
	top: -50px;
  left: 410px;
  }

/* Molokini CSS Rollover Link */
a.molokini { width:47px; height:26px; display:block; position:absolute;  margin-top:-226px; margin-left:116px;}
a.molokini:hover { background:url(images/molo_link.gif); border:1px solid #333;  }

/* - - - - - - - - - - - - - - - - - - - - - - - - */
  
/*Hellcat*/
.dive .mdive1 a { cursor:pointer; }	
.dive .mdive1 { margin-left:191px; margin-top:8px; }
.dive .mdive1 a:hover img.spot { margin: -320px 0 0 -90px; }    
.dive .mdive1 a:hover span { margin:0 0 0 40px; width:300px; }
#sitendx .mapndx.hdive1:hover img {left:-222px; top:56px; }

/*St. Anthony */
.dive .mdive23 a { cursor:pointer; }
.dive .mdive23 { margin-left:182px; margin-top:20px; }
.dive .mdive23 a:hover img.spot { margin: -150px 0 0 -320px; }            
.dive .mdive23 a:hover span { margin:50px 0 0 -10px; width:310px; }   
#sitendx .mapndx.hdive23:hover img {left:-231px; top:67px; }

/*Wailea Point  */
.dive .mdive2 a { cursor:default; }
.dive .mdive2 { margin-left:191px; margin-top:33px; }
.dive .mdive2 a:hover img.spot { margin: -320px 0 0 -91px; }            
.dive .mdive2 a:hover span { margin:0 0 0 40px; width:299px; }
#sitendx .mapndx.hdive2:hover img {left:-221px; top:82px; }  

/*Halo Point*/
.dive .mdive3 a { cursor:default; }
.dive .mdive3 { margin-left:188px; margin-top:56px; }
.dive .mdive3 a:hover img.spot { margin: -320px 0 0 -88px; }            
.dive .mdive3 a:hover span { margin:0 0 0 40px; width:302px; }
#sitendx .mapndx.hdive3:hover img {left:-223px; top:103px; } 

/*Marty's Reef*/
.dive .mdive4 a { cursor:default; }
.dive .mdive4 { margin-left:157px; margin-top:78px; }
.dive .mdive4 a:hover img.spot { margin: -320px 0 0 -56px; }            
.dive .mdive4 a:hover span { margin:0 0 0 40px; width:334px; }
#sitendx .mapndx.hdive4:hover img {left:-256px; top:125px; }   

/*5 Caves*/
.dive .mdive5 a { cursor:default; }
.dive .mdive5 { margin-left:178px; margin-top:88px; }
.dive .mdive5 a:hover img.spot { margin: -320px 0 0 -77px; }            
.dive .mdive5 a:hover span { margin:0 0 0 40px; width:313px; }
#sitendx .mapndx.hdive5:hover img {left:-235px; top:136px; }  

/*Tank & Landing Craft*/
.dive .mdive7 a { cursor:pointer; }
.dive .mdive7 { margin-left:174px; margin-top:100px; }
.dive .mdive7 a:hover img.spot { margin: -320px 0 0 -72px; }            
.dive .mdive7 a:hover span { margin:0 0 0 40px; width:318px; }
#sitendx .mapndx.hdive7:hover img {left:-239px; top:147px; }

/*Jody's Backyard*/
.dive .mdive6 a { cursor:default; }
.dive .mdive6 { margin-left:170px; margin-top:111px; }
.dive .mdive6 a:hover img.spot { margin: -320px 0 0 -68px; }            
.dive .mdive6 a:hover span { margin:0 0 0 40px; width:322px; }
#sitendx .mapndx.hdive6:hover img {left:-243px; top:160px; }     

/*Red Hill*/
.dive .mdive8 a { cursor:default; }
.dive .mdive8 { margin-left:156px; margin-top:128px; }
.dive .mdive8 a:hover img.spot { margin: -320px 0 0 -53px; }            
.dive .mdive8 a:hover span { margin:0 0 0 40px; width:337px; }
#sitendx .mapndx.hdive8:hover img {left:-257px; top:175px; }   

/*Taape & Hawaiian*/
.dive .mdive9 a { cursor:default; }  
.dive .mdive9 { margin-left:137px; margin-top:113px; }  
.dive .mdive9 a:hover img.spot { margin: -245px 0 0 40px; }   
.dive .mdive9 a:hover span { margin:0 0 0 40px; width:330px }
#sitendx .mapndx.hdive9:hover img {left:-276px; top:161px; } 

/*Apartments & Battleship*/
.dive .mdive10 a { cursor:default; }
.dive .mdive10 { margin-left:117px; margin-top:108px; }
.dive .mdive10 a:hover img.spot { margin: -320px 0 0 -15px; }            
.dive .mdive10 a:hover span { margin:0 0 0 40px; width:375px; }
#sitendx .mapndx.hdive10:hover img {left:-296px; top:157px; }

/*3rd Tank*/
.dive .mdive19 a { cursor:pointer; }
.dive .mdive19 { margin-left:166px; margin-top:172px; }
.dive .mdive19 a:hover img.spot { margin: -260px 0 0 56px; }            
.dive .mdive19 a:hover span { margin:-248px 0 0 -250px; width:269px; }
#sitendx .mapndx.hdive19:hover img {left:-247px; top:221px; }   

/*Pokearound*/
.dive .mdive20 a { cursor:default; }
.dive .mdive20 { margin-left:181px; margin-top:188px; }
.dive .mdive20 a:hover img.spot { margin: -350px 0 0 -350px; }            
.dive .mdive20 a:hover span { margin:-30px 0 0 -350px; width:300px; }
#sitendx .mapndx.hdive20:hover img {left:-232px; top:236px; }   

 /*La Perouse Pinnacle*/
.dive .mdive11 a { cursor:default; }
.dive .mdive11 { margin-left:234px; margin-top:263px; }
.dive .mdive11 a:hover img.spot { margin: -400px 0 0 -350px; }            
.dive .mdive11 a:hover span { margin:-80px 0 0 -350px; width:300px; }
#sitendx .mapndx.hdive11:hover img {left:-179px; top:310px; }   

/*Split Reef*/
.dive .mdive18 a { cursor:default; }
.dive .mdive18 { margin-left:245px; margin-top:292px; }
.dive .mdive18 a:hover img.spot { margin: -400px 0 0 -325px; }            
.dive .mdive18 a:hover span { margin:-240px 0 0 -15px; width:290px; }
#sitendx .mapndx.hdive18:hover img {left:-168px; top:341px; }   
 
/*Pinnacle Point*/
.dive .mdive12 a { cursor:default; }
.dive .mdive12 { margin-left:272px; margin-top:307px; }
.dive .mdive12 a:hover img.spot { margin: -400px 0 0 -350px; }            
.dive .mdive12 a:hover span { margin:-80px 0 0 -350px; width:300px; }
#sitendx .mapndx.hdive12:hover img {left:-141px; top:356px; } 

/*River Run*/
.dive .mdive21 a { cursor:default; }
.dive .mdive21 { margin-left:306px; margin-top:324px; }
.dive .mdive21 a:hover img.spot { margin: -400px 0 0 -350px; }            
.dive .mdive21 a:hover span { margin:-80px 0 0 -350px; width:300px; }
#sitendx .mapndx.hdive21:hover img {left:-107px; top:372px; }  

/*Golden Arches*/
.dive .mdive13 a { cursor:default; }
.dive .mdive13 { margin-left:341px; margin-top:326px; }
.dive .mdive13 a:hover img.spot { margin: -420px 0 0 -350px; }            
.dive .mdive13 a:hover span { margin:-100px 0 0 -350px; width:300px; }
#sitendx .mapndx.hdive13:hover img {left:-72px; top:375px; }   

/*Dragon Reef*/
.dive .mdive14 a { cursor:default; }
.dive .mdive14 { margin-left:365px; margin-top:325px; }
.dive .mdive14 a:hover img.spot { margin: -420px 0 0 -350px; }            
.dive .mdive14 a:hover span { margin:-100px 0 0 -350px; width:300px; }
#sitendx .mapndx.hdive14:hover img {left:-48px; top:374px; }