@charset "UTF-8";

#map{
	margin: 0;
	padding: 0;
	background: transparent url(../images/OAHU-map.jpg) top left no-repeat;
	height: 600px;
	width: 776px;
	position: relative;
	}
dt{ margin: 0; padding: 0; position: absolute; font-size: 75%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 75%; text-align:left;  }
dd a:hover span{ background-color: #e7d7b3;border: 1px solid #8e5d3d;color: #000; margin: 0;
	padding: 5px;text-indent: 0;vertical-align: top;position: absolute;	bottom: 100%; border-radius: 5px;}
dd a:hover:before{
  border: solid;
    border-color: #8e5d3d transparent;
    border-width: 6px 6px 0 6px;
    content: "";
    left: 50%;
	top: 0px;
    position: absolute;
    z-index: 99;
}


/* ---------- Hotspot Declarations ---------- */
dd#yokohama-bayDef{ top: 174px; left: 44px; }
dd#yokohama-bayDef a{
	position: absolute;
	width: 70px;
	height: 69px;
	text-decoration: none;
	}
dd#yokohama-bayDef a span{ display: none; }
dd#yokohama-bayDef a:hover{ }
dd#yokohama-bayDef a:hover span{
	display: block;	
	width: 550%;
}

dd#haleiwaDef{ top: 134px; left: 216px; }
dd#haleiwaDef a{ position: absolute; width: 70px; height: 69px; text-decoration: none; border: 2px;}
dd#haleiwaDef a span{ display: none; }
dd#haleiwaDef a:hover{ }
dd#haleiwaDef a:hover span{
	display: block;
	width: 550%;
}
dd#skydiveDef{ top: 206px; left: 131px; }
dd#skydiveDef a{
	position: absolute;
	width: 70px;
	height: 69px;
	text-decoration: none;
	border: 2px;
	
}
dd#skydiveDef a span{ display: none; }
dd#skydiveDef a:hover{ }
dd#skydiveDef a:hover span{
	display: block;
	width: 350%;
}


dd#sunset-beachDef{ top: 58px; left: 272px; }
dd#sunset-beachDef a{
	position: absolute;
	width: 90px;
	height: 69px;
	text-decoration: none;
	border: 2px;
	
	
}
dd#sunset-beachDef a span{ display: none; }
dd#sunset-beachDef a:hover{ }
dd#sunset-beachDef a:hover span{
	display: block;
	width: 550%;
}


dd#pccDef{ top:133px; left: 394px; }
dd#pccDef a{
	position: absolute;
	width: 70px;
	height: 69px;
	text-decoration: none;
	border: 2px;
	
	
}
dd#pccDef a span{ display: none; }
dd#pccDef a:hover{ }
dd#pccDef a:hover span{
	display: block;
	width: 350%;
}

dd#kaaawaDef{ top: 186px; left: 428px; }
dd#kaaawaDef a{
	position: absolute;
	width: 70px;
	height: 69px;
	text-decoration: none;
	border: 2px;
	
	
}
dd#kaaawaDef a span{ display: none; }
dd#kaaawaDef a:hover{ }
dd#kaaawaDef a:hover span{
	display: block;
	width: 350%;
}

dd#KailuaDef{ top: 325px; left: 514px; }
dd#KailuaDef a{
	position: absolute;
	width: 70px;
	height: 69px;
	text-decoration: none;
	border: 2px;
	
}
dd#KailuaDef a span{ display: none; }
dd#KailuaDef a:hover{ }
dd#KailuaDef a:hover span{
	display: block;
	width: 350%;
}

dd#WaimanaloDef{ top: 380px; left: 588px; }
dd#WaimanaloDef a{
	position: absolute;
	width: 70px;
	height: 69px;
	text-decoration: none;
	border: 2px;
	
}
dd#WaimanaloDef a span{ display: none; }
dd#WaimanaloDef a:hover{ }
dd#WaimanaloDef a:hover span{
	display: block;
	width: 350%;
}

dd#sandy-beachDef{ top: 450px; left: 641px; }
dd#sandy-beachDef a{
	position: absolute;
	width: 70px;
	height: 69px;
	text-decoration: none;
	border: 2px;
	
}
dd#sandy-beachDef a span{ display: none; }
dd#sandy-beachDef a:hover{ }
dd#sandy-beachDef a:hover span{
	display: block;
	width: 350%;
}

dd#hanaumaDef{ top: 528px; left: 613px; }
dd#hanaumaDef a{
	position: absolute;
	width: 70px;
	height: 69px;
	text-decoration: none;
	border: 2px;
	
}
dd#hanaumaDef a span{ display: none; }
dd#hanaumaDef a:hover{ }
dd#hanaumaDef a:hover span{
	display: block;
	width: 350%;
}

dd#diamond-headDef{ top: 505px; left: 500px; }
dd#diamond-headDef a{
	position: absolute;
	width: 60px;
	height: 69px;
	text-decoration: none;
	border: 2px;
	
}
dd#diamond-headDef a span{ display: none; }
dd#diamond-headDef a:hover{ }
dd#diamond-headDef a:hover span{
	display: block;
	width: 550%;
}

dd#Waikiki-BeachDef{ top: 475px; left: 465px; }
dd#Waikiki-BeachDef a{
	position: absolute;
	width: 60px;
	height: 69px;
	text-decoration: none;
	border: 2px;
	
}
dd#Waikiki-BeachDef a span{ display: none; }
dd#Waikiki-BeachDef a:hover{ }
dd#Waikiki-BeachDef a:hover span{
	display: block;
	width: 550%;
}

dd#Bishop-MuseumDef{ top: 422px; left: 315px; }
dd#Bishop-MuseumDef a{
	position: absolute;
	width: 70px;
	height: 69px;
	text-decoration: none;
	border: 2px;
	
}
dd#Bishop-MuseumDef a span{ display: none; }
dd#Bishop-MuseumDef a:hover{ }
dd#Bishop-MuseumDef a:hover span{
	display: block;
	width: 350%;
}

dd#kaheDef{ top: 399px; left: 180px; }
dd#kaheDef a{
	position: absolute;
	width: 70px;
	height: 69px;
	text-decoration: none;
	border: 2px;

	
}
dd#kaheDef a span{ display: none; }
dd#kaheDef a:hover{ }
dd#kaheDef a:hover span{
	display: block;
	width: 350%;
}


dd#koolinaDef{ top: 332px; left: 140px; }
dd#koolinaDef a{
	position: absolute;
	width: 70px;
	height: 69px;
	text-decoration: none;
	border: 2px;
	
}
dd#koolinaDef a span{ display: none; }
dd#koolinaDef a:hover{ }
dd#koolinaDef a:hover span{
	display: block;
	width: 350%;
}