/******************************************************************************
*                                                                             *
*   Hit2Lead // First page                                                    *
*   ----------------------------------------------------------------------    *
*   Copyright (C) 1998-2010 web-studio "Cherry-Design"                        *
*   URL: http://www.cherry-design.spb.ru/                                     *
*   E-mail: cherry-design@mail.ru                                             *
*                                                                             *
*******************************************************************************/

/* General preferences
-----------------------------------------------------------------------------*/

body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11pt;
    text-align: center;
    color: #000000;
}

/* Container
-----------------------------------------------------------------------------*/

#container {
    width: 760px;
    margin: 0px auto;
    padding: 8px 20px 0px 20px;
    text-align: left;
    background-color: #ffffff;
}

/* User menu
-----------------------------------------------------------------------------*/

#user_menu {
    position: absolute;
    width: 760px;
    margin: 0px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-align: right;
}

#user_menu p {
    padding: 0px;
    margin: 2px 0px 0px 0px;
}

#user_menu a {
    padding: 0px 3px;
    color: #000000;
    text-decoration: none;
}

#user_menu p span.selected,
#user_menu a:hover {
    color: #FDCC11;
}

/* Website title
-----------------------------------------------------------------------------*/

#website_title {
    width: 760px;
    height: 54px;
}

#website_title h1 {
    margin: 0px;
    padding: 0px;
    background: #ffffff url("../pic/logo_index.gif") 0px -15px no-repeat;
}

#website_title h1 a {
    display: block;
    width: 165px;
    height: 54px;
}

#website_title h1 span {
    display: none;
}

/* Main menu
-----------------------------------------------------------------------------*/

#main_menu {
    position: absolute;
    width: 760px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
}

#main_menu ul {
    padding: 4px 0px 0px 412px;
    margin: 0px;
    list-style-type: none;
}

#main_menu ul li {
    display: block;
    float: left;
}

#main_menu a {
    display: block;
    padding: 3px 8px;
    color: #000000;
    text-decoration: none;
}

#main_menu ul li a:hover {
    background-color: #e0e0e0;
}

#main_menu ul li.selected a,
#main_menu ul li.selected a:hover {
    background-color: #FDCC11;
}

#main_menu ul#dropdown_search,
#main_menu ul#dropdown_information {
    display: none;
    width: 150px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    background-color: #c0c0c0;
}

#main_menu ul#dropdown_search li,
#main_menu ul#dropdown_information li {
    width: 144px;
    padding: 3px;
}

#main_menu ul#dropdown_search li a,
#main_menu ul#dropdown_information li a {
    padding: 2px 5px;
}

/* Section title
-----------------------------------------------------------------------------*/

#section_title {
    width: 760px;
    height: 90px;
    padding: 0px 0px 15px 0px;
}

#section_title h1,
#section_title p {
    display: none;
}

#section_title {
    border-top: 4px #FDCC11 solid;
    background: transparent url("../pic/bg_index.gif") no-repeat;
}

/* Block 1
-----------------------------------------------------------------------------*/

#block_1 {
    position: absolute;
    margin: 0px 0px 0px 0px;
    width: 240px;
    height: 165px;
    background: transparent url("../pic/block_left.gif") no-repeat;
}

#block_1 h2 {
    margin: 0px;
    padding: 16px 45px 0px 16px;
    font-size: 12pt;
    height: 20px;
}

#block_1 p {
    margin: 0px;
    padding: 10px 45px 0px 16px;
    font-size: 10pt;
    height: 64px;
}

#block_1 p.link {
    padding: 24px 45px 0px 38px;
    color: #277AB8;
    height: auto;
}

#block_1 p.link a {
    color: #277AB8;
}

/* Block 2
-----------------------------------------------------------------------------*/

#block_2 {
    position: absolute;
    margin: 0px 0px 0px 525px;
    width: 240px;
    height: 165px;
    background: transparent url("../pic/block_right.gif") no-repeat;
}

#block_2 h2 {
    margin: 0px;
    padding: 16px 16px 0px 45px;
    font-size: 12pt;
    height: 20px;
}

#block_2 p {
    margin: 0px;
    padding: 10px 16px 0px 45px;
    font-size: 10pt;
    height: 64px;
}

#block_2 p.link {
    padding: 24px 16px 0px 66px;
    color: #277AB8;
    height: auto;
}

#block_2 p.link a {
    color: #277AB8;
}

/* Block 3
-----------------------------------------------------------------------------*/

#block_3 {
    position: absolute;
    margin: 186px 0px 0px 0px;
    width: 212px;
    height: 64px;
    background: transparent url("../pic/block_frame.gif") no-repeat;

}

#block_3 h2 {
    margin: 0px;
    padding: 12px 12px 0px 14px;
    font-size: 12pt;
    height: 20px;
}

#block_3 p.link {
    margin: 0px;
    font-size: 10pt;
    padding: 3px 14px 0px 38px;
    color: #BB0904;
}

#block_3 p.link a {
    color: #BB0904;
}

/* Block 4
-----------------------------------------------------------------------------*/

#block_4 {
    position: absolute;
    margin: 186px 0px 0px 552px;
    width: 212px;
    height: 64px;
    background: transparent url("../pic/block_frame.gif") no-repeat;
}

#block_4 h2 {
    margin: 0px;
    padding: 12px 12px 0px 14px;
    font-size: 12pt;
    height: 20px;
}

#block_4 p.link {
    margin: 0px;
    font-size: 10pt;
    padding: 3px 14px 0px 38px;
    color: #BB0904;
}

#block_4 p.link a {
    color: #BB0904;
}

/* Content
-----------------------------------------------------------------------------*/

#content {
    width: 760px;
    height: 356px;
}

#content p.visual {
    padding: 0px;
    margin: -19px 0px 0px 224px;
    width: 320px;
    height: 335px;
}

#content p.visual img {
    border: 0px;
}

/* Footer
-----------------------------------------------------------------------------*/

#footer {
    width: 760px;
    height: 107px;
    margin: -82px 0px 0px 0px;
    padding: 10px 0px;
    background: transparent url("../pic/bg_footer.gif") left bottom no-repeat;
}

#footer p {
    padding: 68px 0px 0px 20px;
    margin: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    color: #000000;
}

/* Footer banners
-----------------------------------------------------------------------------*/

#footer_banners {
    width: 760px;
    height: 222px;
    margin: -82px 0px 0px 0px;
    padding: 10px 0px;
    background: transparent url("../pic/bg_footer_banners.gif") left bottom no-repeat;
}

#footer_banners ul {
    position: absolute;
    margin: 43px 0px 0px 20px;
    padding: 0px;
    list-style-type: none;
}
#footer_banners ul li {
    display: block;
    float: left;
    padding: 10px 20px 10px 0px;
}

#footer_banners ul li.last {
    padding: 10px 0px 10px 0px;
}

#footer_banners ul li img {
    border: 0px;
}

#footer_banners p {
    padding: 184px 0px 0px 20px;
    margin: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    color: #000000;
    clear: both;
}

/* Copyrights
-----------------------------------------------------------------------------*/

#copyright {
    width: 760px;
    margin: 0px;
    padding: 10px 0px;
}

#copyright ul {
    margin: 0px;
    list-style-type: none;
    text-align: center;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 7pt;
    line-height: 10pt;
    color: #999999;
}

#copyright a {
    color: #999999;
    text-decoration: none;
}

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