* {margin:0; padding:0; }

html, body { font-family: 'Dosis', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:1em;overflow:hidden;}

#canvas { z-index:0;}

.indexwrap { position: absolute; left:0; top:0; z-index:1;}
.introcenter { width: 480px; height: 160px; overflow: auto; margin: auto; top: 0; left: 0; bottom: 0; right: 0; position: fixed; z-index:4; }

#intro { width:480px; height:160px; background-color:#000; text-align:center; opacity:0.7;overflow:hidden; z-index:5;}
#logotext {font-size:3.6em; font-weight:700; margin:5px 0 0 0; }
#introtext {font-size:1.5em; font-weight:700;margin:0px 0 0 0;}
#credits {font-size:0.8em; font-weight:400;margin:20px 0 0 0;}

.outrocenter { width: 200px; height: 80px; overflow: auto; margin: auto; top: 0; left: 0; bottom: 0; right: 0; position: fixed; z-index:4; }
#outro { width:200px; height:80px; background-color:#000; text-align:center; opacity:0.8; overflow:hidden;z-index:5;}
#outrotext {font-size:2.8em; font-weight:700;margin:5px 0 0 0;}

#intro a,#outro a { text-decoration:none; color:#ccc; opacity:0.6; }
#intro a:hover,#outro a:hover{ color:#fff; opacity:1; }

/* modal window */

h1 {font-weight:700; font-size:1.6em;color:#aaa; }
h2 {font-weight:700; font-size:1.2em;color:#aaa; }
h3 {font-weight:700; font-size:1em;color:#aaa; margin:10px 0 0 0;}
p {font-weight:400; font-size:0.9em;color:#aaa; margin:10px 0 0 0;}

h1 a,h2 a,h3 a,p a {text-decoration:none;color:#ddd;}
h1 a:hover,h2 a:hover,h3 a:hover,p a:hover{color:#fff;}

#basic-modal-content {display:none; }
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:410px; width:600px; background-color:#222; border:2px solid #000; padding:12px;}
#simplemodal-container a.modalCloseImg {background:url(../img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {margin: 0 0 4px 4px;}

@media only screen and (max-width: 640px), screen and (max-height: 400px){
#canvas { display:none;}
.introcenter { width: 95%; height: 160px; overflow: auto; margin: auto; top: 0; left: 0; bottom: 0; right: 0; position: fixed; z-index:4; }
#intro { width:100%; height:160px; background-color:#000; text-align:center; opacity:0.7;overflow:hidden; z-index:5;}
#logotext {font-size:250%; font-weight:700; margin:15px 0 0 0; }
#simplemodal-container {height:80%; width:80%;}
}