@import url('/volume/styles/volume.css');

html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: verdana, georgia, arial;
    font-size: 12pt;
    color: #ccc;
    min-width:800px;
}
html
    {
        background-image: url(/volume/images/graphics/bg.gif);
        background-repeat: repeat-x;
        background-color: black;
    }

a { color: #d5ae65; text-decoration: none; }
a:hover { color: #ff9900; text-decoration: none; }
#walkway a span { display: none; }

#main
    {
        width: 900px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    
#main #header #logo
    {
        position: absolute;
        top: 10px;
        right: 0px;
    }
#main #header #top_menu
    {
        width: 400px;
        margin: 0px;
        padding: 0px;
    }
#main #header #top_menu li
    {
        float: left;
        list-style-type: none;
        padding: 0px;
    }
#main #header #top_menu li a
    {
        display: block;
        padding: 7px 14px 0px 0px;
        color: #bc7901;
        font-weight: bold;
    }
#main #header #top_menu li a:hover
    {
        color: #FFAD3C;
    }

#main #disp
    {
        position: absolute;
        top: 65px;
        left: -60px;
        width: 697px;
        height: 437px;
        background-image: url(/volume/images/graphics/disp.png);
        background-repeat: no-repeat;
    }
#main #disp #picture_holder,
#main #disp .choose,
#main #disp #shadow
    {
        position: absolute;
        top: 37px;
        left: 61px;
        display: block;
        width: 561px;
        height: 315px;
        overflow: hidden;
        z-index: 10;
    }
#main #disp .choose
    {
        z-index: 9;
    }
    
#main #disp #shadow
    {
        z-index: 11;
    }
#main #buttons
    {
        position: absolute;
        top: 87px;
        right: -6px;
        margin: 0px;
    }
#main #buttons li
    {
        list-style-type: none;
        float: left;
    }
#main #buttons li a
    {
        display: block;
        width: 75px;
        height: 50px;
        outline: 0px;
    }
#main #buttons li a span
    {
        display: none;
    }
#main #buttons li.home a
    { background-image: url('/volume/images/graphics/buttons/home.png'); }
#main #buttons li.portfolio a
    { background-image: url('/volume/images/graphics/buttons/portfolio.png'); }
#main #buttons li.media a
    { background-image: url('/volume/images/graphics/buttons/media.png'); }
#main #buttons li.about a
    { background-image: url('/volume/images/graphics/buttons/about.png'); }

#nicknameIs.home #main #buttons li.home a,
#nicknameIs.portfolio #main #buttons li.portfolio a,
#parentIs.portfolio #main #buttons li.portfolio a,
#nicknameIs.media #main #buttons li.media a,
#parentIs.media #main #buttons li.media a,
#nicknameIs.about #main #buttons li.about a,
#parentIs.about #main #buttons li.about a,
#main #buttons li a:hover,
#main #buttons li a:focus,
#main #buttons li a:active
    {
        background-position: 0px -49px;
    }
    
#main #info
    {
        position: absolute;
        top: 140px;
        right: -48px;
        width: 382px;
        height: 278px;
        background-image: url(/volume/images/graphics/info.png);
        background-repeat: no-repeat;
    }
#main #info #menu ul
    {
        margin: 0px 0px 0px 5px;
        padding: 0px;
    }
#main #info #menu ul .simple
    {
        float: left;
        display: block;
        padding: 15px 15px 10px 15px;
        margin: 2px;
        width: 100px;
        height: 40px;
        font-size: 9pt;
        text-align: center;
    }
#main #info #menu #pictureItem.T
    {
        float: left;
        margin: 2px 2px 20px 2px;
        height: 46px;
        overflow: hidden;
    }

#main #info #menu #text
    {
        display: none;
    }

#main #content,
#choose
    {
        position: absolute;
        top: 450px;
        left: 7px;
        width: 560px;
    }
body.set #menu_holder,
#chooser
    {
        position: absolute;
        left: 57px;
        top: 400px;
        width: 901px;
        height: 147px;
        background-image: url('/volume/images/graphics/bar.gif');
    }
body.set #menu_holder
    {
        left: -3px;
        top: 465px;
    }
body.set #menu_holder .portal
    {
        float: left;
        width: 835px;
        overflow-x: hidden;
        margin: 0px 5px 0px 5px;
    }
body.set #menu_holder .portal #menu
    {
        width: 1665px;
    }
body.set #menu_holder .portal #menu ul
    {
        margin: 10px 0px 0px 0px;
        padding: 0px;
    }
body.set #menu_holder .portal #menu ul li
    {
        float: left;
        margin: 5px 20px 0px 15px;
        padding: 0px;
    }
#chooser #chooserLeft,
#chooser #chooserRight,
#menu_holder #chooserLeft,
#menu_holder #chooserRight
    {
        display: block;
        float: left;
        width: 20px;
        height: 75px;
        margin: 38px 3px 0px 3px;
        outline: none;
    }
#chooserLeft
    {
        background-image: url('/volume/images/graphics/bar-l.gif');
    }
#chooserRight
    {
        background-image: url('/volume/images/graphics/bar-r.gif');
    }
    
body.set #menu_holder .portal #menu li #text,
#chooser #chooserLeft span,
#chooser #chooserRight span
    {
        display: none;
    }
#chooser #choices
    {
        float: left;
        width: 845px;
        overflow-x: hidden;
        margin: 17px 0px 0px 0px;
    }
#chooser #choices table
    {
        height: 110px;
    }
body.set #menu_holder .portal #menu li a,
#chooser #choices table td a
    {
        display: block;
        width: 157px;
        padding: 5px;
        background-color: black;
        outline: none;
        text-align: center;
    }
#chooser #choices table td a:hover,
#chooser #choices table td a:focus,
#chooser #choices table td a:active
    {
        background-color: #1f1f1f;
    }
    
/*body.set #menu_holder
    {
        position: absolute;
        top: 450px;
        left: 7px;
        width: 900px;
        overflow-x: hidden;
        margin: 0px;
        border: solid;
    }
body.set #menu_holder #menu
    {
        width: 1300px;
    }    
body.set #menu_holder #menu,
body.set #menu_holder #menu ul,
body.set #menu_holder #menu ul li table,
body.set #menu_holder #menu ul li td
    {
        margin: 0px;
        padding: 0px;
    }
body.set #menu_holder #menu li
    {
        float: left;
        height: 84px;
        overflow: hidden;
        margin: 0px;
        padding: 0px;
    }
body.set #menu_holder #menu li #text
    {
        display: none;
    }
   */ 
    
#main #info .copy
    {
        margin: 18px 0px 0px 50px;
        width: 280px;
        height: 196px;
        overflow: hidden;
    }

#main #info .copy .blurb
    {
        font-size: 18pt;
        text-align: center;
        color: black;
        margin-top: 30px;
        line-height: 32pt;
    }

.copy .title,
#main #info .copy .blurb
    {
        font-family: Copperplate Gothic Bold,Copperplate Gothic,Copperplate;
    }
.copy .subtitle
    {
        font-size: 10pt;
        font-style: italic;
    }
.copy #body
    {
        font-size: 9pt;
        line-height: 15pt;
    }
.copy #body b
    {
        color: white;
        font-size: 10pt;
    }