body, h1, h2, h3, h4, h5, h6, p, td, ul, ol, li {
    margin: 0;
    padding: 0;
    font: bold 12px arial, verdana, sans-serif;
}

body {
    background: #ffefbf url(../images/bg-body.gif);
}

#content {
    position: relative;
    width: 774px;
    margin: 0 auto;
    border: 3px solid #622108;
}

h1 {
     position: relative;
     width: 100%;
     height: 521px;
     background: url(../images/header.jpg) top left no-repeat;
}

h1 span {
    display: none;
}

div.screenshots {
    position: relative;
    width: 100%;
    height: 507px;
    background: url(../images/bg-screenshots.jpg) top left no-repeat;
}

div.video1 {
    position: absolute;
    left: 23px;
    top: 155px;
    width: 360px;

}

div.video2 {
    position: absolute;
    right: 23px;
    top: 155px;
    width: 360px;
}

div.screenshots img.ss {
    display: block;
    border: 1px solid #4b1501;
    margin: 0 0 13px 0;
}

div.screenshots a.download {
    position: relative;
    display: block;
    float: left;
    background: url(../images/btn-download.gif) top left no-repeat;
    margin: 0 0 0 10px;
    padding: 0 0 0 25px;
    line-height: 20px;
}

div.screenshots a.watch {
    position: relative;
    display: block;
    float: left;
    background: url(../images/btn-tv.gif) top left no-repeat;
    margin: 0 0 0 15px;
    padding: 0 0 0 25px;
    line-height: 20px;
}

div.screenshots p a {
    color: #000;
    text-decoration: none;
}

div.screenshots p a:hover {
    text-decoration: underline;
}

p.ad {
    position: relative;
    width: 100%;
    height: 69px;
    text-align: center;
    background: url(../images/bg-ad.jpg) top left repeat-x;
    line-height: 69px;
}

p.ad a {
    color: #fff;
    font-size: 28px;
}

div.images {
    position: relative;
    width: 100%;
    height: 372px;
    background: url(../images/bg-images.jpg) top left no-repeat;
}