/* 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#lalaLandMap{
	margin: 0;
	padding: 0;
	background: transparent url(../../images/trans.gif) top left no-repeat;
	height: 180px;
	width: 290px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }
dd a{ outline: none; }
dd a:active{ outline: none; -moz-outline: none; }

dl#lalaLandMap dt.title{
	color: white;
	display: block;
	font-size: 115%;
	padding: 10px 0 0 5px;
}

/* ---------- Hotspot Declarations ---------- */
dd#cube01{ top: 104px; right: 119px; }
dd#cube01 a{ position: absolute; width: 21px; height: 26px; text-decoration: none; border: 0px solid #FFFCE6; }
dd#cube01 a span{ display: none; }
dd#cube01 a:hover{ position: absolute; background: transparent url("../../images/cubes_01.png") no-repeat; border: 0px solid #BCBCBC; }
dd#cube01 a:hover span, dd#cube01 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #111;
	background: #fff url("../../images/bg/cubetip.gif");
	font:11px Arial;
	position: absolute;
	border: 2px solid #949494;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 130px;
}
dd#cube01 a:hover p, dd#cube02 a:hover p, dd#cube03 a:hover p, dd#cube04 a:hover p {float:right; margin:0; padding:0 14px 0 0; color:#2a5db0; text-decoration:underline; background:url("../../images/bg/arrow_right.gif") no-repeat right 2px;}
dd#cube01 a:active{
	outline: none;
	-moz-outline: none;
}


dd#cube02{ top: 145px; left: 55px; }
dd#cube02 a{ position: absolute; width: 21px; height: 24px; text-decoration: none; border: 0px solid #FFFCE6; }
dd#cube02 a span{ display: none; }
dd#cube02 a:hover{ background: transparent url("../../images/cubes_02.png") repeat; border: 0px solid #BCBCBC; }
dd#cube02 a:hover span, dd#cube02 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #111;
	background: #fff url("../../images/bg/cubetip.gif");
	font:11px Arial;
	position: absolute;
	border: 2px solid #949494;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 130px;
}

* html dd#cube02 a:hover {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='hover.png',sizingMethod='scale');
}



dd#cube03{ top: 29px; right: 118px; }
dd#cube03 a{ position: absolute; width: 20px; height: 17px; text-decoration: none; border: 0px solid #FFFCE6; }
dd#cube03 a span{ display: none; }
dd#cube03 a:hover{ background: transparent url("../../images/cubes_03.png") repeat; border: 0px solid #BCBCBC; }
dd#cube03 a:hover span, dd#cube03 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #111;
	background: #fff url("../../images/bg/cubetip.gif");
	font:11px Arial;
	position: absolute;
	border: 2px solid #949494;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 110px;
}

* html dd#cube03 a:hover {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='hover.png',sizingMethod='scale');
}



dd#cube04{ top: 83px; right: 27px; }
dd#cube04 a{ position: absolute; width: 18px; height: 23px; text-decoration: none; border: 0px solid #FFFCE6; }
dd#cube04 a span{ display: none; }
dd#cube04 a:hover{ background: transparent url("../../images/cubes_04.png") repeat; border: 0px solid #BCBCBC; }
dd#cube04 a:hover span, dd#cube04 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #111;
	background: #fff url("../../images/bg/cubetip.gif");
	font:11px Arial;
	position: absolute;
	border: 2px solid #949494;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 110px;
}

* html dd#cube04 a:hover {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='hover.png',sizingMethod='scale');
}