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

body {
background-color: #fff;
margin: 0px;
overflow: hidden;
font-family:arial;
color:#fff;
}

h1{
margin:0;
}

#logo{
position:absolute;
width:550px;
height:184px;
margin-top:-92px;
margin-left:-275px;
top:50%;
left:50%;
z-index:100;
}

#logo img {
width:550px;
height:184px;
}

a {
color:#0078ff;
}

#canvas{
width:100%;
height:1200px;
overflow: hidden;
position:absolute;
top:0;
left:0;
/*background-color: #1a1724;       */        
}

#menu{
position:absolute;
background-color: transparent;   
color:#fff;
width:770px;
height:30px;
left:20px;
bottom:5px;
font-family:"helvetica neue", Helvetica, Arial,  sans-serif;
font-size:14px;
letter-spacing: 0.08em;
font-weight:200;
z-index:110;
            
}

#menu a{
color:#fff;
text-decoration:none;
}

#menu a:hover{
color:#999;
}

#menu2{
position:absolute;
background-color: transparent;   
color:#fff;
width:125px;text-align:right;
height:30px;
bottom:5px;
right:20px;
font-family:"helvetica neue", Helvetica, Arial,  sans-serif;
font-size:14px;
letter-spacing:1px;
font-weight:200;
z-index:110;
            
}

#txt{
position:absolute;
background-color: transparent;   
color:#fff;
text-align:left;
width:550px;
height:30px;
top:15px;
left:20px;
font-family:"helvetica neue", Helvetica, Arial,  sans-serif;
font-size:12px;
letter-spacing:1px;
font-weight:200;
z-index:110;
            
}


#menu2 a{
color:#fff;
text-decoration:none;
}

#menu2 a:hover{
color:#999;
text-decoration:none;
}

.canvas-wrap{
position:relative;
}

div.canvas-content{
position:relative;
z-index:2000;
color:#fff;
text-align:center;
padding-top:0px;
}



/* for ipad landscape view */
@media screen and (max-width: 1024px) {

#logo{
position:absolute;
width:550px;
height:184px;
margin-top:-92px;
margin-left:-275px;
top:50%;
left:50%;
z-index:100;
}
#logo img {
width:550px;
height:184px;
}
#menu{
position:absolute;
background-color: transparent;   
color:#fff;
width:750px;
height:30px;
left:20px;
bottom:5px;
font-family:"helvetica neue", Helvetica, Arial,  sans-serif;
font-size:14px;
letter-spacing:1px;
font-weight:200;
z-index:110;
            
}

#menu2{
position:absolute;
background-color: transparent;   
color:#fff;
width:125px;
text-align:right;
height:30px;
bottom:5px;
right:20px;
font-family:"helvetica neue", Helvetica, Arial,  sans-serif;
font-size:14px;
letter-spacing:1px;
font-weight:200;
z-index:110;
            
}
}

/* for ipad portarit view */
@media screen and (max-width: 860px) {


body {
overflow: hidden;
}



#logo{
position:absolute;
width:412px;
height:138px;
margin-top:-69px;
margin-left:-206px;
top:50%;
left:50%;
z-index:100;
}
#logo img {
width:412px;
height:auto;
}
#menu{
position:absolute;
background-color: transparent;   
color:#fff;
width:750px;
height:30px;
left:20px;
top:10px;
font-family:"helvetica neue", Helvetica, Arial,  sans-serif;
font-size:13px;
letter-spacing:1px;
font-weight:200;
z-index:110;
            
}

#menu2{
position:absolute;
background-color: transparent;   
color:#fff;
width:125px;
text-align:left;
height:16px;
bottom:10px;
left:20px;
font-family:"helvetica neue", Helvetica, Arial,  sans-serif;
font-size:13px;
letter-spacing:1px;
font-weight:200;
z-index:110;
 }
}

/* for iphone landscape view */
@media screen and (max-width: 667px) {


body {
overflow: hidden;
}

#logo{
position:absolute;
width:358px;
height:120px;
margin-top:-60px;
margin-left:-179px;
top:50%;
left:50%;
z-index:100;
}
#logo img {
width:358px;
height:auto;
}

#menu{
position:absolute;
background-color: transparent;   
color:#fff;
width:auto;
height:auto;
left:15px;
top:10px;
font-family:"helvetica neue", Helvetica, Arial,  sans-serif;
font-size:12px;
letter-spacing:1px;
font-weight:200;
z-index:110;
            
}

#menu2{
position:absolute;
background-color: transparent;   
color:#fff;
width:125px;
text-align:left;
height:15px;
bottom:10px;
left:15px;
font-family:"helvetica neue", Helvetica, Arial,  sans-serif;
font-size:12px;
letter-spacing:1px;
font-weight:200;
z-index:110;
 }
}

/* for iphone portrait view */
@media screen and (max-width: 375px) {
	
body {
overflow: hidden;
}

#logo{
position:absolute;
width:202px;
height:66px;
margin-top:-33px;
margin-left:-101px;
top:50%;
left:50%;
z-index:100;
}
#logo img {
width:202px;
height:auto;
}


#menu{
position:absolute;
background-color: transparent;   
color:#fff;
width:auto;
height:auto;
float:left;
left:15px;
top:10px;
font-family:"helvetica neue", Helvetica, Arial,  sans-serif;
font-size:12px;
letter-spacing:1px;
font-weight:200;
z-index:110;
            
}

#menu2{
position:absolute;
background-color: transparent;   
color:#fff;
width:125px;
text-align:left;
height:15px;
bottom:10px;
left:15px;
font-family:"helvetica neue", Helvetica, Arial,  sans-serif;
font-size:12px;
letter-spacing:1px;
font-weight:200;
z-index:110;
 }
}