html
    {
    }

    body
    {
        margin: 0px;
        padding: 0px;
        font-family: Calibri;
        font-size: 12px;
        color: #fefefe;
        background: #000000 url('/images/body_back.jpg') no-repeat top center;
    }


    img { border: none;  }

    
    p
    {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        line-height: 18px;
    }

    #logo
    {
        color: #ffffff;
        font-size: 30px;
        line-height: 40px;
        margin: 90px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    #logo a
    {
        text-decoration: none;
        color: #ffffff;
    }

    #logo span
    {
        margin: 0px 0px 0px 0px;
        color: #0093ed;
    }



    .clear
    {
        height: 0px;
        overflow: hidden;
        clear: both;
    }


    .inner
    {
        background: url('/images/inner.gif') repeat-y bottom;
        margin: 0px auto 0px auto;
        width: 1000px;
    }

    .back
    {
        background: url('/images/top.jpg') no-repeat top center;
        padding: 25px 0px 0px 90px;
        margin: 0px auto 0px auto;
        width: 910px;
    }


    .icons
    {
        padding: 0px 70px 0px 0px;
        margin: 0px 0px 0px 0px;
        float: right;
    }

    .icons a
    {
        margin: 0px 0px 0px 3px;
        text-decoration: none;
        float: right;
        width: 27px;
        height: 27px;
        background-position: top left;
    }

    .icons a:hover
    {
        background-position: top right;
        text-decoration: none;
    }

    .icons .sel
    {
        background-position: top right;
    }

    .icons .home
    {
        background-image: url('/images/home.gif');
    }

    .icons .map
    {
        background-image: url('/images/map.gif');
    }

    .icons .contacts
    {
        background-image: url('/images/contacts.gif');
    }

    a
    {
        color: #ffba00;
        text-decoration: underline;
    }

    a:hover
    {
        text-decoration: none;
    }



   .right
   {
        float: right;
        width: 520px;
   }


    .left_side
    {
        float: left;
        width: 522px;
        padding: 0px 20px 0px 0px;
        margin: 60px 0px 0px 0px;
        background: url('/images/line.gif') repeat-y right;
    }

    .left_side li
    {
        padding: 5px 0px;
    }

    .right_side
    {
        float: left;
        width: 208px;
        padding: 0px 0px 0px 0px;
        margin: 60px 0px 0px 20px;
    }

    .content
    {
        background: url('/images/phone.jpg') no-repeat bottom left;
        padding: 0px 0px 20px 0px;
    }


    .line
    {
        background: url('/images/line.gif') repeat-x top left;
        padding: 1px 0px 0px 0px;
        margin: 13px 0px 20px 0px;
    }


    h1
    {
        margin: 0px 0px 20px 0px;
        padding: 0px;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 14px;
        color: #000000;
    }

    h2
    {
        margin: 0px 0px 30px 0px;
        padding: 0px;
        font-weight: normal;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 18px;
    }

    h3
    {
        margin: 0px 0px 3px 0px;
        padding: 0px;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 12px;
        color: #004ea5;
    }

    h5
    {
        margin: 0px 0px 17px 0px;
        padding: 0px;
        font-weight: normal;
        font-size: 14px;
        color: #000000;
    }

    h6
    {
        margin: 84px 0px 5px 0px;
        padding: 0px;
        font-weight: normal;
        font-size: 36px;
        color: #ffffff;
    }

    .phone
    {
        color: #ffffff;
        padding: 0px 0px 0px 0px;
        margin: 5px 0px 0px 0px;
        text-align: right;
        width: 520px;
        font-family:Tahoma;
    }

    .phone span
    {
        font-size: 24px;
    }

    
 /*------------------------- footer----------------------------- */
    
    #footer
    {
        margin: 80px 0px 0px 0px;
        padding: 43px 0px 55px 34px;
        width: 733px;
        background: url('/images/footer.gif') repeat-x top;
        text-align: center;
    }

    #footer div
    {
        float: left;
        text-align: left;
    }


    #footer a
    {
        color: #ffba00;
        margin: 0px 0px 0px 0px;
        text-decoration: none;
    }

    #footer a:hover
    {
        text-decoration: underline;
    }

    #footer .copyright
    {
        text-align: center;
        margin: 75px 0px 0px 0px;
        color: #ffffff;
        float: none;
    }



  /*  end ------------------------- footer----------------------------- */




    .more
    {
        text-align: right;
        margin: 0px 0px 20px 0px;
        padding: 0px 10px 0px 0px;
        font-size: 12px;
    }

    .date
    {
        color: #ffffff;
        margin: 0px 0px 5px 0px;
        font-size: 18px;
    }

    .date span
    {
        font-size: 30px;
    }


    .descrip
    {
        margin: 0px 0px 40px 0px;
        line-height: 20px;
    }


    #nav_menu
    {
        padding: 0px 0px 0px 0px;
        margin: 10px 0px 0px 0px;
        text-transform: uppercase;
        list-style-type: none;
        float: left;
    }

    #nav_menu li
    {
        float: left;
        margin: 0px 10px 0px 10px;
        position:relative;
        color: #ffffff;
        font-size: 11px;
        text-transform: uppercase;
    }


    #nav_menu a
    {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        color: #ffffff;
        text-decoration: none;
        padding: 0px 0px 0px 5px;
    }

    #nav_menu a:hover
    {
        text-decoration: none;
    }

    #nav_menu .select
    {
        background: url('/images/down.gif') no-repeat bottom right;
    }

    #nav_menu .down
    {

        background: url('/images/li_back.gif') repeat-x top;
    }

    #nav_menu li ul
    {
        display:none;
        left: 22px;
        list-style-type:none;
        padding: 10px 0px 0px 0px;
        position: absolute;
        top: 10px;
        width: 200px;
        margin: 0px;
    }

    #nav_menu li:hover ul, #nav_menu li.jshover ul
    {
        display: block;
    }

    #nav_menu li:hover a, #nav_menu li.jshover a
    {
        color: #ffb400;
    }


    #nav_menu li li
    {
       margin: 0px;
       padding: 0px;
       padding: 2px 0px 2px 0px;
       font-size: 11px;
       text-transform: none;
       float: none;
    }

    #nav_menu li li a
    {
        padding: 0px;
        font-size: 12px;
        color: #ffffff;
        text-decoration: underline;
    }

    #nav_menu li li a:hover
    {

    }


    .works
    {
        color: #000000;
        margin: 42px 0px 0px 30px;
        font-size: 18px;
    }

    .works .item
    {
        float: left;
        text-align: center;
        margin: 0px 30px 0px 0px;
    }

    .works .item div
    {
        text-align: left;
        margin: 0px 0px 10px 0px;
    }


    .works a
    {
        display: block;
        width: 133px;
        height: 102px;
        font-size: 11px;
        color: #ffffff;
        background-position: right top;
        text-decoration: none;
        text-align: center;
    }

    .works a:hover
    {
        background-position: left top;
        text-decoration: none;
    }

    .works .text
    {
        display:inline;
    }


    .works .work1 { background-image:url(/images/photo1.jpg); }
    .works .work2 { background-image:url(/images/photo2.jpg); }
    .works .work3 { background-image:url(/images/photo3.jpg); }