#map {
	position: relative;
	margin:0;
	padding:0;
	width:980px;
	height:597px;
	background:url(images/interactivemap/interactivemap1.jpg) top left no-repeat #000;
}

#woodyPin, #ladyPin, #bellaPin, #flagPin, #piPin, #beachPin, #tropicPin, #palmPin, #tikiPin, #mDancePin, #sDancePin, #sDancePin2, #bBarPin, #tikiHutPin, #tikiHutPin2, #eBeachCfPin, #eBeachPin, #wBeachPin, #jacuzziPin, #jacuzziPin2, #jacuzziPin3, #longIslPin, #washPin, #poolPin, #poolBarPin, #skullPin, #lostIslPin, #wFallsPin, #loveBoatPin {
	display:none;
}

#map li {
	margin:0;
	padding:0;
	list-style:none;
}

#map li a {
	position:absolute;
	display:block;
	/*
	   Specifying a background image
	   (a 1px by 1px transparent gif)
	   fixes a bug in older versions of
	   IE that causeses the block to not
	   render at its full dimensions.
	*/
	background:url(images/blank.gif);
	text-decoration:none;
	z-index:50;
}

#map li a span { display:none; }

#map li a:hover span {
	display:block;
	width:95px;
	left:20px;
	top:20px;
	padding:5px;
	border:1px solid #000;
	background:#fff;
	text-decoration:none;
	color:#000;
	filter:alpha(opacity=80);
	opacity:0.8;
}

#map li.bellaP {
	position:absolute;
	top:65px;
	left:472px;
	width:37px;
	height:38px;
}

#map li.woodyP {
	position:absolute;
	top:114px;
	left:440px;
	width:37px;
	height:38px;
}

#map li.ladyP {
	position:absolute;
	top:114px;
	left:502px;
	width:37px;
	height:38px;
}

#map li.flagP {
	position:absolute;
	top:140px;
	left:472px;
	width:37px;
	height:38px;
}

#map li.piP {
	position:absolute;
	top:210px;
	left:570px;
	width:37px;
	height:38px;
}

#map li.beachP {
	position:absolute;
	top:101px;
	left:628px;
	width:37px;
	height:38px;
}

#map li.tropicP {
	position:absolute;
	top:183px;
	left:650px;
	width:37px;
	height:38px;
}

#map li.palmP {
	position:absolute;
	top:236px;
	left:662px;
	width:37px;
	height:38px;
}

#map li.tikiP {
	position:absolute;
	top:240px;
	left:405px;
	width:37px;
	height:38px;
}

#map li.mDanceP {
	position:absolute;
	top:190px;
	left:428px;
	width:37px;
	height:38px;
}

#map li.sDanceP {
	position:absolute;
	top:188px;
	left:503px;
	width:37px;
	height:38px;
}

#map li.sDanceP2 {
	position:absolute;
	top:207px;
	left:290px;
	width:37px;
	height:38px;
}

#map li.bBarP {
	position:absolute;
	top:197px;
	left:388px;
	width:37px;
	height:38px;
}

#map li.tikiHutP {
	position:absolute;
	top:233px;
	left:373px;
	width:37px;
	height:38px;
}

#map li.tikiHutP2 {
	position:absolute;
	top:268px;
	left:418px;
	width:37px;
	height:38px;
}

#map li.eBeachP {
	position:absolute;
	top:324px;
	left:444px;
	width:37px;
	height:38px;
}

#map li.wBeachP {
	position:absolute;
	top:293px;
	left:516px;
	width:37px;
	height:38px;
}

#map li.eBeachCfP {
	position:absolute;
	top:260px;
	left:390px;
	width:37px;
	height:38px;
}

#map li.loveBoatP {
	position:absolute;
	top:250px;
	left:298px;
	width:37px;
	height:38px;
}

#map li.poolP {
	position:absolute;
	top:230px;
	left:525px;
	width:37px;
	height:38px;
}

#map li.poolBarP {
	position:absolute;
	top:185px;
	left:530px;
	width:37px;
	height:38px;
}

#map li.jacuzziP {
	position:absolute;
	top:239px;
	left:440px;
	width:37px;
	height:38px;
}

#map li.jacuzziP2 {
	position:absolute;
	top:225px;
	left:507px;
	width:37px;
	height:38px;
}

#map li.jacuzziP3 {
	position:absolute;
	top:265px;
	left:497px;
	width:37px;
	height:38px;
}

#map li.longIslP {
	position:absolute;
	top:390px;
	left:695px;
	width:37px;
	height:38px;
}

#map li.skullP {
	position:absolute;
	top:460px;
	left:475px;
	width:37px;
	height:38px;
}

#map li.lostIslP {
	position:absolute;
	top:378px;
	left:271px;
	width:37px;
	height:38px;
}


#map li.wFallsP {
	position:absolute;
	top:398px;
	left:432px;
	width:37px;
	height:38px;
}


#map li.washP {
	position:absolute;
	top:144px;
	left:256px;
	width:37px;
	height:38px;
}

/*==================boxes====================*/
#imageMap .box { width:233px; position:absolute; right:20px; top:0; border-top:3px solid #e7e7e7; background: url(images/interactivemap/box_bg.png) no-repeat; min-height:343px; height:auto!important; height:343px; }
#imageMap .box .title { margin-bottom:22px; background:none;}
#imageMap .box h3, #imageMap .box .list {color:#f06400; font-size:.75em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; line-height:1.44em; margin-bottom:18px; background:none; padding:0;}
#imageMap .box p { color:#fff; font-size:.75em; text-transform:uppercase; line-height:1.33em;}
#imageMap .box a { cursor:pointer;}
#imageMap .box .inner { padding:26px 34px 26px 28px;}

#imageMap .box2 { width:233px; position:absolute; left:20px; top:0; border-top:3px solid #e7e7e7; background: url(images/interactivemap/box2_bg.png) no-repeat; min-height:343px; height:auto!important; height:343px; z-index:555; }
#imageMap .box2 .title { margin-bottom:22px; background:none;}
#imageMap .box2 h3, #imageMap .box2 .list {color:#f06400; font-size:.75em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; line-height:1.44em; margin-bottom:18px; background:none; padding:0;}
#imageMap .box2 p { color:#fff; font-size:.75em; text-transform:uppercase; line-height:1.33em;}
#imageMap .box2 a { cursor:pointer;}
#imageMap .box2 .inner { padding:26px 34px 26px 28px;}

#imageMap .list a {color:#FFF;
	text-decoration:none;
}
#imageMap .list a:hover{
	text-decoration:none;
	font-weight: bold;
	color: #FFF;
}

#imageMap .list { margin:-4px 0 15px 0;}
#imageMap .list li { background:none; padding:4px 0 0 0; color:#fff;}

#imageMap ul.list ul.list {margin:0 0 0 10px;; font-size:1em;}
#imageMap ul.list ul.list li a {color:#f06400;}

#jacuzzis, #tikiHuts, #slowDance {display:none;}
/*======= columns =======*/
#imageMap #content .col-1 {width:305px; margin-right:13px;}
#imageMap #content .col-1 .col-1 { width:129px; margin-right:20px;}
#imageMap #content .col-1 .col-2 { width:126px;}
#imageMap #content .col-2 { width:305px; margin-right:15px;}
#imageMap #content .col-3 { width:305px;}
#imageMap #content .col-3 .col-1 { width:129px; margin-right:20px;}

#imageMap h4 { color:#F90; font-size:1em; margin-bottom:18px;}

#imageMap #content .col-3 .col-2 { width:126px;}