/* map.css for vtour styles */

img.image{ display: none; }

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

dl#firstfloor {
	margin: 0; border: 1px solid;
	padding: 0;
	background: transparent url(images/drawing.jpg) top left no-repeat;
	height: 305px;
	width: 454px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 85%;
	left: 8px;
	top: 44px;
}

dl#firstfloor dt.title, dl#upperfloor dt.title {
	color: red;
	display: block;
	font-size: 115%;
	padding: 10px 0 0 5px;
}

/* ---------- Hotspot Declarations ---------- */



/*start room */
dd#lounge { top: 92px; left: 394px; }
dd#lounge a{
	position: absolute;
	width: 61px;
	height: 53px;
	text-decoration: none;
	border: 2px solid #FF0000;
	left: -358px;
	top: 120px;
}
dd#lounge a span{ display: none; }
dd#lounge a:hover{  background: #333333;  
	background: url(images/DSC00963-thumb.jpg); 
	border: 2px solid #FF0000;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85; 
	}
dd#lounge a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #6b7bff;
	font-weight: bold;
	position: absolute;
	border: 2px solid #FF0000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	z-index:10;
	width: 95%;
}
/* end room*/

/* start room*/
dd#fireplace{ top: 259px; left: 1px; }
dd#fireplace a{
	position: absolute;
	width: 59px;
	height: 51px;
	text-decoration: none;
	border: 2px solid #FF0000;
	background: transparent url(note.png) repeat;
	left: 114px;
	top: -46px;
}
dd#fireplace a span{ display: none; }
dd#fireplace a:hover{  background: #333333; 
	background:url(images/LP_fireplace-thumb.jpg);
	border: 2px solid #FF0000;
	filter:alpha(opacity=85);
	opacity: 0.8;
	-moz-opacity:0.8;
	 }
dd#fireplace a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(layer.gif);
	background-color: #6b7bff;
	font-weight: bold;
	position: absolute;
	border: 2px solid #FF0000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 105%;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
/* end room*/

/*start room */
dd#lee { top: 180px; left: 6px; }
dd#lee  a{
	position: absolute;
	width: 64px;
	height: 48px;
	text-decoration: none;
	border: 2px solid #FF0000;
	background: transparent url(note.png) repeat;
	left: 306px;
	top: -28px;
}
dd#lee  a span{ display: none; }
dd#lee  a:hover{  background: #333333; 	 
	background: url(images/dat060822-223-1sm.jpg);	
	border: 2px solid #FF0000;
	filter:alpha(opacity=85);
	opacity: 0.8;
	-moz-opacity:0.8;
	 }
dd#lee  a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #6b7bff;
	font-weight: bold;
	position: absolute;
	border: 2px solid #FF0000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 105%;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
/* end room */


/* start room */
dd#diningr { top: 117px; left: 10px; }
dd#diningr a{
	position: absolute;
	width: 66px;
	height: 50px;
	text-decoration: none;
	border: 2px solid #FF0000;
	background: transparent url(note.png) repeat;
	left: 300px;
	top: 93px;
}
dd#diningr a span{ display: none; }
dd#diningr a:hover{  background: #333333;
	background: transparent url(images/SH_021-thumb.jpg) ; 	 	 	
	border: 2px solid #FF0000;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	 }
dd#diningr a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #6b7bff;
	font-weight: bold;
	position: absolute;
	border: 2px solid #FF0000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 75%;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
/* end room */

/* start room */
dd#ayres { top: 70px; left: 390px; }
dd#ayres a{
	position: absolute;
	width: 58px;
	height: 49px;
	text-decoration: none;
	border: 2px solid #FF0000;
	background: transparent url(note.png) repeat;
	left: -274px;
	top: 83px;
}
dd#ayres a span{ display: none; }
dd#ayres a:hover{  background: #333333;
	background: transparent url(images/hdat060822-182-1sm.jpg) ; 		
	border: 2px solid #FF0000;
	filter:alpha(opacity=80);
	opacity: 0.85;
	-moz-opacity:0.85;
	 }
