body {margin: 0; padding: 0; border: 0; background-color: black; color: white;
    font-family: "Verdana", "Sans Serif", Sans-Serif; font-size: 10px;
    overflow: hidden; width: 100%; height: 100%}

a {color: yellow}

div.menu-container {position: absolute; top: 50%; left: 0; width: 100%;
    height: 40px; margin-top: -240px}
div.menu {width: 700px; text-align: center; height: 40px; margin: 0 auto;}
div.menu a {color: white; text-decoration: none; font-size: 12px;
    padding: 10px 5px; margin: 0 15px}
div.menu a.active {border-bottom: solid 2px white}
div.menu a.inactive {color: gray}
div.footer-container {position: absolute; top: 50%; left: 0; width: 100%;
    height: 40px; margin-top: 200px}
div.footer {width: 700px; line-height: 40px; height: 40px; margin: 0 auto;
    text-align: center; font-size: 10px}
div.footer * {font-size: 10px}
div.logo {background-image: url("images/LogoAvventura.png");
    background-repeat: no-repeat; background-position: 0 0;
    display: block; position: absolute;
    width: 275px; height: 80px; left: 50%; top: 50%;
    margin-left: -150px; margin-top: -350px;}
div.gnosis {background-image: url("images/LogoGnosis.png");
    background-repeat: no-repeat; background-position: 0 0;
    display: block; position: absolute;
    width: 30px; height: 60px; left: 50%; top: 50%;
    margin-left: -15px; margin-top: 250px;}

div.body, div.content-container, div.content {height: 400px}
div.body {position: absolute; top: 50%; margin-top: -200px; left: 0;
    width: 100%}
div.content-container {margin: 0 auto; width: 900px}
div.content {width: 660px; height: 310px; padding: 20px;
    background-image: url("images/black_alpha_66.png");
    background-position: 0 0; position: absolute; top: 50%; margin-top: -175px;
    left: 50%; margin-left: 450px; opacity: 0; overflow: auto}

div.content#intro{display: block; opacity: 1; margin-left: -350px; font-size: 12px}

div.scrolling-background {background-image: url("images/scrolling-background.jpg");
    background-repeat: no-repeat; background-position: 0 0;
    position: absolute; top: 0; left: 50%; margin-left: -450px;
    width: 900px; height: 400px; overflow: hidden}
div.fader-left {position: absolute; top: 0; left: 50%; height: 400px;
    width: 100px; background-image: url("images/fader-left.png");
    background-repeat: repeat-y; background-position: 0 0;
    margin-left: -450px}
div.fader-right {position: absolute; top: 0; right: 50%; height: 400px;
    width: 100px; background-image: url("images/fader-right.png");
    background-repeat: repeat-y; background-position: 0 0;
    margin-right: -450px}

#player {display: block; width: 660px; height: 310px;}

h1, h2, h3, h4, h5, h6 {margin: 5px 0; padding: 0; border: 0}
p, th, td, a {margin: 0; padding: 0; border: 0}
h1 {font-size: 18px}
h2 {font-size: 16px}
h3 {font-size: 16px}
h4 {font-size: 14px}
h5 {font-size: 14px}
h6 {font-size: 14px}
li, p {font-size: 12px; line-height: 1.5em}
th, td {font-size: 12px}
a {font-size: 12px}

dt {float: left}
dt, dd {padding: 2px 0; font-size: 12px}
dt {padding-right: 5px}
li {font-size: 12px}