body {
    background-color: #414141;
    margin: 0;
    padding: 0;
}

body, table, tr, td, html {

    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #FFF;
}

.content {
    position: relative;
    width: 964px;
    padding: 10px 10px 10px 29px;
}

.main, .mainfooter, .footer {
    margin: 0 auto;
    width: 1021px;
}

.main {
    background: #131313 url(../pics/site_bg.png) repeat-y;
}

.main .header {
    position: relative;
    background: url(../pics/header.png) no-repeat;
    width: 1021px;
    height: 89px;
}

.main .header .logo {
    margin: 0;
}
.main .header .logo a {
    display: block;
    height: 80px;
    left: 10px;
    position: absolute;
    text-indent: -999em;
    width: 270px;
}

.navi_item {
    float: left;
    height: 42px;
    background-repeat: no-repeat;
}

a.navi_item:hover {
    background-position: 0 -42px;
}

.mainnavi {
    background:url(../pics/navi_background.png) 100% 0% no-repeat;
    font:bold 16px Tahoma,Verdana,Arial,sans-serif;
    height: 42px;
    left: 300px;
    line-height:41px;
    list-style:none;
    margin:0;
    padding:0;
    position: relative;
    text-align:center;
    text-shadow:0 0 4px #200;
    top: 16px;
    width: 693px;
}
.mainnavi li {
    display: block;
    float: left;
}
.mainnavi a {
    background: #DCB82B url(../pics/navi_item_left.png) 0 0 no-repeat;
    color: #FFF;
    display:block;
    text-decoration: none;
}
.mainnavi a span {
    background: url(../pics/navi_item_right.png) 100% 0% no-repeat;
    display: block;
    height: 42px;
    padding: 0 1em;
}
.mainnavi .home a {
    background-image: url(../pics/navi_background.png);
}
.mainnavi ._active a, .mainnavi a:hover {
    background-color: #C6A101;
    background-position: 0 100%;
    color: #000;
    text-shadow: 0 0 4px #FFF;
}
.mainnavi ._active a span, .mainnavi a:hover span {
    background-position: 100% 100%;
}

.languageselector {
    position:relative;
    right:28px;
    text-align:right;
    top:23px;
}
.languageselector form {
    margin:0;
}
.languageselector select {
    font-size:11px;
    text-align:center;
    width:89px;
}
.languageselector .form_button {
    margin:0.2em 0;
    width:89px;
}

.downloadbutton {
    font-size: 14px;
    margin: 2em 0 0;
    text-align: center;
    width: 285px;
}
.downloadbutton img {
    border: 0;
    font: bold 17px Tahoma,sans-serif;
    margin: 0.3em 0;
}
.otherdownloads {
    font-size: 12px;
    margin: 1.5em 0 0;
}
.downloadbutton a, .otherdownloads a:hover {
    text-decoration: none;
}
.otherdownloads a {
    color: #888;
    text-decoration: underline;
}

.headline {
    color: #FC0;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.main .screenshot {
    position: relative;
}

.column2 {
    position: absolute;
    background-color: yellow;
    left: 300px;
}

.column1 {
    float: left;
    position: relative;
    width: 310px;

}

.mainfooter {
    background: url(../pics/footer.png) -2px 0 no-repeat;
    height: 22px;
    width: 1021px;
}

.footer {
    padding: 5px 10px 0;
    text-align: center;
    width: 1001px;
}

.footer, .footer a {
    color: #AAA;
    font-size: 10pt;
}

.separator {
    background: url(../pics/dotted_line.gif) repeat-x 0 0;
    text-align: left;
    height: 5px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.new {
    background: #900;
    color: #FFF;
    font-weight: bold;
    margin: 0 0.2em 0 0;
    padding: 0 0.4em 2px;
}

a {
    color: #FC0;
}
a:hover {
    text-decoration: none;
}