dd#ayres a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #6b7bff;
	font-weight: bold;
	position: absolute;
	border: 2px solid #FF0000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 165%;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
/* end room */


/* start room */
dd#shep { top: 89px; left: 10px; }
dd#shep  a{
	position: absolute;
	width: 61px;
	height: 48px;
	text-decoration: none;
	border: 2px solid #FF0000;
	background: transparent url(note.png) repeat;
	left: 27px;
	top: 65px;
}
dd#shep  a span{ display: none; }
dd#shep  a:hover{  background: #333333;
	background: transparent url(images/sheppard-thumb.jpg) ; 	 	 	
	border: 2px solid #FF0000;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	 }
dd#shep  a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #6b7bff;
	font-weight: bold;
	position: absolute;
	border: 2px solid #FF0000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 105%;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
/* end room */


/* start room */
dd#upstairs { top: 67px; left: 21px; }
dd#upstairs  a{
	position: absolute;
	width: 66px;
	height: 49px;
	text-decoration: none;
	border: 2px solid #FF0000;
	background: transparent url(note.png) repeat;
	left: 185px;
	top: 83px;
}
dd#upstairs  a span{ display: none; }
dd#upstairs  a:hover{  background: #333333;
	background: transparent url(images/upstairs-thumb.jpg) ; 	 	 	
	border: 2px solid #FF0000;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	 }
dd#upstairs  a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #6b7bff;
	font-weight: bold;
	position: absolute;
	border: 2px solid #FF0000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 75%;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
/* end room */

/* start room */
dd#entrance { top: 140px; left: 437px; }
dd#entrance  a{
	position: absolute;
	width: 65px;
	height: 53px;
	text-decoration: none;
	border: 2px solid #FF0000;
	background: transparent url(note.png) repeat;
	left: -230px;
	top: 70px;
}
dd#entrance  a span{ display: none; }
dd#entrance  a:hover{  background: #333333;
	background: transparent url(images/entrance-thumb.jpg) ; 	 	 	
	border: 2px solid #FF0000;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	 }
dd#entrance  a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #6b7bff;
	font-weight: bold;
	position: absolute;
	border: 2px solid #FF0000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 95%;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
/* end room */


/* start room */
dd#baker { top: 212px; left: 13px; }
dd#baker  a{
	position: absolute;
	width: 94px;
	height: 42px;
	text-decoration: none;
	border: 2px solid #FF0000;
	background: transparent url(note.png) repeat;
	left: 48px;
	top: -114px;
}
dd#baker  a span{ display: none; }
dd#baker  a:hover{  background: #333333;
	background: transparent url(images/baker-thumb.jpg) ; 	 	 	
	border: 2px solid #FF0000;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	 }
dd#baker  a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #6b7bff;
	font-weight: bold;
	position: absolute;
	border: 2px solid #FF0000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 105%;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
/* end room */

/*start room */
dd#scar { top: 141px; left: 7px; }
dd#scar  a{
	position: absolute;
	width: 106px;
	height: 43px;
	text-decoration: none;
	border: 2px solid #FF0000;
	background: transparent url(note.png) repeat;
	left: 228px;
	top: -47px;
}
dd#scar  a span{ display: none; }
dd#scar  a:hover{  background: #333333; 	 
	background: url(images/scar-thumb.jpg);	
	border: 2px solid #FF0000;
	filter:alpha(opacity=85);
	opacity: 0.8;
	-moz-opacity:0.8;
	 }
dd#scar  a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #6b7bff;
	font-weight: bold;
	position: absolute;
	border: 2px solid #FF0000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 105%;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
/* end room */



#mainfloor{display:block;} /*main, second, third */



.instr{
	position: absolute;
	top:0px; left:500px;
	width:250px;
	display:inline;

}