@charset "utf-8";

html, body{
  min-height: 100%;
}
/* CSS Document */
/* Background pattern from subtlepatterns.com */
#worldFrame{
	width: 2443px; 
    height: 1080px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 100;
}

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

/**************/
/*  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;
}

.shelf{
	position: relative;
	width: 1095px;
	height: 100%;
	min-height: 1200px;
	padding-left: 5px;
	background-image: url(../Assets/bookshelf/shelf.png);
	z-index: 450;
}

.book{
	position: relative;
	float: left;
	width: 200px;
	height: 300px;
	margin-left: 57px;
	margin-top: 50px;
	margin-bottom: 50px;
	background: url(../Assets/bookshelf/bookOnShelf.png) no-repeat;
	cursor: pointer;
	z-index: 500;
}

#toRoom
{
	position: absolute;
	top: 10px;
	left: -60px;
	width: 167px;
	height: 129px;
	background-image: url(../Assets/room/hayesRoom/toHayesRoom.png);
	z-index: 501;
}