﻿/* ---------- (body styles -- not needed for image maps) ---------- */


/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */
img.image{ display: none; }

dl#officeMap{
	margin: 0;
	padding: 0;
	background: transparent url(ourlucayamap.jpg) top left no-repeat;
	height: 454px;
	width: 760px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 85%;
	width: 29px;
	height: 21px;
	left: 157px;
	top: 248px;
}

/* ---------- Hotspot Declarations ---------- */

dd#option1Def{ top: 254px; left: 611px; }
dd#option1Def a{
	position: absolute;
	width: 41px;
	height: 23px;
	text-decoration: none;
	left: 3px;
	top: -1px;
}
dd#option1Def a span{ display: none; }
dd#option1Def a:hover{ background: transparent url(1icon.jpg) -168px -427px no-repeat; }
dd#option1Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;

	text-align: left;
	
}

dd#option2Def{ top: 154px; left: 694px; }
dd#option2Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -16px;
	top: 0px;
}
dd#option2Def{ top: 224px; left: 613px; }
dd#option2Def a{ position: absolute; width: 74px; height: 25px; text-decoration: none; }
dd#option2Def a span{ display: none; }
dd#option2Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option2Def a:hover span{
	display: block;
	background: url('images/LucayaMap/2-Barracudas.jpg');

	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}

dd#option3Def{ top: 154px; left: 694px; }
dd#option3Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -8px;
	top: -5px;
}
dd#option3Def{ top: 121px; left: 633px; }
dd#option3Def a{ position: absolute; width: 112px; height: 25px; text-decoration: none; }
dd#option3Def a span{ display: none; }
dd#option3Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
dd#option4Def{ top: 154px; left: 694px; }
dd#option4Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -15px;
	top: -1px;
}
dd#option4Def{ top: 135px; left: 550px; }
dd#option4Def a{ position: absolute; width: 65px; height: 25px; text-decoration: none; }
dd#option4Def a span{ display: none; }
dd#option4Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option4Def a:hover span{
	display: block;
	background: url('images/LucayaMap/4-the-prop-club.jpg');

	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
dd#option5Def{ top: 154px; left: 694px; }
dd#option5Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: 0px;
	top: 0px;
}
dd#option5Def{ top: 243px; left: 491px; }
dd#option5Def a{ position: absolute; width: 67px; height: 25px; text-decoration: none; }
dd#option5Def a span{ display: none; }
dd#option5Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option5Def a:hover span{
	display: block;
	background: url('images/LucayaMap/5-Iries.jpg');

	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
dd#option6Def{ top: 154px; left: 694px; }
dd#option6Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -5px;
	top: 0px;
}
dd#option6Def{ top: 214px; left: 521px; }
dd#option6Def a{ position: absolute; width: 94px; height: 25px; text-decoration: none; }
dd#option6Def a span{ display: none; }
dd#option6Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option6Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}

dd#option7Def{ top: 154px; left: 694px; }
dd#option7Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: 0px;
	top: -2px;
}
dd#option7Def{ top: 210px; left: 465px; }
dd#option7Def a{ position: absolute; width: 47px; height: 25px; text-decoration: none; }
dd#option7Def a span{ display: none; }
dd#option7Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option7Def a:hover span{
	display: block;
	background: url('images/LucayaMap/7-willy-boardleaf.jpg');
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
dd#option8Def{ top: 154px; left: 694px; }
dd#option8Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -27px;
	top: -6px;
}
dd#option8Def{ top: 150px; left: 387px; }
dd#option8Def a{ position: absolute; width: 85px; height: 25px; text-decoration: none; }
dd#option8Def a span{ display: none; }
dd#option8Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option8Def a:hover span{
	display: block;
	background: url('images/LucayaMap/8-Hammerheadsl.jpg');

	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
dd#option9Def{ top: 154px; left: 694px; }
dd#option9Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -23px;
	top: 1px;
}
dd#option9Def{ top: 164px; left: 441px; }
dd#option9Def a{ position: absolute; width: 62px; height: 25px; text-decoration: none; }
dd#option9Def a span{ display: none; }
dd#option9Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option9Def a:hover span{
	display: block;
	background: url('images/LucayaMap/9-China-Grill.jpg');

	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
