body {
    background: #000 url('../images/backdrop/skybox.png') fixed;
    margin: 0;
    font: 17px/28px Helvetica, sans-serif;
    color: #333;
}

header {
    background: url('../images/header.png') no-repeat;
    height: 315px;
    margin: 0 auto;
    width: 1024px;
    text-align: center;
}

a {
    text-decoration: none;
    color: #49d;
}

a:hover {
    text-decoration: underline;
}

#navigation {
    position: relative;
    top: 270px;
    line-height: 45px;
    height: 45px;
    background: #fff;
    border-radius: 3px 3px 0px 0px;
    border-bottom: 2px dashed #999;
}

.fixed {
    position: fixed !important;
    top: 0px !important;
    width: 1024px;
    z-index: 9001;
    box-shadow: 1px 1px 3px #000;
    border-radius: 0px 0px 3px 3px !important;
    border: 0 !important;
}

a.menulink {
    padding: 0 30px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    display: inline-block;
    margin: 0 -3px;
}

#a0 {
    border-top: 5px solid #99a685;
}


#a0:hover {
    color: #99a685;
}

#a1 {
    border-top: 5px solid #6a4264;
}

#a1:hover {
    color: #6a4264;
}

#a2 {
    border-top: 5px solid #357c52;
}

#a2:hover {
    color: #357c52;
}

#a3 {
    border-top: 5px solid #340d84;
}

#a3:hover {
    color: #340d84;
}

#overview h1 {
    color: #99a685;
    text-shadow: 1px 1px 3px #444;
}

#media h1 {
    color: #6a4264;
    text-shadow: 1px 1px 3px #444;
}

#download h1 {
    color: #357c52;
    text-shadow: 1px 1px 3px #444;
    margin-bottom: 50px;
}

#faq h1 {
    color: #340d84;
    text-shadow: 1px 1px 3px #444;
}

div.contentwrapper {
    background: url('../images/backdrop/backdrop.png') repeat-y center;
    width: 1280px;
    margin: 0 auto;
}

div.subcontainer {
    width: 924px;
    padding: 20px 178px;
}

div.subcontainer h1 {
    font-size: 48px;
    font-family: Harabara;
}

div.subcontainer p {
    text-shadow: 1px 1px 2px #ddd;
}

@font-face {
    font-family: Harabara;
    src: url('Harabara.ttf');
}

p.right {
    margin-left: 400px;
}

span.highlight {
    color: #99a685;
    font-weight: bold;
}

div.slideshow {
    overflow: hidden;
    width: 800px;
    height: 450px;
    box-shadow: 2px 2px 4px #000;
    margin: -50px 50px 40px;
}

div.slideshow-content {
    width: 4800px;
    position: relative;
}

img.slideshowmember {
    width: 800px;
    float: left;
}

.slideshowbutton {
    position: relative;
    background: #ccc;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    border: 0;
    border-radius: 25px;
    width: 50px;
    height: 50px;

}

.slideshowbutton:hover {
    background: #6a4264;
}

#slideshowprev {
    top: 225px;
    left: -20px;
}

#slideshownext {
    position: relative;
    top: 225px;
    left: 830px;
}

.videocredits {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 12px;
}

.dlbutton {

    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #d6d6d6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d6d6d6));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#d6d6d6 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#d6d6d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 );
    display: inline-block;
    border: 6px solid #ddd;
    padding: 10px;
    text-align: center;
    color: #555;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #666;
    text-shadow: 1px 1px 0px #fff;
    line-height: 20px;
    font-size: 20px;
    float: left;
}

.dlbutton small {
    font-size: 12px;
}

.dlarrow {
    display: inline-block;
    width: 50px;
    height: 50px;
    float: left;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEdSURBVGiB7djBbcMwDEDRr6JD+dglZO/hBaIM4EGkKdrJ2EsvDVBUlsiEMPiBIBcj1oMdi0kSEa7Q26sXoFVAvBUQbwXEWwHx1rv2B67r2jUqtNaS5nlfeUVUZ6PL3FoB8VZAvBUQbwXEWwHxVkC8FRBvBcRbl4Gk3n/jt20rInIzXs+vUkr3WmvpObb7itRay7IsX8OrOlnOmVrrDSg9x5+6tfZ9/3gGJudMzhngjgUE7DEjCBj8slthRhEw8dTSxswgYPLxq4WZRYDCPjKL0UCA0oY4itFCgOLOfhajiQDlEaUXo40Ag1nrP4wFAoyGxr8wVggwnH4fMZYIAETE9HUcx2drTX4qVufpHuMnKw/v6j0LYt5lfiEGxFvfrLQAezSmM7UAAAAASUVORK5CYII=');
}

.installhelp {
    margin-top: 50px;
}

#btt {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 20px;
    background: #eee;
    padding: 6px;
    border-radius: 4px;
    box-shadow: 1px 1px 5px #222;
}

footer {
    text-align: center;
    margin-top: 100px;
    padding-bottom: 40px;
}