/* main tags */

html, body {height: 100%;}

body {font: normal 100% Arial; background: url(../img/body_bg.gif) center 0;}

a:hover {text-decoration: none;}

h1 {margin: 0 0 20px; font-size: 22px; font-family: Tahoma; font-weight: normal; color: #fff; text-transform: uppercase;}
h2 {margin: 0 0 15px; font-size: 20px; font-family: Tahoma; font-weight: normal; color: #ccc;}
h3 {margin: 0 0 10px; font-size: 14px; font-family: Tahoma; color: #ccc;}

/* structure */

#top {position: relative; width: 944px; height: auto !important; height: 100%; min-height: 100%; margin: 0 auto; background: url(../img/body_bg1.gif);}

#header {position: relative; height: 495px; background: url(../img/body_bg.gif);}
    #header-logo {position: absolute; left: 37px; top: 19px; width: 138px; height: 105px; background: url(../img/head_logo.gif) 0 0 no-repeat;}
        #header-logo a {display: block; height: 100%;}
        #header-logo span {position: absolute; left: 160px; top: 46px; display: block; width: 200px; height: 23px; background: url(../img/logo_text.gif) 0 0 no-repeat;}
    #header-slogan {position: absolute; top: 94px; left: 260px; width: 428px; height: 13px; background: url(../img/slogan.gif) no-repeat;}
    #header-phone {position: absolute; right: 8px; top: 50px; width: 182px; height: 44px; background: url(../img/head_phone.gif) 0 0 no-repeat;}
    #header-bicpig {position: absolute; left: 0; top: 139px; width: 944px; height: 356px; background: url(../img/bicpig.jpg) 0 0 no-repeat;}

#mainMenu {position: relative; z-index: 10; height: 74px; background: url(../img/menu_bg.gif);}
    #mainMenu table {width: 100%; height: 100%;}
        #mainMenu table td {text-align: center; vertical-align: middle;}
        #mainMenu table td.sep {width: 1px; background: url(../img/menu_sep.gif) 0 center no-repeat;}
    #mainMenu div {position: relative;}
    #mainMenu div.divHover {background: url(../img/menu_hover.gif);}
    #mainMenu a {display: block; height: 1%; padding: 26px 13px 31px; color: #fff; font: bold 14px Tahoma; text-transform: uppercase; text-decoration: none;}
        #mainMenu a.current, #mainMenu a:hover {background: url(../img/menu_hover.gif);}
        #mainMenu ul {z-index: 10; display: none; position: absolute; left: 0; top: 74px; padding: 15px 40px 20px 20px; background: #00c1dc; border-top: 1px solid #2e3338;}
            #mainMenu ul li {white-space: nowrap;}
                #mainMenu ul li a {display: block; height: auto; padding: 0; color: #292e34; font: normal 13px Tahoma; text-transform: none; text-decoration: underline; text-align: left !important;}
                    #mainMenu ul li a:hover {background: none; text-decoration: none !important;}

#body {padding-bottom: 119px; font-size: 0.75em;}
    *:first-child+html #body {margin-bottom: 119px;}
    #leftCol {position: relative; float: left; width: 549px; margin: 42px 0 0; padding: 0 20px;}
        #content {font-size: 1.083em; color: #959d9f;} #content.mp {height: 242px;}
            #content p {margin: 10px 0;}
            #content img {margin: 0 15px 10px 0;}
            #content a {color: #00ccff;}
            #content hr {margin: 20px 0; border: 0; border-top: 1px solid #41484e; height: 1px;}
#content ul {margin: 10px 0 15px 15px;}
#content ul li {position: relative; margin: 0 0 10px; padding: 0 0 0 12px; background: url(../img/li.gif) -6px 6px no-repeat; color: #959d9f; }
            
            #contactsForm table {width: 100%;}
                #contactsForm table td {padding: 5px 0; vertical-align: top;}
                #contactsForm table td.c1 {width: 120px; padding-top: 8px;}
                #contactsForm input, textarea {width: 300px;}
                #contactsForm textarea {height: 70px;}
                #contactsForm table td.c2 img {margin: 0 0 -10px;}
            
            .objects-entry {margin: 0 0 35px;}
            
            .gallery-entry {float: left; width: 144px; height: 190px; margin: 0 55px 10px 0; text-align: center;}
                .gallery-entry table {width: 100%; height: 144px; margin: 0 0 10px; background: #272a2f;}
                    .gallery-entry table td {vertical-align: middle;}
                .gallery-entry img {margin: 0 !important;}
            
            #gallery-telo {padding: 20px 0; background: #272a2f;}
                #gallery-telo img {display: block; margin: 0 auto 20px;}
                #gallery-telo p {margin: 0 50px 10px;}
            
            .faq-entry {margin: 0 0 30px;}
                .faq-entry p {margin: 8px 0 !important;}
                .faq-entry span {color: #fff; font-weight: bold;}
                .faq-entry a.title {color: #fff !important; font-weight: bold;}
            
            #vacancy-info {width: 100%; margin: 20px 0 0;}
                #vacancy-info tr.nobor td {padding-top: 15px !important; border: 0 !important;}
                #vacancy-info td {padding: 6px 0; border-bottom: 1px solid #383e44;}
                    #vacancy-info td.c1 {width: 180px;}
                    #vacancy-info td.c2 {color: #fff;}
            
            #vacancy-form-info {position: relative; top: 30px; float: right; width: 100px; font-size: 10px;}        
            #vacancy-form {margin: 20px 0 0;}
                #vacancy-form td {padding: 3px 0; vertical-align: top;}
                    #vacancy-form td.c1 {width: 200px; padding-top: 7px; padding-right: 20px;}
                    #vacancy-form td.c2 {width: 300px;}
                    #vacancy-form table td {padding: 3px 6px 3px 0; vertical-align: middle !important;}
                    #vacancy-form input {width: 296px;}
                    #vacancy-form select {width: 303px;}
                    #vacancy-form textarea {width: 296px; height: 90px;}
            
            #pageNav {clear: both; padding: 20px 0 0; text-align: center;}
                #pageNav span, #pageNav a {margin: 0 3px;}
                #pageNav span {font-weight: bold; color: #fff;}
            
            #pageNav2 {width: 100%; margin: 20px 0 0;}
                #pageNav2 td {width: 33%; padding: 1px 0;}
                #pageNav2 td.c2 {text-align: center; line-height: 12px;}
                #pageNav2 td.c3 {text-align: right;}
        
        .mp-uslugi-entry {float: left; width: 225px; margin: 0 40px 0 0; font-size: 13px;}
            .mp-uslugi-entry a {display: block; font: 18px Tahoma; color: #00ccff; text-align: center;}
            .mp-uslugi-entry img {margin: 0 0 15px;}
            .mp-uslugi-entry span {font-weight: bold; color: #fff;}
            .mp-uslugi-entry p {margin: 10px 0; color: #7b878a;}
        
        #leftCol #horline {height: 1px; margin: 0 -20px 42px; font-size: 1px; background: url(../img/horline.gif) 0 0 repeat-x;}
    #rightCol {float: right; width: 315px; padding: 0 20px;}
        #rightCol-bg {position: relative; width: 314px; margin: 0 -20px 42px -19px; padding: 45px 20px 25px 20px; background: url(../img/body_bg2.gif);}
        #rightCol a {color: #00ccff;}
        

#bottom {position: relative; height: 88px; margin-top: -89px; border-top: 1px solid #41484e; background: url(../img/footer_bg.gif) center 0;}
    #footer {position: relative; width: 944px; margin: 0 auto; font: 11px Tahoma; color: #7b878a;}
        #footer-copyright {position: absolute; left: 20px; top: 18px; width: 380px;}
        #footer-counter {position: absolute; left: 465px; top: 28px; width: 380px;}
        #footer-verline {position: absolute; left: 589px; top: 0; width: 1px; height: 88px; background: #12151a;}
        #footer-solus {position: absolute; left: 625px; top: 10px; width: 280px;}
            #footer-solus a {color: #7b878a;}
        
/* styles */

.ul-1 {margin: 10px 0 15px 15px;}
    .ul-1 li {position: relative; margin: 0 0 10px; padding: 0 0 0 12px; background: url(../img/li_1.gif) 0 6px no-repeat; color: #fff; font-weight: bold;}

.ul-2 {margin: 10px 0 15px 10px;}
    .ul-2 li {position: relative; margin: 0 0 10px; padding: 0 0 0 17px; background: url(../img/li_2.gif) 0 6px no-repeat; color: #fff;}
    
.picbor {border: 1px solid #4a585b;}
.bigblue {display: block; margin: 8px 0; font-size: 18px;}