/* CSS-based Image Maps
   Author: Frank Manno
   Version: Nov. 25, 2004
----------------------------------------------- */

/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */
img.image{ display: none; }

h1.title{
	font-size: 115%;
	color: white;
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px 0 0 5px;
}

dl#floorplan{
	margin: 0;
	padding: 0;
	background: transparent url(../../_images/take-a-tour-floorplan.jpg) no-repeat left top;
	height: 484px;
	width: 680px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; display: none; }
dd{ margin: 0; padding: 0; position: absolute;}


/* ---------- Hotspot Declarations ---------- */
dd#gardensDef{ top: 149px; left: 31px; }
dd#gardensDef a{ position: absolute; width: 101px; height: 40px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#gardensDef a span{ display: none; }
dd#gardensDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#gardensDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
	z-index: 20;
}

dd#villagehallDef{ top: 187px; left: 283px; }
dd#villagehallDef a{ position: absolute; width: 33px; height: 38px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#villagehallDef a span{ display: none; }
dd#villagehallDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#villagehallDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
}

dd#loungeDef{ top: 226px; left: 225px; }
dd#loungeDef a{ position: absolute; width: 44px; height: 27px; text-decoration: none; border: 1px none #666; background: transparent; z-index: 8;}
dd#loungeDef a span{ display: none; }
dd#loungeDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#loungeDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
	z-index: 20;
}

dd#itstudioDef{ top: 263px; left: 218px; }
dd#itstudioDef a{ position: absolute; width: 22px; height: 16px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#itstudioDef a span{ display: none; }
dd#itstudioDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#itstudioDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
	z-index: 20;
}

dd#salonDef{ top: 258px; left: 249px; }
dd#salonDef a{ position: absolute; width: 22px; height: 21px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#salonDef a span{ display: none; }
dd#salonDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#salonDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
	z-index: 20;
}

dd#libraryDef{ top: 289px; left: 252px; }
dd#libraryDef a{ position: absolute; width: 21px; height: 15px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#libraryDef a span{ display: none; }
dd#libraryDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#libraryDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
}

dd#shopDef{ top: 318px; left: 254px; }
dd#shopDef a{ position: absolute; width: 23px; height: 14px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#shopDef a span{ display: none; }
dd#shopDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#shopDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
	z-index: 20;
}

dd#woodworkDef{ top: 334px; left: 256px; }
dd#woodworkDef a{ position: absolute; width: 19px; height: 19px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#woodworkDef a span{ display: none; }
dd#woodworkDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#woodworkDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
	z-index: 20;
}

dd#apartmentsDef{ top: 291px; left: 75px; }
dd#apartmentsDef a{ position: absolute; width: 169px; height: 114px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#apartmentsDef a span{ display: none; }
dd#apartmentsDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#apartmentsDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
}

dd#laundryDef{ top: 379px; left: 261px; }
dd#laundryDef a{ position: absolute; width: 24px; height: 17px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#laundryDef a span{ display: none; }
dd#laundryDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#laundryDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
	z-index: 20;
}

dd#parkingDef{ top: 145px; left: 202px; }
dd#parkingDef a{ position: absolute; width: 134px; height: 27px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#parkingDef a span{ display: none; }
dd#parkingDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#parkingDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
}

dd#villagehallDef{ top: 187px; left: 283px; }
dd#villagehallDef a{ position: absolute; width: 33px; height: 38px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#villagehallDef a span{ display: none; }
dd#villagehallDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#villagehallDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
}

dd#craftDef{ top: 228px; left: 296px; }
dd#craftDef a{ position: absolute; width: 22px; height: 15px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#craftDef a span{ display: none; }
dd#craftDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#craftDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
}

dd#spaDef{ top: 292px; left: 305px; }
dd#spaDef a{ position: absolute; width: 17px; height: 22px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#spaDef a span{ display: none; }
dd#spaDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#spaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
}

dd#gymDef{ top: 317px; left: 294px; }
dd#gymDef a{ position: absolute; width: 28px; height: 30px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#gymDef a span{ display: none; }
dd#gymDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#gymDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
}

dd#activityDef{ top: 371px; left: 295px; }
dd#activityDef a{ position: absolute; width: 31px; height: 23px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#activityDef a span{ display: none; }
dd#activityDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#activityDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
}

dd#greenhouseDef{ top: 397px; left: 282px; }
dd#greenhouseDef a{ position: absolute; width: 28px; height: 9px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#greenhouseDef a span{ display: none; }
dd#greenhouseDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#greenhouseDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
}

dd#bungalowsDef{ top: 305px; left: 506px; }
dd#bungalowsDef a{ position: absolute; width: 149px; height: 67px; text-decoration: none; border: 1px none #666; background: transparent;}
dd#bungalowsDef a span{ display: none; }
dd#bungalowsDef a:hover{ position: absolute; background: transparent; border: 1px none #999; }
dd#bungalowsDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #ffcc44;
	font-weight: bold;
	position: absolute;
	border: 1px solid #333;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 200px;
}