/*
@font-face {
  font-family: 'Mylius';
  src: url('font/MyliusModern.jpg') format('woff') ;
  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: 'Univers LT 55 Roman', sans-serif !important;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#container{
    position:absolute;
    width:300px;
    height:250px;
    top:0px;
    left:0px;
    margin:auto;
    overflow: hidden;
	border:1px solid #000000;
	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);
}

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


#background {
    position:absolute;
	width:2030px;
    height:250px;
    left: 0px;
    top: 0px;
}


#dots {
    position:absolute;
    width:900px;
    height:250px;
    left: 0px;
    top: 0px;
}

.dot {
    position:absolute;
	
}

.dot img { width:100%; height:100%; }


#frame01 {
    position:absolute;
    width:300px;
    height:250px;
    left: 0px;
    top: 0px;
	overflow:hidden;
}

#frame02 {
    position:absolute;
    width:300px;
    height:250px;
    left: 300px;
    top: 0px;
	overflow:hidden;
}

#gradArrow01, #gradArrow02 {
    position:absolute;
    width:300px;
    height:250px;
    left: -3px;
    top: 0px;
    overflow:hidden;
}  

#gradArrow03 {
    position:absolute;
    width:300px;
    height:250px;
    left:-303px;
    top: 0px;
    overflow:hidden;
} 
/*
#img01a
{
    position:absolute;
    width:300px;
    height:250px;
    left: 0px;
    top: 0px;
    overflow:hidden;
} 

#img01b
{
    position:absolute;
    width:300px;
    height:250px;
    left: 0px;
    top: 0px;
    overflow:hidden;
	background-blend-mode: multiply;
} 
#img01bb
{
    position:absolute;
    width:300px;
    height:250px;
    left: 0px;
    top: 0px;
    overflow:hidden;
	background-blend-mode: multiply;
} 

#img01c
{
    position:absolute;
    width:300px;
    height:250px;
    left: 0px;
    top: 0px;
    overflow:hidden;
	background-blend-mode: multiply;
} 
#img01cc
{
    position:absolute;
    width:300px;
    height:250px;
    left: 0px;
    top: 0px;
    overflow:hidden;
	background-blend-mode: multiply;
} 

*/


/*
#img02a,#img02c {
    position:absolute;
    width:300px;;
    height:250px;
    left: 0px;
    top: 0px;
    overflow:hidden;
} 

#img02b{
    position:absolute;
    width:165px;
    height:165px;
    left: 67px;
    top: 42px;
    overflow:hidden;
}


#img01b {
	opacity:0;
    filter:alpha(opacity=0);
}
*/

#copy01 {
    position:absolute;
    width:300px;
    height:250px;
    left: 300px;
    top: -2px;
}

#copy02 {
    position:absolute;
    width:300px;
    height:250px;
    left: 300px;
    top: 0px;
}

#imgLogoLockup01 {
    position:absolute;
    width:300px;
    height:250px;
    left: 0px;
    top: 0px;
} 

#imgLogoLockup02a,#imgLogoLockup02b {
    position:absolute;
    width:300px;
    height:250px;
    left: 300px;
    top: 0px;
	/*opacity:0;
    filter:alpha(opacity=0);*/
} 


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

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

.copy{
    position:absolute;
    width:230px;
    top:12px;
    left:100px;
	font-size:15px; 
	color:#000000;
	line-height: 1.3;
	z-index:380;
}
*/


/*
#copy_frame1 {
    position:absolute;
    width:230px;
    top:12px;
    left:100px;
	font-size:15px; 
	color:#000000;
	line-height: 1.3;
	z-index:380;
	opacity:0;
    filter:alpha(opacity=0);
}

#copy_frame01{
    position:absolute;
    width:230px;
    top:10px;
    left:130px;
	font-size:14px; 
	color:#000000;
	line-height: 1.3;
	z-index:380;
}

*/


/*

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