dd#option10Def{ top: 154px; left: 694px; }
dd#option10Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -13px;
	top: -2px;
}
dd#option10Def{ top: 156px; left: 482px; }
dd#option10Def a{
	position: absolute;
	width: 72px;
	height: 25px;
	text-decoration: none;
}
dd#option10Def a span{ display: none; }
dd#option10Def a:hover span{
				background-color: #FF0000;
				background: url('images/LucayaMap/10-China-Beach.jpg');
				display: block;
				text-indent: 0;
				vertical-align: top;
				color: #000;
				position: absolute;
				border: 1px solid #BCBCBC;
				top: 100%;
				margin: 0;
				padding: 1px;
				width: 245px;
				height: 125px;
				text-align: left;
				
}
dd#option11Def{ top: 154px; left: 694px; }
dd#option11Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: 7px;
	top: -2px;
}
dd#option11Def{ top: 220px; left: 329px; }
dd#option11Def a{ position: absolute; width: 69px; height: 25px; text-decoration: none; }
dd#option11Def a span{ display: none; }
dd#option11Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option11Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
dd#option12Def{ top: 154px; left: 694px; }
dd#option12Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -9px;
	top: -3px;
}
dd#option12Def{ top: 243px; left: 309px; }
dd#option12Def a{ position: absolute; width: 64px; height: 25px; text-decoration: none; }
dd#option12Def a span{ display: none; }
dd#option12Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option12Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
dd#option13Def{ top: 154px; left: 694px; }
dd#option13Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -4px;
	top: -1px;
}
dd#option13Def{ top: 212px; left: 188px; }
dd#option13Def a{ position: absolute; width: 84px; height: 25px; text-decoration: none; }
dd#option13Def a span{ display: none; }
dd#option13Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option13Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
dd#option14Def{ top: 154px; left: 694px; }
dd#option14Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -16px;
	top: -6px;
}
dd#option14Def{ top: 234px; left: 426px; }
dd#option14Def a{ position: absolute; width: 79px; height: 25px; text-decoration: none; }
dd#option14Def a span{ display: none; }
dd#option14Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option14Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
dd#option14aDef{ top: 154px; left: 694px; }
dd#option14aDef a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -26px;
	top: -1px;
}
dd#option14aDef{ top: 247px; left: 152px; }
dd#option14aDef a{ position: absolute; width: 79px; height: 25px; text-decoration: none; }
dd#option14aDef a span{ display: none; }
dd#option14aDef a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option14aDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}

dd#option15Def{ top: 154px; left: 694px; }
dd#option15Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -50px;
	top: -1px;
}
dd#option15Def{ top: 289px; left: 117px; }
dd#option15Def a{ position: absolute; width: 107px; height: 25px; text-decoration: none; }
dd#option15Def a span{ display: none; }
dd#option15Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option15Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
dd#option16Def{ top: 154px; left: 694px; }
dd#option16Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -7px;
	top: -3px;
}
dd#option16Def{ top: 275px; left: 352px; }
dd#option16Def a{ position: absolute; width: 68px; height: 25px; text-decoration: none; }
dd#option16Def a span{ display: none; }
dd#option16Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option16Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
dd#option17Def{ top: 154px; left: 694px; }
dd#option17Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -51px;
	top: 3px;
}
dd#option17Def{ top: 316px; left: 674px; }
dd#option17Def a{ position: absolute; width: 110px; height: 25px; text-decoration: none; }
dd#option17Def a span{ display: none; }
dd#option17Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option17Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
dd#option18Def{ top: 154px; left: 694px; }
dd#option18Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -53px;
	top: 7px;
}
dd#option18Def{ top: 334px; left: 731px; }
dd#option18Def a{ position: absolute; width: 96px; height: 18px; text-decoration: none; }
dd#option18Def a span{ display: none; }
dd#option18Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option18Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
dd#option19Def{ top: 154px; left: 694px; }
dd#option19Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -41px;
	top: -4px;
}
dd#option19Def{ top: 157px; left: 696px; }
dd#option19Def a{ position: absolute; width: 81px; height: 25px; text-decoration: none; }
dd#option19Def a span{ display: none; }
dd#option19Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option19Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
dd#option20Def{ top: 154px; left: 694px; }
dd#option20Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -97px;
	top: -6px;
}
dd#option20Def{ top: 136px; left: 309px; }
dd#option20Def a{ position: absolute; width: 125px; height: 25px; text-decoration: none; }
dd#option20Def a span{ display: none; }
dd#option20Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option20Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
dd#option21Def{ top: 154px; left: 694px; }
dd#option21Def a{
	position: absolute;
	width: 59px;
	height: 21px;
	text-decoration: none;
	left: -24px;
	top: -3px;
}
dd#option21Def{ top: 192px; left: 615px; }
dd#option21Def a{ position: absolute; width: 94px; height: 25px; text-decoration: none; }
dd#option21Def a span{ display: none; }
dd#option21Def a:hover{ background: transparent url(ourlucayamap.jpg) -72px -625px no-repeat; }
dd#option21Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 1px;
width: 245px;
height: 125px;
	text-align: left;
}
