@charset "utf-8";
/* CSS Document */
/* Background pattern from subtlepatterns.com */
#worldFrame{
	width: 2442px; 
    height: 1080px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 100;
	transform: scale(0,0);
}

/* Copy worldFrame */
#CAM_Theater{
    position: absolute;
	width: 2442px; 
    height: 1080px;
    margin: auto;
    top: 0;
    left: 0;
	z-index: 101;
	pointer-events: none;
	transform: scale(0,0);
}

.innerworld{
	width: 80px;
	height: 45px;
	left: 10px;
	top: 17px;
	position: relative;
	background: #0C0;
}


.BenchLeft{
position: absolute;
left: 0px;
top: 528px;
width: 714px;
height: 552px;
background: url(../Assets/room/Lounge/BenchLeft.png) no-repeat;
z-index: 500;
}

.BenchRight{
position: absolute;
left: 1728px;
top: 528px;
width: 714px;
height: 552px;
background: url(../Assets/room/Lounge/BenchRight.png) no-repeat;
z-index: 495;
}

.FGWallLeft{
position: absolute;
left: 0px;
top: 0px;
width: 60px;
height: 650px;
background: url(../Assets/room/Lounge/FGWallLeft.png) no-repeat;
z-index: 490;
}

.FGWallRight{
position: absolute;
left: 2384px;
top: 0px;
width: 58px;
height: 648px;
background: url(../Assets/room/Lounge/FGWallRight.png) no-repeat;
z-index: 485;
}

.OutletLeft{
position: absolute;
left: 571px;
top: 386px;
width: 23px;
height: 32px;
background: url(../Assets/room/Lounge/OutletLeft.png) no-repeat;
z-index: 480;
}

.OutletRight{
position: absolute;
left: 1844px;
top: 386px;
width: 23px;
height: 32px;
background: url(../Assets/room/Lounge/OutletRight.png) no-repeat;
z-index: 475;
}

.Stage{
position: absolute;
left: 0px;
top: 0px;
width: 2442px;
height: 1080px;
background: url(../Assets/room/Lounge/Stage.png) no-repeat;
z-index: 470;
}

.BG{
position: absolute;
left: 0px;
top: 0px;
width: 2442px;
height: 616px;
background: url(../Assets/room/Lounge/BG.png) no-repeat;
z-index: 465;
}

/**************/
/*  In Scene  */
/**************/
.fadeIn{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-image:url(../Assets/basic/dark_exa.png);
	z-index: 1000;
}

.fadeLoading{
	z-index: 1001;
}

.Kitchen_Icon{
position: absolute;
left: 4px;
top: 752px;
width: 192px;
height: 135px;
background: url(../Assets/room/Lounge/Kitchen_Icon.png) no-repeat;
z-index: 500;
}

.Stairs_Icon{
position: absolute;
left: 2258px;
top: 747px;
width: 185px;
height: 143px;
background: url(../Assets/room/Lounge/Stairs_Icon.png) no-repeat;
z-index: 495;
}

.greeter{
	position: absolute;
	left: 700px;
	top: 580px;
	width: 200px;
	height: 400px;
	background: #900;
	z-index: 490;
	cursor: pointer;
}

/*EMOTES SHOULD BE IN THEIR OWN STYLE THING BUT IT'S HERE FOR NOW*/
.greeterSmile {
	position: absolute;
	left: 220px;
	top: 150px;
	width: 700px;
	height: 1200px;
	background: #600;
	z-index: 900;
	display:none;
}
.greeterDiff {
	position: absolute;
	left: 220px;
	top: 150px;
	width: 700px;
	height: 1200px;
	background: #900;
	z-index: 900;
	display:none;
}

.ramonSmile {
	position: absolute;
	left: 1500px;
	top: 150px;
	width: 700px;
	height: 1200px;
	background: #36F;
	z-index: 900;
	display:none;
}
.ramonDiff {
	position: absolute;
	left: 1500px;
	top: 150px;
	width: 700px;
	height: 1200px;
	background: #39F;
	z-index: 900;
	display:none;
}