#hall-canvas {
	position:relative;
	width:940px;
	height:580px;
	background-image: url("../images/hall-images/preloadLogo.jpg");
	background-position: center center;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	overflow:hidden;
	z-index: 1;
}

#hall-canvas #whiteout {
	position:absolute;
	left:0;
	top:0;
	width:940px;
	height:580px;
	background-color:#FFFFFF;
	z-index: 500;
}

/*Entrance Screen*/

#hall-canvas #entrance {
	position:absolute;
	left:0;
	top:0;
	z-index: 3;
}

#hall-canvas #entrance .bg-image {
	position:absolute;
	left:0;
	top:0;
	z-index: 4;
}

#hall-canvas #entrance .left-door {
	position:absolute;
	left:330px;
	top:127px;
	width: 145px;
    height: 276px;
	z-index: 5;
}

#hall-canvas #entrance .right-door {
	position:absolute;
	left:474px;
	top:127px;
    width: 147px;
    height: 276px;
	z-index: 5;
}

#hall-canvas #entrance .nav-arrow-forward {
	position:absolute;
    left: 400px;
    top: 420px;
    width: 145px;
    height: 70px;
	z-index: 6;
	cursor:pointer;
}

#hall-canvas #entrance .nav-arrow-left {
	position:absolute;
    left: 115px;
    top: 420px;
    width: 200px;
    height: 70px;
	z-index: 6;
	cursor:pointer;
}

#hall-canvas #entrance .nav-arrow-right {
	position:absolute;
    left: 625px;
    top: 420px;
    width: 200px;
    height: 70px;
	z-index: 6;
	cursor:pointer;
}

#hall-canvas #entrance .nav-doors {
	position:absolute;
    left: 320px;
    top: 140px;
    width: 305px;
    height: 265px;
	z-index: 6;
	cursor:pointer;
}

/*Hall Screen*/

#hall-canvas #hall {
	position:absolute;
	left:0;
	top:0;
	z-index: 2;
}

#hall-canvas #hall .end-of-hall {
	position:absolute;
    width: 160px;
    height: 60px;
	left:370px;
	top:100px;
	z-index: 3;
	padding:20px;
    font-family: "PT Sans Narrow", sans-serif;
	font-weight: 700;
    font-size: 12px;
	background-color:#FFF;
	opacity: 0.7;
	border-radius: 10px;
	cursor: pointer;
}

#hall-canvas #hall .nav-arrow-forward {
	position:absolute;
    left: 445px;
    top: 390px;
    width: 50px;
    height: 28px;
	z-index: 3;
}

#hall-canvas #hall .nav-arrow-backward {
	position:absolute;
    left: 440px;
    top: 480px;
    width: 60px;
    height: 40px;
	z-index: 3;
}

#hall-canvas #hall .banner-left-front {
	position:absolute;
    left: 180px;
    top: 15px;
	width: 545px;
    height: 135px;
	transform-origin: 0 0;
	transform: rotate(90deg);
	line-height: 135px;
	font-family: "PT Sans Narrow", sans-serif;
    font-size: 42px;
	font-weight: 700;
	text-align: center;
	color:#FFF;
	z-index: 3;
}

#hall-canvas #hall .banner-left-back {
	position:absolute;
    left: 338px;
    top: 162px;
    width: 258px;
    height: 65px;
	transform-origin: 0 0;
	transform: rotate(90deg);
	line-height: 65px;
	font-family: "PT Sans Narrow", sans-serif;
    font-size: 18px;
	font-weight: 700;
	text-align: center;
	color:#FFF;
	z-index: 3;
}

#hall-canvas #hall .banner-right-front {
	position:absolute;
    left: 745px;
    top: 565px;
    width: 550px;
    height: 135px;
	transform-origin: 0 0;
	transform: rotate(-90deg);
	line-height: 135px;
	font-family: "PT Sans Narrow", sans-serif;
    font-size: 42px;
	font-weight: 700;
	text-align: center;
	color:#FFF;
	z-index: 3;
}

#hall-canvas #hall .banner-right-back {
	position:absolute;
    left: 590px;
    top: 413px;
    width: 243px;
    height: 60px;
	transform-origin: 0 0;
	transform: rotate(-90deg);
	line-height: 65px;
	font-family: "PT Sans Narrow", sans-serif;
    font-size: 18px;
	font-weight: 700;
	text-align: center;
	color:#FFF;
	z-index: 3;
}

#hall-canvas #hall #scene .nav-arrow-forward,
#hall-canvas #hall #scene .nav-arrow-backward,
#hall-canvas #hall #scene .banner-left-front,
#hall-canvas #hall #scene .banner-left-back,
#hall-canvas #hall #scene .banner-right-front,
#hall-canvas #hall #scene .banner-right-back {
	cursor:pointer;
}

#hall-canvas #hall .nav-tip {
	position:absolute;
	left: 178px;
    top: 551px;
    width: 571px;
    height: 25px;
	font-family: 'PT Sans Narrow', sans-serif;
    font-size: 14px;
	font-weight:700;
	color:#FFF;
	text-align: center;
	z-index: 6;
	cursor: pointer;
}

#hall-canvas #hall .overlay {
	position: absolute;
	z-index: 5;
}

/*Field Screen*/
#hall-canvas #field {
	position:absolute;
	left:0;
	top:0;
	z-index: 2;
}

#hall-canvas #field .bg-image {
	position:absolute;
	left:0;
	top:0;
	z-index: 3;
}

#hall-canvas #field .nav-tip {
	position:absolute;
    left: 256px;
    top: 551px;
    width: 429px;
    height: 19px;
	line-height: 19px;
	font-family: 'PT Sans Narrow', sans-serif;
    font-size: 14px;
	font-weight:700;
	color:#FFF;
	text-align: center;
	background-color: rgb(49, 94, 22);
	z-index: 4;
	cursor: pointer;
}

#hall-canvas #field .nav-arrow {
	position:absolute;
    left: 446px;
    top: 485px;
    width: 50px;
    height: 28px;
	z-index: 4;
	cursor:pointer;
}

#hall-canvas #field .nav-explore {
	position:absolute;
    left: 40px;
    top: 248px;
    width: 139px;
    height: 175px;
	z-index: 4;
	cursor:pointer;
}

#hall-canvas #field .nav-resources {
	position:absolute;
    left: 179px;
    top: 181px;
    width: 148px;
    height: 118px;
	z-index: 4;
	cursor:pointer;
}

#hall-canvas #field .nav-horseplay {
	position:absolute;
	left: 615px;
    top: 315px;
    width: 139px;
    height: 138px;
	z-index: 4;
	cursor:pointer;
}

#hall-canvas #field .nav-readytoride {
	position:absolute;
    left: 484px;
    top: 197px;
    width: 157px;
    height: 118px;
	z-index: 4;
	cursor:pointer;
}

#hall-canvas #field .nav-whoswho-1 {
	position:absolute;
	left: 279px;
    top: 376px;
    width: 48px;
    height: 25px;
	z-index: 4;
	cursor:pointer;
}

#hall-canvas #field .nav-whoswho-2 {
	position:absolute;
    left: 327px;
    top: 240px;
    width: 157px;
    height: 161px;
	z-index: 4;
	cursor:pointer;
}

#hall-canvas #field .nav-aboutus {
	position:absolute;
	left: 770px;
    top: 210px;
    width: 148px;
    height: 118px;
	z-index: 4;
	cursor:pointer;
}