/* ---------------------------- BASE ---------------------------- */

body
{
    background-color: #524c4c; 
    line-height : 1;
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 12px;
    font-weight : normal;
}

ul li
{
    list-style : none;
}

a
{
    text-decoration : none;
}

p
{
    line-height   : 1.2;
    margin-bottom : 15px;
}

img
{
    vertical-align : top;
}

/* ---------------------------- RESET ---------------------------- */

*
{          
    margin  : 0px;
    outline : 0px;
    padding : 0px;
}

img
{
    border : 0px;   
}

blockquote, q 
{
    quotes : none;
}

blockquote:before, blockquote:after, q:before, q:after 
{
    content : '';
    content : none;
}

:focus 
{
    outline : 0;
}

ins 
{
    text-decoration : none;
}

del 
{
    text-decoration : line-through;
}

table 
{
    border-collapse : collapse;
    border-spacing  : 0;
}

/* ---------------------------- WRAP ---------------------------- */

div#wrap
{
    /*background-image    : url(/media/images/bgd/home.jpg);
    background-repeat   : no-repeat;
    background-position : top center;*/
    height     : 100%;
    width      : 100%; 
    position   : absolute;
    z-index    : 2;
}

/* ---------------------------- GLOBAL ---------------------------- */

div#wrap div#global
{
    margin-left  : auto;
    margin-right : auto;
    /*margin-top   : 2px;*/
    width        : 1000px;
}

/* ---------------------------- LEFT SECTION ---------------------------- */

div#wrap div#global div#left_section
{
    float         : left;
    /*height        : 790px;*/
    padding-right : 3px;
    /*position      : inherit;*/
    width         : 214px;
}

div#wrap div#global div#left_section div#logo
{
    height   : 220px;
    width    : 100%;
    position : relative;
    z-index  : 999999;
}

div#wrap div#global div#left_section div#sub_menu
{
    display : none;    
}

div#wrap div#global div#left_section div#address
{
    /*height       : 103px;*/
    padding-right : 12px;
}

div#wrap div#global div#left_section div#left_section_bottom
{
    bottom   : 35px;
    position : absolute;
    width    : 214px;
}

div#wrap div#global div#left_section div#address div.address_title
{
    padding-bottom : 10px;
    text-transform : uppercase;    
}

div#wrap div#global div#left_section div#address,
div#wrap div#global div#left_section div#address a,
div#wrap div#global div#left_section div#address div.address_title
{
    color          : #000000;
    font-family    : Arial;
    font-size      : 12px;
    font-weight    : normal;
    letter-spacing : 1px;
    line-height    : 17px;
    text-align     : right;
}

div#wrap div#global div#left_section div#address div.address_title
{
    font-weight : bold;
}

div#wrap div#global div#left_section div#address a
{
    text-decoration : none;
}

div#wrap div#global div#left_section div#address span.title
{
    font-size   : 13px;
    font-weight : bold;
}

div#wrap div#global div#left_section div#partners
{
    margin-bottom : 20px;
}

div#wrap div#global div#left_section div#partners a
{
    background-repeat : no-repeat;
    display           : block;
    font-size         : 0px;    
    height            : 60px;
    text-indent       : -9999px;
    width             : 204px;
}

div#wrap div#global div#left_section div#partners a:hover
{
    background-position : 0px -60px;
}

/* ---------------------------- MAIN CONTENT ---------------------------- */
div#wrap div#global div#main_content
{
    background : none;
    float      : right;
    width      : 783px;
}

div#wrap div#global div#main_content div#menu
{
    background-image  : url(../../media/images/bgd/menu.png);
    background-repeat : repeat-x;
    height            : 42px;
}

div#wrap div#global div#main_content div#menu ul li
{
    border-top   : 1px solid #e3e3e3;
    border-right : 1px solid #e3e3e3;
    float        : left;
    height       : 36px;
    list-style   : none outside none;
    width        : 260px;
}

div#wrap div#global div#main_content div#menu ul li a
{
    color          : #000000;
    display        : block;
    font-family    : Arial;
    font-size      : 14px;
    height         : 20px;
    margin-left    : 4px;
    margin-top     : 4px;
    padding-bottom : 1px;
    padding-left   : 4px;
    padding-top    : 7px;     
    padding-right  : 4px;
    text-align     : center;
    text-transform : uppercase;
    width          : 244px;
}

div#wrap div#global div#main_content div#menu ul li a:hover
{
    background-color : #dbd9d9;
}

div#wrap div#global div#main_content div#menu ul li a.menu_selected
{
    background-color : #d3cdcd;
}

div#wrap div#global div#main_content div#menu ul li div.box_for_selected_menu
{
    /* You need to be sure that the width is the same for li */
    background-color : #000000;
    display          : none;
    height           : 10px;
    position         : absolute;
    width            : 260px;
    z-index          : 600;
}

div#wrap div#global div#main_content div#content
{
    /* There is a IE6 hack. The min-height : XXpx;, height : auto !important and height : XXpx must be define. This is now working in every browser. */
    background        : none;
    /*height            : auto !important;
    height            : 725px;*/
    padding-bottom    : 25px;
    padding-left      : 3px;
    padding-top       : 8px;
    /*min-height        : 725px;*/
}

div#wrap div#global div#main_content div#content img
{
    margin-left : 85px;
    margin-top  : 250px;
}

/* ---------------------------- FOOTER ---------------------------- */

div#wrap div#footer
{
    background-color : #ffffff;
    height           : 34px;
    position         : fixed;   
    bottom           : 0px;
    left             : 50%;
    margin-left      : -281px;
    width            : 780px;
}

div#wrap div#global div#footer div#copyright
{
    top      : 12px;
    left     : -150px;
    position : relative;
    width    : 155px;    
}

div#wrap div#global div#footer div#copyright a
{
    color       : #ffffff;
    font-family : Arial;
    font-size   : 10px;
}

div#wrap div#global div#footer div#footer_menu
{
    float : left;
}

div#wrap div#footer ul
{
    /*margin-top: 10px;*/
}

div#wrap div#footer ul li
{
    display : inline;
    padding : 10px;
}

div#wrap div#footer ul li.li_broder_right
{
    border-right : 2px solid #E3E3E3;
}  

div#wrap div#footer ul li a.footer
{
    color          : #000000;
    font-family    : Arial;
    font-size      : 10px;
    text-transform : uppercase;
}

/* ---------------------------- CLASS ---------------------------- */

div#wrap div#global div#footer div#created_and_all_rights_reserved
{
    /*float    : right;*/
    right    : 6px;
    position : absolute;
    top      : 12px;
}
  
div#wrap div#global div#footer div#created_and_all_rights_reserved a
{
    color       : #8d8d8d;
    font-family : Arial;
    font-size   : 10px;
}

div#background 
{
    height      : 730px; 
    position    : fixed;
    left        : 50%;
    margin-left : -550px;
    width       : 1100px;
    z-index     : 1;    
}

div#background div
{
    background-color : transparent;
    left             : 0;
    opacity          : 0.0;
    position         : absolute;    
    top              : 0;    
    z-index          : 8;    
}

div#background div.active 
{
    opacity : 1.0;
    z-index : 10;    
}

div#background div.last-active 
{
    z-index : 9;
}

div#background div img 
{
    border  : 0;
    display : block;    
}

/* ---------------------------- CLASS ---------------------------- */
.clear
{
    clear : both;
}

.message_error_class,
.message_success_class
{
    font-family : Arial;    
    font-size   : 12px;
    font-weight : bold;
}

.message_error_class
{
    color : #FF0000;
}

.message_success_class
{
    color : #55aa09;
}