article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
html {font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { margin: 0; font-size: 13px; line-height: 100%; background:#fff; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::selection { background: #000; color: #fff; text-shadow: none; }
.container {padding:0; width:100%;}
img, object, embed {max-width: 100%;}
img {height: auto; text-align:center; display:block; margin:0px auto;}
.top {height:318px; width:100%; position:relative;}
.blocky {width:100%; margin-top:-10px; position:relative; background:url(bg.gif) repeat-x;}
.creds {position:relative; height:720px; width:100%;}
img.logo {padding-top:100px;}
img.credits {padding-top:100px;}
.pad {padding:0 20px;}
.trans {-webkit-transition: all .7s ease-out;
	-moz-transition: all .7s ease-out; 
	-o-transition: all .7s ease-out; 
	transition: all .7s ease-out;}
	
@media (max-width: 1024px) { .blocky {padding-top:5px;} }
@media (max-width: 900px) { .blocky {padding-top:14px;} }
@media (max-width: 800px) { .blocky {padding-top:20px;} }
@media (max-width: 700px) { .blocky {padding-top:30px;} }
@media (max-width: 600px) { .blocky {padding-top:38px;} }
@media (max-width: 550px) { .blocky {padding-top:44px;} }
@media (max-width: 500px) { .blocky {padding-top:48px;} }
@media (max-width: 400px) { .blocky {padding-top:58px;} }
@media (max-width: 320px) { .blocky {padding-top:62px;} }


@media (max-width: 480px) { 
.top {height:160px; width:100%; position:relative;}
img.logo {padding-top:70px;}
.creds {position:relative; height:500px; width:100%;}
 
}