@font-face {
  font-family: 'Mylius';
  src: url('MyliusModern.jpg') format('woff') /* Modern Browsers */;
       
}

body { color: #ffffff; font-size: 100%;  font-family: 'Mylius', sans-serif; border: 0; margin: 0;  -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;

     /* below stops FireFox rendering copy too heavily */
    -moz-osx-font-smoothing: grayscale;}


*, :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a, img { border: 0; outline: none; }

img.trans { opacity: .75; position: absolute; top: 0; left: 0; width: 300px; height: 250px; }

.display-ad-size, #wrapper, #wrapper #stage { display: block; margin: 0; padding: 0; width: 300px; height: 250px; overflow: hidden; -webkit-backface-visibility: hidden; background: #ffffff; cursor: pointer;   }

.display-abs-pos { position: absolute; display: block; opacity: 1; filter: alpha(opacity=1); }

.hide-abs-pos { position: absolute; display: block; opacity: 0; filter: alpha(opacity=0); }

#wrapper { position: absolute; border:1px solid #666666;}
#wrapper #bg-exit { background-color: rgba(255, 255, 255, 0); cursor: pointer; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 100; }


/* custom */
#frame1, #frame2, #logo, #bg, #sign, #stars, #strapline, #cta01, #cta02, #terms, h1 { position: absolute; }

#frame1 {

	top:40px;
	left: 6px;
	width:286px;
	height: 202px;
	overflow: hidden;
	opacity:0;
}

#frame2 
{
	opacity:0;
}

#sign {

	top:5px;
	-webkit-filter: blur(10px);
}

#btnReplay {

	position:absolute;
    left: 5px;
    top: 5px;
    display:none;
    z-index:401;
    cursor: pointer;
}

h1{

    font-size: 18px;
	width:200px;
	margin: 20px 0px 0px 20px;
	color: #ffffff;
	font-weight: normal;
	position: absolute;
}


h2{

	font-size: 18px;
	width:226px;
	margin: 58px 0px 0px 26px;
	color: #0032a0;
	font-weight: normal;
}

p {
	line-height: 1.2;
	font-size: 14px;
	width:240px;
	margin: 13px 0px 0px 26px;
	color: #0032a0;
}

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

.blurredCircle{

	background: #ffffff;
	width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-top:30px;
    margin-left:30px;
    opacity: 0.2;
    -webkit-filter: blur(2px);
}

.blurredCircleBig1{

	background: #ffffff;
	width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-top:30px;
    margin-left:30px;
    opacity: 0.07;
    -webkit-filter: blur(3px);
}

.blurredCircleBig2{

	background: #ffffff;
	width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-top:30px;
    margin-left:30px;
    opacity: 0.05;
    -webkit-filter: blur(3px);
}



/*#temp {

	position: absolute;
	opacity: 0.3;
}*/