#plan {
	display: block;
	width: 600px;
	height: 200px;
	background:url(images/theBoat/theBoat_plan.gif) no-repeat center;
	position: relative;
}
/*------------ Hotspots --------------*/
#plan dd {
	position: absolute;
	padding: 0;
	margin: 0;
}
/* saloon */
#plan #imap01 {
	left: 198px;
	top: 38px;
	z-index: 20;
}
#plan a#mainCab {
	display: block;
	width: 132px;
	height: 93px;
	background: url(images/theBoat/interior_imap_mainCab.gif) -100px -100px no-repeat;
	text-decoration: none;
	z-index: 10px;
}
#imap01 a span {
	display: none;
}
#plan a#mainCab:hover {
	background-position: 0 0;
}
#plan a#mainCab:hover span {
	left: -195px;
	top: 110px;
}
/* bed 01 */
#plan #imap02 {
	left: 382px;
	top: 21px;
	z-index: 20;
}
#plan a#bed01 {
	display: block;
	width: 82px;
	height: 124px;
	background: url(images/theBoat/interior_imap_bed01.gif) -100px -100px no-repeat;
	text-decoration: none;
	z-index: 10px;
}
#imap02 a span {
	display: none;
}
#plan a#bed01:hover {
	background-position: 0 0;
}
#plan a#bed01:hover span {
	left: -379px;
	top: 127px;
}
/* bed 02 */
#plan #imap03 { /* position of the hot spot */
	left: 297px;
	top: 83px;
	z-index: 20;
}
#plan a#bed02 {
	display: block;
	width: 73px;	/* size of the hot spot */
	height: 65px;
	background: url(images/theBoat/interior_imap_bed02.gif) -100px -100px no-repeat; /* hot spot image */
	text-decoration: none;
	z-index: 10px;
}
#imap03 a span { /* hides the content */
	display: none;
}
#plan a#bed02:hover { /* reveals content*/
	background-position: 0 0;
}
#plan a#bed02:hover span { /* positions content retative to hot spot */
	left: -294px;
	top: 65px;
}
/* bed 03 */
#plan #imap04 { /* position of the hot spot */
	left: 319px;
	top: 21px;
	z-index: 20;
}
#plan a#bed03 {
	display: block;
	width: 73px;	/* size of the hot spot */
	height: 65px;
	background: url(images/theBoat/interior_imap_bed03.gif) -100px -100px no-repeat; /* hot spot image */
	text-decoration: none;
	z-index: 10px;
}
#imap04 a span { /* hides the content */
	display: none;
}
#plan a#bed03:hover { /* reveals content*/
	background-position: 0 0;
}
#plan a#bed03:hover span { /* positions content retative to hot spot */
	left: -316px;
	top: 127px;
}
/* back deck */
#plan #imap05 { /* position of the hot spot */
	left: 114px;
	top: 34px;
	z-index: 20;
}
#plan a#backDeck {
	display: block;
	width: 76px;	/* size of the hot spot */
	height: 100px;
	background: url(images/theBoat/interior_imap_backDeck.jpg) -100px -100px no-repeat; /* hot spot image */
	text-decoration: none;
	z-index: 10px;
}
#imap05 a span { /* hides the content */
	display: none;
}
#plan a#backDeck:hover { /* reveals content*/
	background-position: 0 0;
}
#plan a#backDeck:hover span { /* positions content retative to hot spot */
	left: -111px;
	top: 114px;
}
/* back deck */
#plan #imap06 { /* position of the hot spot */
	left: 185px;
	top: 202px;
	z-index: 20;
}
#plan a#bridge01 {
	display: block;
	width: 52px;	/* size of the hot spot */
	height: 88px;
	background: url(images/theBoat/interior_imap_bridge01.gif) -100px -100px no-repeat; /* hot spot image */
	text-decoration: none;
	z-index: 10px;
}
#imap06 a span { /* hides the content */
	display: none;
}
#plan a#bridge01:hover { /* reveals content*/
	background-position: 0 0;
}
#plan a#bridge01:hover span { /* positions content retative to hot spot */
	left: -182px;
	top: -200px;
}

#plan a:hover span {
	position: absolute;
	width: 600px;
	height: 200px;
	display: block;
	background: #FFFFFF;
}
#plan a:hover span img {
	float: right;
	margin-top: 25px;
	padding-left: 10px;
	border: none;
}