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

body { color: #000000; font-size: 100%;  font-family: 'Mylius', Arial, 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, #mum, #boy, #strapline, #ctaOn, #ctaOff, #terms, h1, #canvasContainer { position: absolute; }

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

#frame2 
{
	opacity:0;
	left: 0px;
    top: 0px;
	position: absolute;
}

#terms 
{
	opacity:0;
	left: 0px;
    top: 0px;
	position: absolute;
}

#btnReplay {

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

.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;
}

h1{

    font-size: 18px;
	width:240px;
	margin: 32px 0px 0px 20px;
	color: #0032a0;
	font-weight: normal;
	position: absolute;
}


h2{

	font-size: 18px;
	width:240px;
	margin: 74px 0px 0px 26px;
	color: #0032a0;
	font-weight: normal;
	/*letter-spacing: -0.6px;*/
}

p {

	font-size: 14px;
	width:250px;
	margin: 19px 0px 0px 26px;
	color: #0032a0;
	/*letter-spacing: -0.39px;*/
}

/*#temp {

	position: absolute;
	opacity: 0.3;
}*/