@charset "utf-8";
/* CSS Document */
/* Background pattern from subtlepatterns.com */
*:focus {
    outline: none;
	outline-style: none;
}

.WebTitle{
	position: absolute;
	width: 1125px;
	height: 414px;
	top: 50%;
	left: 50%;
	margin-left: -562px;
	margin-top: -270px;
	background-image:url(../Assets/WebTitle.png);
	z-index: 9000;
	display: none;
	pointer-events:none;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.75);
}

.alphaStamp {
	position: absolute;
	width: 367px;
	height: 199px;
	top: 285px;
	left: 150px;
	z-index: 9001;
	background-image: url(../Assets/WebTitle-alpha.png);
}

#facebookLink
{
	position: fixed;
	padding-top: 3px;
	bottom: 5px;
	left: 5px;
	width: 49px;
	height: 20px;
	z-index: 997;
}

#twitterLink
{
	position: fixed;
	padding-top: 3px;
	bottom: 5px;
	left: 59px;
	width: 60px;
	height: 20px;
	z-index: 998;
}

.clickable{
	cursor: pointer;
	pointer-events: auto;
}

.unclickable{
	pointer-events: none;
}

#ON_InteractPane{
	position: absolute;
	width: 100px;
	height: 100px;
	top: 20px;
	left: 20px;
	background-image: url(../Assets/basic/InteractBGIcon.png);
	background-repeat: no-repeat;
	z-index: 1000;
	overflow: hidden;
}

#Interact_Selected{
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
}

.interact_look{
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	background-image: url(../Assets/basic/InteractLookIcon.png);
}

.interact_listen{
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	background-image: url(../Assets/basic/InteractListenIcon.png);
}

.interact_use{
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	background-image: url(../Assets/basic/InteractUseIcon.png);
}

.interact_take{
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	background-image: url(../Assets/basic/InteractTakeIcon.png);
}