@charset "UTF-8";
/* CSS Document */

/* Default style, feel free to remove if not needed. */
body, body * {
	vertical-align: baseline;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

#container{
	width: 300px;
	height: 600px;
	position: relative;
	top: 0px;
	left:0px;
	overflow: hidden;
}

#content{
	position: absolute;
    width: 298px;
    height: 598px;
    top: 0px;
    left: 0px;
    background-color: #000000;
    z-index: 100;
    overflow: hidden;
    border: 1px solid #000000;
    opacity: 1;
}

.btnPlay {
	background-image:url('btnPlay.png');
	background-size:80px 80px;
	width:80px;
	height:80px;
    position:absolute;
    left: 110px;
    top: 260px;
	opacity:0.7;
    z-index:10;
    cursor: pointer;
}

#background_exit {
	width: 300px;
	height: 600px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9;
	cursor:pointer;
}


.platformLogos {
	background-image: url("platformLogos.png");
    cursor: pointer;
	width: 120px;
    height: 80px;
    opacity: 1;
    position: absolute;
	left: 180px;
    top: 518px;
    z-index: 6;
}

.leftLogos {
	background-image: url("leftLogos.png");
    cursor: pointer;
	width: 256px;
    height: 30px;
    opacity: 1;
    position: absolute;
	left: 0px;
    top: 570px;
    z-index: 6;
}

.skyBg {
	background-image:url('skyBg_50.jpg');
	width:447px;
	height:521px;
	position:absolute;
	top:0px;
	left:0px;
	opacity:1;
	z-index:0;
	cursor:pointer;
}

.mainBg {
	background-image:url('mainBg_8_75.png');
	width:231px;
	height:463px;
	position:absolute;
	top:0px;
	left:0px;
	opacity:1;
	z-index:1;
	cursor:pointer;
}



#cta
{
    position: absolute;
    width: 160px;
    height: 40px;
    left: 70px;
    top: 490px;
    opacity: 1;
    overflow: hidden;
}

.btn {
	background-image: url("btn.png");
    cursor: pointer;
	width: 160px;
    height: 40px;
    left: 70px;
    top: 490px;
    opacity: 0;
    position: absolute;
    z-index: 5;
}
.sheen
{
    background-image: url("sheen.png");
	position: absolute;
    top: -20px;
    left: -80px;
	width:83px;
	height:98px;
    opacity: 1;
	z-index:6;
}

.elderScrolls {
	background-image: url("elderScrolls.png");
    cursor: pointer;
	width: 300px;
    height:102px;
    opacity: 1;
    position: absolute;
	left: 0px;
    top: 27px;
    z-index: 5;
}


.text {
	background-image: url("text.png");
    cursor: pointer;
	width: 194px;
    height: 52px;
    left: 55px;
	top: 340px;
    opacity: 0;
    position: absolute;
    z-index: 2;
}

.scroll {
	background-image: url("scroll.png");
    cursor: pointer;
	width: 243px;
    height: 126px;
    left: 27px;
	top: 380px;
    opacity: 1;
    position: absolute;
    z-index: 2;
	clip:rect(0px 121px 63px 121px);// top right bottom left
}



:focus {outline:none;}
::-moz-focus-inner {border:0;}