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

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

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



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

body{
    position:absolute;
    border:0 none;
    outline:0;
    padding:0;
    margin:0;
    background: #ffffff;
    background-color:transparent;
	font-family: 'Mylius', sans-serif !important;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

.copyHeader{
    position:absolute;
    width:220px;
    top:66px;/*74px;*/
    left:26px;
	font-size:18px;
	color:#0032a0;
	line-height: 1.3;
}

.copy{
    position:absolute;
    width:230px;
    top:129px;
    left:26px;
	font-size:14px; 
	color:#0032a0;
	line-height: 1.3;
}


#container{
    position:absolute;
    width:300px;
    height:250px;
    top:0px;
    left:0px;
    margin:auto;
    overflow: hidden;
	border:1px solid #666666;
	cursor: pointer; 
	z-index: 100;
}


#exitBtn{
    position:absolute;
    top:0px;
    left:0px;
    width:300px;
    height:250px;
    cursor:pointer;
    z-index:400;
    background-color:#FFFFFF;
    opacity:0;
    filter:alpha(opacity=0);
}


#background {
    position:absolute;
    width:100%;
    height:100%;
    left: 0px;
    top: 0px;
    background: #FFFFFF;
}



#images {
    position:absolute;
    width:286px;
    height:202px;
    left: 6px;
    top: 40px;
	opacity:0;
    overflow:hidden;
    background: #FFFFFF;
}    

#imgBk
{ 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:400px; 
	height:250px;
	opacity:1;
	filter:alpha(opacity=100);
} 
#imgFlare
{ 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:400px; 
	height:250px;
	opacity:1;
	filter:alpha(opacity=100);
} 

#imgGuy
{ 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:400px; 
	height:250px;
	opacity:1;
	filter:alpha(opacity=100);
} 


#imgLogoLockup01, #imgLogoLockup02 {
    position:absolute;
    width:300px;
    height:250px;
    left: 0px;
    top: 0px;
    opacity:0;
    filter:alpha(opacity=0);
}

#endFrame {
    position:absolute;
    width:300px;
    height:250px;
    left: 0px;
    top: 0px;
    background: #ffffff;
    opacity:1;
    filter:alpha(opacity=100);
}


#copy_frame01, #copy_frame02a, #copy_frame02b { position:absolute; opacity:0; filter:alpha(opacity=0);}
#cta01 { position:absolute; left:0px; top:0px; width:300px; height:250px; display:none;}
#cta02 { position:absolute; left:0px; top:0px; width:300px; height:250px; display:none;}
#copy_frame01 { color:#ffffff; }
#copy_frame02a { top:66px;width:200px;}




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


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