* {margin: 0; padding: 0; font-family: arial;}
ul, li {list-style: none;}
a:link, a:visited {outline: none; text-decoration: none;}
img {border: none;}

body {background: #000;}

#wrapper_out {background: url(background.jpg) no-repeat 50% 0;}
#wrapper_in {background: url(background.jpg) no-repeat 50% 0; margin: 0 auto; min-height: 680px; height: auto !important; height: 680px; position: relative; width: 978px;}
#logo a {display: block; left: 372px; height: 78px; position: absolute; top: 40px; text-indent: -9999px; width: 210px;}

#content {height: 350px; left: 132px; overflow: hidden; position: relative; top: 145px; width: 682px;}
#content #nav {height: 33px; position: absolute; width: 682px; z-index: 99;}
#content #nav li {display: inline;}

#content #nav a {background: url(nav.jpg) no-repeat 0 -1px; display: block; height: 32px; float: left; text-indent: -9999px;}
#content #nav a#video {margin-top: 1px; width: 227px;}
#content #nav a#desc {background-position: -227px -1px; margin-top: 1px; width: 229px;}
#content #nav a#scrshot {background-position: -456px -1px; margin-top: 1px; width: 226px;}
#content #nav a#video.on {background-position: 0 -33px; height: 33px; margin-top: 0;}
#content #nav a#desc.on {background-position: -227px -33px; height: 33px; margin-top: 0; width: 229px;}
#content #nav a#scrshot.on {background-position: -456px -33px; height: 33px; margin-top: 0; width: 226px;}
#content .tab {display: block; height: 317px; position: relative; top: 33px; width: 682px;}
#content .video {background: url(video.jpg) no-repeat;}
#content .desc {background: url(desc.jpg) no-repeat;}
#content .scrshot {background: url(scrshot.jpg) no-repeat;}

.video #movie {height: 183px; position: absolute; right: 30px; top: 98px; width: 328px;}
.scrshot #bigImg {left: 80px; height: 283px; position: absolute; top: 13px; width: 371px;}
#content .scrshot #bigImg img {height: 283px; width: 371px;}
#content .scrshot ul {display: block; height: 300px; position: absolute; right: 10px; top: 0; width: 152px;}
#content .scrshot li {border: 2px solid #000; display: block; height: 70px; margin-bottom: 5px; width: 152px;}
#content .scrshot li.current {border: 2px solid #c00; display: block; height: 70px; margin-bottom: 5px; width: 148px;}
#content .scrshot a {display: block;}
#content .scrshot img {display: block; height: 70px; width: 148px;}
.desc h3 {text-indent: -9999px;}
.desc #description {display:block; height:288px; left:50px; position:absolute; text-indent:-9999px; top:0; width:584px;}

#buttons {background: url(buttons.png) no-repeat; left: 132px; height: 35px; position: absolute; top: 489px; text-indent: -9999px; width: 682px;}
#buttons a {display: block; float: left; text-indent: -9999px;}
#buttons #register {height: 35px; margin-left: 1px; width: 271px;}
#buttons #enter {height: 28px; margin-top: 7px; width: 408px;}

#checkbox p {bottom: 120px; color: #978e8e; display: block; font-family: tahoma; font-size: 10px; height: 20px; left: 352px; line-height: 20px; position: absolute; text-transform: uppercase; width: 250px;}
#checkbox input {margin-right: 10px; vertical-align: -2px;}
#footer a {bottom: 76px; clear: both; display: block; left: 382px; height: 40px; position: absolute; text-indent: -9999px; width: 150px;}