@media screen
{
    /* general */
    body
    {
        background:         #333 url('../../site/images/bg.gif') repeat-x top;
        color:              #b9a768;
        font:               normal 11px verdana;
        margin:             0;
        padding:            0;
        text-align:         center;
    }
    
    h1, h2, h3, h4, h5, h6
    {
        color:              #757163;
        font-family:        garamond, times new roman;
        font-weight:        normal;
        margin:             0;
        margin-bottom:      6px;
    }
    
    h1
    {
        font-size:          22px;
    }
    
    h2
    {
        font-size:          20px;
    }
    
    h3
    {
        font-size:          18px;
    }
    
    h4
    {
        font-size:          16px;
    }
    
    h5
    {
        font-size:          14px;
    }
    
    h6
    {
        font-size:          12px;
    }
    
    p
    {
        line-height:        20px;
        margin:             0;
        margin-bottom:      12px;
    }
    
    a
    {
        color:              #fff;
        text-decoration:    none;
    }
    
    a:hover
    {
        text-decoration:    underline;
    }
    
    input.small, textarea.small, input.medium, textarea.medium, input.large, textarea.large, select
    {
        color:              #757163;
        font:               normal 11px verdana;
    }
    
    input.small, textarea.small, select.small
    {
        width:              100px;
    }

    input.medium, textarea.medium, select.medium
    {
        width:              200px;
    }

    input.large, textarea.large, select.large
    {
        width:              300px;
    }
    /* general */
    
    
    /* layout */
    #head
    {
        background:         url('../../site/images/head.jpg') no-repeat;
        margin:             0 auto 0 auto;
        position:           relative;
        width:              781px;
        z-index:            30;
    }
    
    #head h1
    {
        height:             263px;
        margin:             0 auto 0 auto;
        padding:            0;
        text-indent:        -10000px;
        width:              359px;
    }

    #head h1 a
    {
        display:            block;
        height:             263px;
        width:              359px;
    }
    
    html>body #head h1
    {
        background:         url('../../site/images/logo.png') no-repeat;
    }

    #lang
    {
        font-size:          9px;
        padding:            5px;
        position:           absolute;
        right:              0;
        top:                0;
    }
    
    #lang a
    {
        color:              #b9a768;
        text-decoration:    none;
    }
    
    #lang span
    {
        font-weight:        bold;
    }
    
    #lang a:hover, #lang span
    {
        color:              #fff;
        text-decoration:    none;
    }
    
    #lang img
    {
        vertical-align:     middle;
    }
    
    #body
    {
        background:         #434139 url('../../site/images/body.gif') repeat-x top;
        margin:             0 auto 0 auto;
        position:           relative;
        text-align:         left;
        width:              781px;
    }
    
    #body .path
    {
        font-size:          10px;
        display:            block;
        padding-bottom:     12px;
    }

    #body marquee
    {
        color:              #ff0000;
        font:               bold 10px verdana;
        padding:            5px;
    }
    
    #txt
    {
        padding:            20px;
        position:           relative;
        z-index:            20;
    }
    
    #txt img
    {
        border:             solid 2px #b9a768;
        z-index:            20;
    }
    
    #txt table
    {
        margin:             0;
        padding:            0;
    }
    
    #txt table td
    {
        margin:             0;
        padding:            0 10px 0 0;
        vertical-align:     top;
    }
    
    #txt table td p
    {
        font-size:          10px;
        line-height:        15px;
    }
    
    #siloutte
    {
        bottom:             -69px;
        filter:             progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../site/images/siloutte.png', sizingMethod='scale');
        height:             478px;
        position:           absolute;
        right:              -53px;
        width:              420px;
        z-index:            10;

    }
    
    html>body #siloutte
    {
        background:         url('../../site/images/siloutte.png') no-repeat;
    }
    
    #foot
    {
        color:              #666;
        font-size:          10px;
        padding:            6px;
        position:           relative;
        z-index:            20;
    }
    
    .clearfix
    {
        display:            inline-block
    }
    
    .clearfix:after
    {
        clear:              both; 
        content:            '.'; 
        display:            block; 
        height:             0; 
        visibility:         hidden;
    }
    /* layout */
    
    
    /* menu */
    ul.menu
    {
        background:         #312c24;
        font:               normal 16px garamond, times new roman;
        margin:             0 auto 0 auto;
        padding:            0;
    }
    
    /* menu-item */
    ul.menu li
    {
        float:              left;
        list-style:         none;
    }

    ul.menu li a
    {
        color:              #757163;
        display:            block;
        padding:            5px 10px;
        text-decoration:    none;
    }
    
    ul.menu li a:hover
    {
        text-decoration:    none;
    }
    
    ul.menu li.over a
    {
        color:              #fff;
    }

    /* submenu */
    ul.menu li ul
    {
        background:         #434139;
        border-left:        solid 1px #757163;
        font-size:          15px;
        margin:             0;
        margin-left:        5px;
        padding:            0;
        position:           absolute;
        text-align:         left;
        visibility:         hidden;
        z-index:            10;
    }

    ul.menu li.over ul
    {
        visibility:         visible;
    }

    /* submenu-item */
    ul.menu li ul li
    {
        float:              none;
        margin:             0;
        padding:            0;
        position:           relative;
        text-indent:        5px;
    }

    ul.menu li ul li a
    {
        color:              #757163 !important;
        width:              160px;
    }
    
    ul.menu li ul li.over a
    {
        color:              #fff !important;
    }

    /* sub-submenu */
    ul.menu li.over ul li ul
    {
        left:               160px;
        top:                0;
        visibility:         hidden;
    }

    ul.menu li.over ul li.over ul
    {
        visibility:         visible;
    }
    
    /* sub-submenu-item */
    ul.menu li.over ul li.over ul a
    {
        color:              #757163 !important;
    }
    
    ul.menu li.over ul li.over ul a:hover
    {
        color:              #fff !important;
    }
    
    /* form */
    table.form
    {
        margin:             0;
        padding:            0;
        width:              100%;
    }
    
    table.form th, table.form td
    {
        margin:             0;
        padding:            5px;
    }
    
    table.form th
    {
        text-align:         right;
        text-transform:     lowercase;
        width:              175px;
    }
    /* form */
}