BODY
{
	margin:0;
	width:100%;
	height:100%;
	
	background-color:#fbfbfb;
	
	font-family:'Lucida Grande',arial,helvetica,verdana,sans-serif;
	font-size:12px;
	line-height:18px;
	color:black;
}
BODY A
{
	color:blue;
	text-decoration:none;
}
BODY A:hover
{
	color:black;
}

#map-container
{
	position:absolute;
	left:15px;
	right:15px;
	top:15px;
	bottom:15px;
	min-height:500px;
	
	border:1px solid #e8e6e2;
}
#map, #tour-overlay
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
#tour-overlay
{
	display:none;
	background:transparent url(../media/bg-tour-overlay.png) no-repeat 50% 50%;
}
.map-shadow
{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
}
.map-shadow.top
{
	bottom:auto;
	height:22px;
	background-image:url(../media/bg-mapshadow-top.png);
}
.map-shadow.right
{
	left:auto;
	width:15px;
	background-image:url(../media/bg-mapshadow-right.png);
}
.map-shadow.bottom
{
	top:auto;
	height:14px;
	background-image:url(../media/bg-mapshadow-bottom.png);
}
.map-shadow.left
{
	right:auto;
	width:21px;
	background-image:url(../media/bg-mapshadow-left.png);
}

#date
{
	display:none;
	position:absolute;
}
.tooltip
{
	padding:2px 4px;
	background:transparent url(../media/bg-tooltip.png) repeat;
	font-size:11px;
}

#info
{
	display:none;
}
#info-panel
{
	position:absolute;
	right:0px;
	top:0px;
	width:274px;
	
	padding:50px 7px 12px 31px;
	
	background:transparent url(../media/bg-panel+shadow.png) repeat;
}
#info-panel .shadow
{
	position:absolute;
	left:0px;
	bottom:-23px;
	width:100%;
	height:23px;
	
	background:transparent url(../media/bg-panel-shadow.png) repeat;
}
#title, #title-plain
{	
	width:275px;
	height:44px;
	display:block;
	
	background-color:transparent;
	background-position:0% 0%;
	background-repeat:no-repeat;
	background-image:url(../media/title-default.png);
}
#title-plain
{
	width:265px;
}
#title:hover
{
	background-position:0% 100%;
}
#contents
{
	margin-top:8px;
}
.more
{
	text-align:right;
	margin:8px 18px 0px 0px;
}
.header
{
	margin:5px 0px 18px 0px;
	display:block;
}
.tour
{
	margin-top:5px;
	width:255px;
}
.tour SELECT
{
	float:right;
	width:150px;
	height:20px;
	border:1px solid #e8e6e2;
}
.tour A
{
	float:right;
	text-align:right;
	width:25px;
}
#tour-detail, #tour-control
{
	position:absolute;
	top:50%;
	left:50%;
	/*margin:auto;*/
	
	margin-top:98px;
	margin-left:-124px;
	width:248px;
}
#tour-control
{
	margin-top:132px;
	text-align:center;
}
#tour-control A
{
	padding:0px 10px;
}

#story
{
	margin:15px 20px;
	width:680px;
}