/*
@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:100%;
    height:100%;
    background:#ffE600;*/
	width:1730px;
    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, #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;
} 


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

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


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