*
    {
        margin: 0;
        padding: 0;
    }

    body
    {
        background: #072638 url(../img/gui/strip.jpg) 0 132px repeat-x;
        text-align: center;
        font-size: 62.5%;
        font-family: arial, helvetica, sans-serif;
        color: #afafaf;
    }

    .h
    {
        display: none;
    }

    img
    {
        border: 0;
    }

    #page
    {
        text-align: left;
        width: 765px;
        margin: 0 auto;
        position: relative;
        padding: 210px 0;
    }

    h1, h1 a
    {
        display: block;
        height: 21px;
    }

    h1
    {
        padding: 6px 0;
        position: absolute;
        top: 132px;
        left: 0;
    }

    h1 a
    {
        width: 157px;
        text-indent: -9999px;
        overflow: hidden;
        text-decoration: none;
        background: transparent url(../img/gui/theres-beswick.jpg) no-repeat;
    }

    h2
    {
        font-size: 1.8em;
        font-weight: normal;
        clear: both;
    }

    h2.fotostudion
    {
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        width: 168px;
        height: 18px;
        position: absolute;
        top: 140px;
        right: 0;
        background: transparent url(../img/gui/fotostudion.gif) no-repeat;
    }

    h3
    {
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    a
    {
        color: #5a8ab5;
        text-decoration: none;
    }

    a:hover
    {
        text-decoration: underline;
    }

    #navigation
    {
        list-style: none;
        position: absolute;
        height: 41px;
        top: 91px;
        left: 0;
    }

    #navigation li, #navigation li a
    {
        display: block;
        height: 41px;
    }

    #navigation li
    {
        float: left;
        text-align: center;
        height: 41px;
        width: 7.1em;
    }

    #navigation li.active
    {
        background: #041723 url(../img/gui/tab.jpg) left top no-repeat;
    }

    #navigation li.active a
    {
        background: transparent url(../img/gui/tab2.jpg) top right no-repeat;
    }

    #navigation li a
    {
        color: #afafaf;
        text-decoration: none;
        font-family: georgia, sans-serif;
        font-size: 1.1em;
        line-height: 41px;
        width: 100%;
    }

    #navigation li a:hover
    {
        text-decoration: underline;
    }

    #leftside
    {
        width: 250px;
        padding-right: 25px;
        float: left;
        background: transparent url(../img/gui/separator.jpg) right top no-repeat;
        height: 320px;
    }
    * > #leftside
    {
        min-height: 320px;
        height: auto;
    }

    #rightside
    {
        width: 465px;
        float: left;
        margin-left: 25px;
    }

    p
    {
        font-size: 1.1em;
        margin: 0 0 18px 18px;
    }

    dl
    {
        margin-bottom: 20px;
        clear: both;
    }

    p.imglist
    {
        margin-left: 0;
    }

    p.imglist a
    {
        display: block;
        float: left;
        margin: 0 10px 10px 0;
        padding: 3px;
        background-color: #112f40;
        width: 101px;
        height: 101px;
        text-align: center;
    }

    p.imglist a.last
    {
        margin-right: 0;
    }

    .sIFR-flash {
        visibility: visible !important;
        margin: 0;
    }

    .sIFR-replaced {
        visibility: visible !important;
    }

    span.sIFR-alternate {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        display: block;
        overflow: hidden;
        letter-spacing: 0;
    }

    .spacer
    {
        clear: both;
    }