/* CSS Document */


html, body
{
    background-color: #FCF6A0;
    color: #3C210F;
    font-family: Helvetica, "Times New Roman" , Times, serif;
    font-size: 14px;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

img
{
    border: none;
}

#container
{
    width: 100%;
}


#hdr
{
    background-color: #FBEE57;
    background-image: url(../img/hdr/bg.gif);
    background-position: top center;
    background-repeat: repeat-x;
    text-align: center;
    width: 100%;
}

#logo
{
    background-image: url(../img/hdr/logo.gif);
    background-position: top center;
    background-repeat: no-repeat;
    height: 125px;
    text-align: center;
    width: 100%;
}

#hdr-nav
{
    margin: 0xp auto;
}

#hdr-end
{
    background-color: #FCF6A0;
    background-image: url(../img/hdr/hdr-end.gif);
    background-repeat: no-repeat;
    background-position: top center;
    height: 17px;
    margin: 0px auto;
    width: 100%;
}

#content
{
    margin: 0px auto;
    width: 935px;
}

#ftr
{
    background-image: url(../img/ftr/ftr-bg.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
    clear: both;
    height: 210px;
    text-align: center;
    width: 100%;
}


/* VIDEOS AND SCREENSHOTS */

#title
{
    clear: both;
    margin-bottom: 5px;
}

#screenshot
{
    float: left;
    margin-right: 25px;
    width: 285px;
}

#screenshot-hdr
{
    background-image: url(../img/screenshots/screen-hdr.gif);
    background-repeat: repeat;
    height: 30px;
}

#screenshot-title
{
    background-image: url(../img/screenshots/screen-title.gif);
    background-repeat: repeat;
    font-size: 14px;
    height: 30px;
    text-indent: 20px;
}

#screenshot-inner
{
    background-image: url(../img/screenshots/screen-content.gif);
    background-repeat: repeat;
    height: 185px;
    text-indent: 24px;
}

a:link
{
}

table.buy
{
    width: 80%;
    margin-top: 1em;
    border-collapse: collapse;
    clear: left;
    border-spacing: 2px 2px;
    border-color: #3C210F;
    margin-left: auto;
    margin-right: auto;
}

table.buy th
{
    padding-top: .3em;
    padding-bottom: .3em;
    text-align: center;
    color: #3C210F;
    background-color: #3C210F;
}

table.buy td.small
{
    width: 12%; 
    border-left: 1px solid #3C210F;
    border-bottom:1px solid #3C210F;
    text-align: center;
}

table.buy td.smallNoBorder
{
    width: 12%; 
    border-bottom:1px solid #3C210F;
    text-align: center;
}

table.try
{
    width: 80%;
    margin-top: 1em;
    border-collapse: collapse;
    clear: left;
    border-spacing: 2px 2px;
    border-color: #3C210F;
    margin-left: auto;
    margin-right: auto;
}

table.try th
{
    padding-top: .3em;
    padding-bottom: .3em;
    text-align: center;
    color: #3C210F;
    background-color: #3C210F;
}

table.try td.small
{
    width: 12%; 
    border-left: 1px solid #3C210F;
    border-bottom:1px solid #3C210F;
    text-align: center;
}

table.try td.smallNoBorder
{
    width: 80%; 
    border-bottom:1px solid #3C210F;
    text-align: left;
}