*{margin:0;padding:0;}
body{background:#000;color:#FFF;overflow:hidden;font-family:"museo-sans", sans-serif;
	font-weight:300;font-size:18px;-webkit-text-size-adjust: none;
	
	text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a{color:#FFF;}

 @-webkit-keyframes takeaway {
    from { -webkit-transform: rotateX(0deg) translate3d(0,0,0);}
    to   { -webkit-transform: rotateX(20deg) translate3d(0,40px,0);}
}
  
@-webkit-keyframes bringin {
    from { -webkit-transform: rotateX(50deg) translate3d(0,80px,0);}
    to   { -webkit-transform: rotateX(0deg) translate3d(0,0,0);}
}

@keyframes takeaway {
    from { transform: rotateX(0deg) translate3d(0,0,0);}
    to   { transform: rotateX(20deg) translate3d(0,40px,0);}
}
  
@keyframes bringin {
    from { transform: rotateX(50deg) translate3d(0,80px,0);}
    to   { transform: rotateX(0deg) translate3d(0,0,0);}
}

h1{text-shadow:1px 2px rgba(0,0,0,.5);font-size:40px;}
h1 .tk-superclarendon{font-size:48px;}
h1 em{font-weight:normal;}


#wrapper{width:100%;height:100%;overflow:hidden;
	background-size:100%;min-height:280px;min-width:320px;
	-webkit-perspective: 1200px; -moz-perspective: 1200px;
}
#header{position:absolute;top:30px;text-align:center;width:100%;}
#leftnav, #rightnav{text-indent:-9999em;position:absolute;top:50%;z-index:10;}
#leftnav{left:38px;}
#rightnav{right:38px;}
#leftnav a, #rightnav a{display:block;width:41px;height:63px;margin-top:-31px;}
#leftnav a:active, #rightnav a:active{margin-top:-28px;}
#leftnav a{background:url(img/larrow.png) no-repeat;background-size:100%;}
#rightnav a{background:url(img/rarrow.png) no-repeat;background-size:100%;}

#hand{width:800px;height:1127px;background:url(img/hand.png) no-repeat;background-size:100%;
	position:absolute;bottom:-651px;left:-948px;z-index:1;}
#hand2{width:800px;height:1127px;background:url(img/hand2.png) no-repeat;background-size:100%;
	position:absolute;bottom:-651px;right:-948px;z-index:1;display:none;}
#photo{margin:auto;width:100px;position:relative;z-index:1;top:120px;
	-webkit-transform-origin:100% 100%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 200ms;
    -webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	
	-moz-transform-origin:100% 100%;
    animation-iteration-count: 1;
    animation-duration: 200ms;
    -moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

#footer{margin:38px 0;text-align:center;z-index:50;position:absolute;bottom:0;width:100%;
	font-size:18px;text-shadow:1px 1px rgba(0,0,0,.7);font-family:"museo-sans", sans-serif;font-weight:300;
	-webkit-transform: translate3d(0,0,40px);
}
	
#white{position:absolute;width:100%;height:100%;background:#FFF;z-index:100;}

#preload{margin:-9999em 0 0 -9999em;}

@media(max-width:767px){
	
	@-webkit-keyframes takeaway {
		from { -webkit-transform: rotateX(0deg) translate3d(0,0,0);}
		to   { -webkit-transform: rotateX(20deg) translate3d(0,25px,0);;}
	}
  
	@-webkit-keyframes bringin {
		from { -webkit-transform: rotateX(50deg) translate3d(0,100px,0);}
		to   { -webkit-transform: rotateX(0deg) translate3d(0,0,0);}
	}
	
	@keyframes takeaway {
		from { transform: rotateX(0deg);margin-top:0;}
		to   { transform: rotateX(20deg);margin-top:25px;}
	}
	  
	@keyframes bringin {
		from { transform: rotateX(50deg);margin-top:100px;}
		to   { transform: rotateX(0deg);margin-top:0;}
	}
	
	h1{font-size:20px;}
	h1 .tk-superclarendon{font-size:24px;}
	#wrapper{min-height:200px;}
	#header{top:19px;}
	#leftnav{left:19px;}
	#rightnav{right:19px;}
	#leftnav a, #rightnav a{width:20px;height:31px;margin-top:-15px;}
	#leftnav a:active, #rightnav a:active{margin-top:-12px;}
	#photo{top:60px;}
	#footer{margin:19px 0 19px 0;font-size:12px;font-family:"museo-sans", sans-serif;
		font-weight:300;-webkit-transform: translate3d(0,0,10px);}
}