html, body, .viewport {
	height:100%;
	overflow:hidden;
}
body {
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	background:#000 url(../i/loader.gif) 50% 50% no-repeat;
}
img {
	border:none;
}
.clear {
	clear:both;
	width:100%;
	height:1px;
	overflow:hidden;
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.viewport {
	position:relative;
	width:100%;
	overflow:hidden;
	cursor:move;
}
.nav {
	position:absolute;
	bottom:15px;
	right:15px;
	z-index:200;
}
.nav_item {
	float:right;
	margin-left:12px;
	padding:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.logo_beetl {
	background:#fff;
}
.logo_fb {
	background:#fff;
	background:rgba(255,255,255,.8);
}
.help_markers {
	float:none;
	margin-right:126px;
	font:normal 12px/14px Tahoma; 
	background:#fff;
	background:rgba(255,255,255,.8);
}
.help_markers_label {
	height:25px;
	width:25px;
	text-align:center;
	font:bold 22px Arial;
	cursor:pointer;
}
.help_markers_items {
	display:none;
	position:relative;
	overflow:hidden;
}
.help_markers ul {
	display:table-cell;
	height:25px;
	vertical-align:middle;
	margin:0;
	padding:0;
	list-style:none;
}
.help_markers li {
	float:left;
	margin:0 8px 5px;
	border-bottom:1px dotted #333;
	cursor:pointer;
	white-space:nowrap;
}
.help_markers_close {
	display:none;
	float:right;
	width:17px;
	height:17px;
	background:url(../i/close.gif) 50% 50% no-repeat;
	cursor:pointer;
}

.controls {
	position:absolute;
	top:15px;
	left:15px;
	width:63px;
	height:63px;
	background:url(../i/control.png) 0 0 no-repeat;
	z-index:200;
}
.controls div {
	position:absolute;
	cursor:pointer;
	width:17px;
	height:17px;
}
.controls div:hover {
	background:#fff;
	opacity:.2;
	filter:alpha(opacity=20);
}
.c_left {
	left:3px;
	top:23px;
}
.c_right {
	left:43px;
	top:23px;
}
.c_up {
	left:23px;
	top:3px;
}
.c_down {
	left:23px;
	top:43px;
}



.mapcontent {
}
.layer_mask {
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	opacity:0;
	filter:alpha(opacity=0);
}
#anim_1,
#anim_2 {
	position:absolute;
	left:1048px;
	top:733px;
	width:23px;
	height:22px;
	background:url(../i/lamp.png) 0 0 no-repeat;
}
#anim_2 {
	left:1280px;
	top:706px;
}
#bling_1,
#bling_2,
#bling_3 {
	position:absolute;
	opacity:0;
}
#bling_1,
#bling_3 {
	width:38px;
	height:39px;
	background:url(../i/bling2.png) 0 0 no-repeat;
}
#bling_2 {
	width:28px;
	height:28px;
	background:url(../i/bling1.png) 0 0 no-repeat;
}
#bling_1 {
	left:937px;
	top:432px;
}
#bling_2 {
	left:961px;
	top:429px;
}
#bling_3 {
	left:974px;
	top:429px;
}


.movie {
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	min-width:650px;
	height:520px;
	margin:-260px 0 0 -325px;
	padding:5px;
	overflow:hidden;
	border:2px solid #9ecffa;
	-moz-border-radius:9px;
	border-radius:9px;
	background:#000 url(../i/loader.gif) 50% 50% no-repeat;
	z-index:100;
}
.close_movie {
	position:absolute;
	top:5px;
	right:5px;
	width:100%;
	height:520px;
}
.close_movie div {
	position:absolute;
	top:8px;
	right:8px;
	width:17px;
	height:17px;
	background:#000 url(../i/close.gif) 50% 50% no-repeat;
	cursor:pointer;
	-moz-border-radius:3px;
	border-radius:3px;
}
.puff {
	position:absolute;
	width:0px;
	height:0px;
}








/*
 * markers
 */
.object {
	position:absolute;
	cursor:pointer;
	opacity:0;
}
#obj_1 {
	left:931px;
	top:405px;
	width:89px;
	height:89px;
	background:url(../i/glow1.png) 0 0 no-repeat;
}
#obj_2 {
	left:1383px;
	top:46px;
	width:396px;
	height:308px;
	background:url(../i/glow2.png) 0 0 no-repeat;
}
#obj_3 {
	left:1332px;
	top:528px;
	width:115px;
	height:139px;
	background:url(../i/glow3.png) 0 0 no-repeat;
}
#obj_4 {
	left:1440px;
	top:476px;
	width:93px;
	height:111px;
	background:url(../i/glow4.png) 0 0 no-repeat;
}
#obj_5 {
	left:415px;
	top:336px;
	width:274px;
	height:172px;
	background:url(../i/glow5.png) 0 0 no-repeat;
}
#obj_6 {
	left:863px;
	top:544px;
	width:179px;
	height:190px;
	background:url(../i/glow6.png) 0 0 no-repeat;
}
#obj_7 {
	left:724px;
	top:160px;
	width:95px;
	height:54px;
	background:url(../i/glow7.png) 0 0 no-repeat;
}
#obj_8 {
	left:669px;
	top:528px;
	width:199px;
	height:181px;
	background:url(../i/glow8.png) 0 0 no-repeat;
}
#obj_9 {
	left:1126px;
	top:186px;
	width:137px;
	height:143px;
	background:url(../i/glow9.png) 0 0 no-repeat;
}
#obj_10 {
	left:796px;
	top:141px;
	width:205px;
	height:89px;
	background:url(../i/glow10.png) 0 0 no-repeat;
}
#obj_11 {
	left:119px;
	top:772px;
	width:200px;
	height:232px;
	background:url(../i/glow11.png) 0 0 no-repeat;
}
#obj_12 {
	left:1034px;
	top:52px;
	width:82px;
	height:184px;
	background:url(../i/glow12.png) 0 0 no-repeat;
}
#obj_13 {
	left:516px;
	top:772px;
	width:170px;
	height:118px;
	background:url(../i/glow13.png) 0 0 no-repeat;
}
#obj_14 {
	left:1083px;
	top:508px;
	width:76px;
	height:159px;
	background:url(../i/glow14.png) 0 0 no-repeat;
}
#obj_15 {
	left:1048px;
	top:695px;
	width:255px;
	height:168px;
	background:url(../i/glow15.png) 0 0 no-repeat;
}
#obj_16 {
	left:1189px;
	top:417px;
	width:180px;
	height:278px;
	background:url(../i/glow16.png) 0 0 no-repeat;
}
#obj_17 {
	left:669px;
	top:222px;
	width:529px;
	height:361px;
	background:url(../i/glow17.png) 0 0 no-repeat;
}




