/* (c) Copyright Versane.
   All Rights Reserved. Duplication prohibited.
   Redistribution, Transmission, displayed by any means prohibited.
   You may not alter or remove any trademark, copyright or other notices.
   Author: Alexey Horyakov
---------------------------------------- */

/* Global
---------------------------------------- */

* { padding: 0; margin: 0; }
html, body { width: 100%; height: 100%; }
body { font: normal 12px/1.3 Verdana, Tahoma, sans-serif; color: #222; text-align: center; background: #FFF url('../img/bg.png') top center no-repeat; }
body.new-year { background: #FFF url('../img/bg_new_year.png') top center no-repeat; }

img, fieldset { border: 0; }
fieldset legend { display: none; }

ul, li { list-style-type: none; }

a:link,
a:visited,
a:hover,
a:active { background: transparent; color: #2166bf; text-decoration: underline; }
a:hover { text-decoration: none; }

table { border: 0; border-collapse: collapse; }
table td { padding: 0; }

.png {  }

.clearfix { zoom: 1; }
.clearfix:after { content: ' '; clear: both; display: block; width: 0; height: 0; overflow: hidden; font-size: 0; }

/* Base
---------------------------------------- */

#wrapper { position: relative; max-width: 1247px; min-width: 958px; min-height: 100%; height: auto !important; height: 100%; padding: 0 20px; margin: 0 auto -46px auto; text-align: left; }
#wrapper #push { position: relative; z-index: 1; height: 66px; clear: both; }

#content { padding: 0 43px 0 36px; }

#content #sidebar { float: right; width: 30%; }
#content #sidebar .reference { font-family: Arial; font-size: 12px; color: #6c6c6c; }
#content #main { float: left; width: 100%; margin-right: -30%; }
#content #main #main-content { margin: -18px 34% 0 0; font-family: Arial; font-size: 14px; line-height: 20px; }
#content #main #main-content h2 { font-family: Arial; font-size: 24px; font-weight: normal; padding-bottom: 23px; padding-top: 18px; }
#content #main #main-content p { padding-bottom: 20px; }

#padding-top { height: 25px; }

#main-content h1, #column h1 { font-family: Arial; font-size: 26px; font-weight: normal; padding-bottom: 25px; padding-top: 20px; }

/* Header
---------------------------------------- */

#header { position: relative; z-index: 100; height: 46px; margin: 0 10px 34px 10px; background: url('../img/header_bg.png') top left repeat-x; }
#header .header-l,
#header .header-r { position: absolute; top: 0; left: -10px; width: 10px; height: 46px; background: url('../img/header_left_bg.png') top left no-repeat; }
#header .header-r { left: 100%; background: url('../img/header_right_bg.png') top left no-repeat; }

#header #header-menu { /*padding: 0 168px 0 228px;*/ padding: 0 0 0 228px; }
#header #header-menu #header-menu-div { width: 100%; position: relative; }

#header h1 { position: absolute; top: 12px; left: 30px; display: block; width: 172px; height: 19px; text-indent: -3000em; overflow: hidden; background: url('../img/logo.gif') top left no-repeat; }
#header h1 a { display: block; height: 100%; }

/*#search { position: absolute; top: 10px; left: 100%; margin-left: -150px; width: 141px; display: none; }
#search fieldset { height: 22px; display: block; background: url('../img/search_bg.gif') top left no-repeat; }
#search input { width: 108px; background: transparent; border: 0px solid #FFF; margin: 5px 0 0 22px; font-family: Tahoma; font-size: 11px; color: #8f8e8e; }*/

#menu { display: block; height: 41px; padding: 1px 0 0 3px; background: url('../img/menu_vr.gif') 0 1px no-repeat; }
#menu li { position: relative; display: block; float: left; height: 40px; width: 14.23%; text-align: center; line-height: 41px; font-weight: bold; color: #6c6c6c; background: url('../img/menu_vr.gif') top right no-repeat; }
#menu li#contacts { background: none; }
#menu li.current { background: url('../img/menu_current_bg.gif') top right no-repeat !important; height: 44px; padding-left: 1px; margin-left: -1px; }
.new-year #menu li.current { height: 40px; }
#menu li a { display: block; height: 100%; }

#menu li a:link,
#menu li a:visited,
#menu li a:hover,
#menu li a:active,
.pop-menu a:link,
.pop-menu a:visited,
.pop-menu a:hover,
.pop-menu a:active { font-weight: bold; color: #6c6c6c; text-decoration: none; }
#menu li a:hover,
.pop-menu a:hover { color: #2166bf; }

.pop-menu { position: absolute; top: 41px; left: 0; z-index: 9000; display: none; text-align: left; margin-left: 2px; }
.pop-menu .content { background: #f8f8f8; }
.pop-menu .content a { display: block; line-height: 32px; padding: 0 18px; }
.pop-menu .content a:hover { background: #d0e9f6; }
.pop-menu .right { width: 5px; background: url('../img/sh_right.png'); }
.pop-menu .bottom { height: 6px; background: url('../img/sh_bottom.png'); }
.pop-menu .bottom-right { width: 5px; height: 6px; background: url('../img/sh_bottom_right.png'); }

.pop-menu-clients { left: 42.81% !important; }
.pop-menu-company { left: 71.35% !important; }

/* Bar
---------------------------------------- */

#bar,
#bar .bar-l,
#bar .bar-r { background-image: url('../img/bar_bg.gif'); background-repeat: no-repeat; }

.new-year #bar,
.new-year #bar .bar-l,
.new-year #bar .bar-r { background-image: url('../img/bar_bg_new_year.png'); }

#bar { position: relative; margin: 0 15px; height: 268px; background-repeat: repeat-x; margin-bottom: 38px; }
#bar .bar-l,
#bar .bar-r { position: absolute; top: 0; left: -15px; width: 15px; height: 268px; background-position: left -268px; }
#bar .bar-r { left: 100%; background-position: right -268px; }

#bar .bar-content { position: relative; top: 2px; z-index: 1; height: 261px; margin: 0 -10px; background: url('../img/bar_bg.png') top left no-repeat; }
#bar .bar-content ul { display: block; height: 241px; padding-top: 20px; }
#bar .bar-content ul li { width: 25%; float: left; display: block; padding: 189px 0 10px 0; position: relative; text-align: center; }
#bar .bar-content ul li a span { position: absolute; top: 0; left: 50%; width: 187px; height: 187px; margin-left: -93px; cursor: pointer; }
#bar .bar-content ul li a { padding: 2px 5px 3px 5px; text-transform: lowercase; font-weight: bold; }
#bar .bar-content ul li a:hover { color: #FFF; text-decoration: underline; background: #079272; }

#bar .bar-content ul li.sites a span { background: url('../img/bar_sites.png') top left no-repeat; }
#bar .bar-content ul li.corp a span { background: url('../img/bar_corp.png') top left no-repeat; }
#bar .bar-content ul li.networks a span { background: url('../img/bar_networks.png') top left no-repeat; }
#bar .bar-content ul li.mobile a span { background: url('../img/bar_mobile.png') top left no-repeat; }

.new-year #bar .bar-content ul li.corp a span { background: url('../img/bar_corp_new_year.png') top left no-repeat; }

/* Box
---------------------------------------- */

.box { border-top: 1px solid #f8f8f9; border-right: 1px solid #f9f9f9; border-bottom: 1px solid #dadada; border-left: 1px solid #f9f9f9; background: #ebebeb; padding: 10px 19px 0 19px; margin-bottom: 22px; }
.box h3 { font-size: 20px; font-weight: normal; color: #6c6c6c; padding-bottom: 22px; }
.box p.date { font-size: 13px; font-weight: normal; color: #949494; padding: 0; margin-bottom: 0px; }
.box p { padding: 0 0 10px 0; line-height: 19px; }
.box p.blog { margin-bottom: 10px; }

/* Columns
---------------------------------------- */

#column-left { position: relative; z-index: 1; float: left; width: 264px; border-right: 2px solid #efefef; padding-top: 256px; margin-top: 32px; }
#column-center { float: right; width: 100%; margin-left: -266px; margin-top: 43px; }
#column-center #column { padding: 0 120px 0 41px; margin-left: 264px; border-left: 2px solid #efefef; font-size: 14px; }
#column-center #column h2 { font-size: 27px; font-weight: normal; padding-bottom: 39px; }
#column-center #column h3 { position: relative; font-size: 19px; font-weight: normal; padding-bottom: 20px; color: #2166bf; }
#column-center #column h4 { font-family: Arial; font-size: 16px; font-weight: bold; color: #2166bf; padding-bottom: 20px; }
#column-center #column h5 { color: #333; padding-bottom: 20px; }
#column-center #column p { font-family: Arial; font-size: 14px; line-height: 20px; padding-bottom: 20px; }
#column-center #column b { color: #2166bf; }
#column-center #column ul,
#column-center #column ol { font-family: Arial; padding-bottom: 20px; }
#column-center #column ol,
#column-center #column ol li { margin-left: 30px; list-style-type: decimal !important; }
#column-center #column pre { border: 1px dashed #777777; background: #EEEEEE; padding: 5px; margin-bottom: 20px; font-size: 12px; overflow: auto; }
#column-center #column img { margin-bottom: 20px; }
#column-center #column .text-block { padding-left: 50px; }
#column-center .right-column { padding-right: 297px !important; }

#column-left ul { margin: 29px 0 0 26px; font-size: 13px; color: #949494; text-transform: lowercase; }
#column-left ul li { padding: 0 0 13px 0; }
#column-left ul li.current { padding: 0 10px 13px 10px; }
#column-left ul li a { padding: 0 10px 3px 10px; }
#column-left ul li a:hover { background: #079272; color: #FFF; text-decoration: underline; }

#right-column { position: absolute; top: 148px; right: 20px; width: 209px; background: #ebebeb; border-bottom: 1px solid #dadada; color: #6c6c6c; padding: 11px 22px; }
#right-column h2 { font-size: 20px; font-weight: normal; padding-bottom: 23px; }
#right-column h3 { font-family: Tahoma; font-size: 12px; font-weight: bold; padding-bottom: 5px; }
#right-column p { font-family: Tahoma; font-size: 12px; padding-bottom: 24px; }
#right-column ul { padding-bottom: 22px; }
#right-column ul li { position: relative; font-weight: bold; background: url('../img/li_bg_small.gif') 0 8px no-repeat; padding: 0 0 2px 16px; line-height: 18px; }
#right-column ul.no-bold li { font-weight: normal }

/* Pager
---------------------------------------- */

.pager { display: block; height: 20px; text-transform: lowercase; }
.pager li { display: block; float: left; font-weight: bold; margin-right: 11px; line-height: 20px; }
.pager li a { display: block; padding: 2px; margin: -2px; font-weight: normal; }

/* Ask a question link
---------------------------------------- */

a#ask-a-question { display: inline-block; line-height: 21px; padding-left: 24px; margin: 11px 0 0 20px; font-size: 12px; font-weight: bold; color: #079272; background: url('../img/question.gif') top left no-repeat !important; }
a.ask-a-question-inside { margin-left: 35px !important; }
span.ask-a-question { float: left; display: block; line-height: 21px; padding-left: 24px; font-size: 12px; font-weight: bold; color: #079272; background: url('../img/question.gif') top left no-repeat !important; }

a#ask-a-question:link,
a#ask-a-question:visited,
a#ask-a-question:hover,
a#ask-a-question:active { color: #079272; }

/* Pre-order link
---------------------------------------- */

a.pre-order { display: inline-block; line-height: 21px; padding-left: 24px; margin: 19px 0 0 35px; font-size: 12px; font-weight: bold; color: #079272; background: url('../img/order.gif') top left no-repeat !important; }

a.pre-order:link,
a.pre-order:visited,
a.pre-order:hover,
a.pre-order:active { color: #079272; }

/* Ask a question form
---------------------------------------- */

#question-form {  }
#question-form fieldset { padding: 18px 0 0 0; }
#question-form .field { clear: both; text-align: right; margin-bottom: 8px; }
#question-form .field label { float: left; font-size: 13px; padding-top: 2px; }
#question-form .field input,
#question-form .field select { width: 65%; }
#question-form .field select { width: 66%; }
#question-form .field textarea { width: 97%; height: 90px; padding: 1px; }
#question-form a.close-form { float: right; display: block; width: 11px; height: 11px; text-indent: -3000em; overflow: hidden; background: url('../img/close_block.gif') 2px 2px no-repeat; }
#question-form .header-form { height: 21px; }

.question-form-div-absolute { position: relative; }
.question-form-div-absolute form { margin: 0 15px; }
.question-form-div-absolute input,
.question-form-div-absolute select { width: 60% !important; }
.question-form-div-absolute select { width: 62% !important; }

/* Ul style
---------------------------------------- */

ul.dot { font-family: Arial; font-size: 14px; line-height: 20px; padding-bottom: 20px; }
ul.dot li { position: relative; padding-left: 20px; padding-bottom: 12px; background: url('../img/li_bg.gif') 7px 8px no-repeat; }
ul.line li { position: relative; padding-left: 19px; margin-left: 30px; background: url('../img/li_bg_line.gif') 0 10px no-repeat; }

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

#footer { position: relative; z-index: 200; display: block; height: 50px; padding: 0 20px; color: #6c6c6c; border-top: 5px solid #efefef; background: #efefef url('../img/footer_bg.gif') top left repeat-x; }
#footer li { float: left; display: block; line-height: 50px; padding: 0 !important; }
#footer li.copyright { float: right; margin: 5px 30px 0 0; line-height: 20px; text-align: right; }
#footer li.rambler { float: right; margin-top: 5px;}
#footer li.counter { float: right; margin: 10px 0 0 10px; line-height: normal; }
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active { color: #6c6c6c; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* Buttons
---------------------------------------- */

a.b { display: block; float: left; height: 26px; overflow: hidden; text-indent: -3000em; text-align: left; }
a.b-clear { width: 69px; background: url('../img/b_clear.gif') top left no-repeat !important; }
a.b-order { width: 122px; background: url('../img/b_order.gif') top left no-repeat !important; }
a.b-send { width: 94px; background: url('../img/b_send.gif') top left no-repeat !important; }

/* Other
---------------------------------------- */

.clear { clear: both; font-size: 0; overflow: hidden; }

/*
----------------------------------------
----------------------------------------
----------------------------------------
 Pages
----------------------------------------
----------------------------------------
---------------------------------------- */

/* Page: portfolio
---------------------------------------- */

#page-portfolio #column-left { background: url('../img/column/portfolio.png') -4px 0 no-repeat; }

#page-portfolio #portfolio-view { overflow: hidden; height: 1%; margin-top: 56px; }
#page-portfolio #portfolio-view li { width: 190px; height: 50px; overflow: hidden; float: left; padding: 148px 0 60px 0; margin: 0 35px; position: relative; text-align: center; font-family: Arial; }
#page-portfolio #portfolio-view li a span { position: absolute; top: 0; left: 50%; width: 190px; height: 140px; margin-left: -95px; background: #FFF; cursor: pointer; }
#page-portfolio #column { padding-right: 0; }

/* Page: portfolio-about
---------------------------------------- */

#page-portfolio-about #wrapper { min-width: 998px; }
#page-portfolio-about #column-left { background: url('../img/column/portfolio.png') -4px 0 no-repeat; }

#page-portfolio-about #column { padding: 0 0 0 40px; }
#page-portfolio-about #column .image_active { border: 3px solid #2166BF; }

#page-portfolio-about #column h2 { padding-bottom: 4px; }
#page-portfolio-about #column h2.link:hover { text-decoration: underline; }
#page-portfolio-about #column h3 { font-size: 13px; font-weight: normal; color: #949494; padding: 0; margin-bottom: 20px; }
#page-portfolio-about #column p { padding: 25px 0; }
#page-portfolio-about #column img { display: block; margin: 0 0 5px 0; border: 1px solid #CCC; }
#page-portfolio-about #column i { font-family: Arial; font-size: 14px; }
#page-portfolio-about ul li { padding-bottom: 10px; }
#page-portfolio-about ul li.padding { padding-bottom: 25px; }

/* Page: contacts
---------------------------------------- */

#page-contacts #column-left { background: url('../img/column/contacts.png') -4px 0 no-repeat; }

#page-contacts #column { padding-right: 0; }
#page-contacts #column h4 { font-family: Arial; font-size: 16px; color: #6c6c6c; font-weight: bold; }
#page-contacts #column p b { font-size: 12px; }
#page-contacts #column .map { float: left; width: 412px; }
#page-contacts #column .cont { float: left; width: 350px; padding: 0 0 0 15px; }

/* Page: mobile
---------------------------------------- */

#page-mobile #column-left { background: url('../img/column/mobile.png') -4px 0 no-repeat; }

#page-mobile #column-center #column h3 { display: block; }

.slideshow { position: relative; float: right; margin-left: 30px; height: 287px; width: 200px; }
.slideshow img { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; margin: 0 !important; width: 200px; }
.slideshow img.active { z-index: 10; opacity: 1.0; }
.slideshow img.last-active { z-index: 9; }

/* Page: vacancies
---------------------------------------- */

#page-vacancies #column-left { background: url('../img/column/vacancies.png') -4px 0 no-repeat; }

#page-vacancies .padding-right { padding-right: 259px; }
#page-vacancies #vacancies-list .vacancy-block { position: relative; font-family: Arial; font-size: 14px; line-height: 19px; background: #ebebeb; padding: 15px 21px; margin: 0 0 20px -21px; }
#page-vacancies #vacancies-list .vacancy-block ul li { padding: 0 0 2px 0; }
#page-vacancies #vacancies-list .vacancy-block ul li.what { padding-top: 20px; }
#page-vacancies #vacancies-list .vacancy-block h2 { font-size: 16px; font-weight: bold; color: #6c6c6c; padding-bottom: 21px; }
#page-vacancies #vacancies-list a { font-family: Arial; font-weight: bold; font-size: 14px; }
#page-vacancies #vacancies-list b { color: #000; }

#page-vacancies #vacancies-form .field { margin-bottom: 11px; }
#page-vacancies #vacancies-form input { width: 100%; color: #000000; font-family: Tahoma; font-size: 12px; padding: 1px 2px; }
#page-vacancies #vacancies-form select { width: 100%; color: #6c6c6c; font-family: Tahoma; font-size: 12px; padding: 1px 2px; }
#page-vacancies #vacancies-form select { width: 104%; }
#page-vacancies #vacancies-form textarea { width: 100%; height: 72px; color: #000000; font-family: Tahoma; font-size: 12px; padding: 1px 2px; //width: 101%; }

#page-vacancies #vacancies-form .inactive { color: #6c6c6c; }

#page-vacancies #fileContainer img { margin: 4px 0 0 4px; }

#page-vacancies #vacancies-list .vacancy-block .close { position: absolute; top: 19px; right: 19px; height: 10px; z-index: 20; }
#page-vacancies #vacancies-list .vacancy-block .close a { float: right; display: block; width: 11px; height: 10px; overflow: hidden; text-indent: -3000em; background: url('../img/close_vacancy.gif') top left no-repeat; }

/* Page: workshop
---------------------------------------- */

#page-workshop #column-left { background: url('../img/column/workshop.png') -2px 0 no-repeat; }

#page-workshop #workshop-list .workshop-block { position: relative; font-family: Arial; font-size: 14px; line-height: 19px; background: #ebebeb; padding: 15px 21px; margin: 0 0 10px -21px; }
#page-workshop #workshop-list .workshop-block pre { border: 1px dashed #777777; background: #FFFFFF; padding: 5px; margin-bottom: 20px; font-size: 12px; overflow: auto; }
#page-workshop #workshop-list .workshop-block .close { position: absolute; top: 19px; right: 19px; height: 10px; z-index: 20; }
#page-workshop #workshop-list .workshop-block .close a { float: right; display: block; width: 11px; height: 10px; overflow: hidden; text-indent: -3000em; background: url('../img/close_vacancy.gif') top left no-repeat; }

/* Page: about
---------------------------------------- */

#page-about #column-left { background: url('../img/column/about.png') -4px 0 no-repeat; }

/* Page: calc
---------------------------------------- */

#page-calc #column-left { position: relative; }

#page-calc #column-content { width: 100%; }

#page-calc #column { padding-right: 0; }
#page-calc #column .block { position: relative; width: auto; padding: 14px 20px 16px 20px; margin-bottom: 18px; font-size: 13px; background: #ebebeb; }
#page-calc #column .block p { color: #6c6c6c; padding: 11px 0 0 0; line-height: 18px; font-family: Verdana; font-size: 13px; }
#page-calc #column .block b { color: #000; }
#page-calc #column .block .site-type { width: 183px; margin-left: 11px; }
#page-calc #column .block .substitute { position: absolute; top: 14px; right: 20px; }

#page-calc #column .block .design { display: inline-block; }
#page-calc #column .block .design-div { padding-top: 15px; }
#page-calc #column .block .slider-div { padding-top: 15px; width: 80%; }
#page-calc #column .block .design label { display: inline-block; }

#page-calc #column .block .design small { display: block; padding: 1px 0 0 20px; color: #6c6c6c; line-height: 18px; font-family: Verdana; font-size: 13px; }
#page-calc #column .block .design-sample { float: right; padding-left: 10px; }
#page-calc #column .functional { position: relative; padding: 0px 20px 16px 0px; }
#page-calc #column .functional * { position: relative; }

#page-calc #column .functional .design-div { float: left; width: 50%; padding: 10px 0; }

#page-calc .help { position: absolute; top: 7px; left: 221px; width: 365px; z-index: 9000; text-align: left; }
#page-calc .help .help-top { height: 5px; background: url('../img/help_bg_top.png') top left no-repeat; }
#page-calc .help .help-text { padding: 10px 16px; font-size: 11px; background: url('../img/help_bg.png') top left repeat-y; }
#page-calc .help .help-bottom { height: 27px; background: url('../img/help_bg_bottom.png') top left no-repeat; }

#page-calc #right-column-calc { position: relative; float: right; width: 244px; margin-top: 155px; font-family: Arial; font-size: 12px; color: #6c6c6c; z-index: 99; }
#page-calc #right-column-calc .border { border: 3px solid #ebebeb; }
#page-calc #right-column-calc .note { padding-top: 20px; font-size: 9px; }
#page-calc #right-column-calc h2 { font-family: Verdana; font-size: 20px; color: #6c6c6c; padding: 6px 0 18px 17px; }
#page-calc #right-column-calc p { font-weight: bold; padding-left: 17px; }
#page-calc #right-column-calc dl { padding: 0 0 17px 17px; }
#page-calc #right-column-calc dl dt { position: relative; font-weight: bold; background: url('../img/li_bg_small.gif') 0 18px no-repeat; padding: 12px 0 4px 9px; }
#page-calc #right-column-calc dl dd { position: relative; padding: 4px 0 0 0; font-weight: normal; }
#page-calc #right-column-calc dl dd span { display: block; position: absolute; top: 0; right: 17px; text-align: right; }

#page-calc #right-column-calc .total { padding: 13px 16px 16px 16px; background: #ddf4db url('../img/calc_hr.gif') top left repeat-x; }
#page-calc #right-column-calc .total .summ { width: 206px; height: 46px; line-height: 46px; text-align: center; margin-bottom: 10px; background: url('../img/total_bg.gif') top left no-repeat; }
#page-calc #right-column-calc .total .summ b { font-family: Tahoma; font-weight: bold; font-size: 13px; color: #000; padding-right: 10px; }
#page-calc #right-column-calc .total .summ span { font-size: 20px; }
#page-calc #right-column-calc .total .b-clear { margin-right: 15px; }

#page-calc #left-column-calc { position: relative; width: 100%; margin-right: -244px; float: left; }
#page-calc #left-column-calc-cont { margin-right: 285px; }

#page-calc #calc-list { padding-left: 20px; }
#page-calc #calc-list .calc-block { position: relative; font-family: Arial; font-size: 14px; line-height: 19px; background: #ebebeb; padding: 15px 21px; margin: 0 0 20px -21px; }
#page-calc #calc-list .calc-block ul li.what { padding-top: 20px; }
#page-calc #calc-list .calc-block h2 { font-size: 16px; font-weight: bold; color: #6c6c6c; padding-bottom: 21px; }
#page-calc #calc-list li a { font-family: Arial; font-weight: bold; font-size: 14px; }
#page-calc #calc-list li b { color: #000; }

#page-calc #calc-list .calc-block .close { position: absolute; top: 19px; left: -21px; width: 100%; height: 10px; z-index: 20; }
#page-calc #calc-list .calc-block .close a { float: right; display: block; width: 11px; height: 10px; overflow: hidden; text-indent: -3000em; background: url('../img/close_vacancy.gif') top left no-repeat; }

#calculator-pos { position: absolute; top: 2px; left: 21px; }
#calculator { position: relative; width: 190px; height: 227px; background: url('../img/calc/calc_bg.png') top left no-repeat; }
#calculator #display { position: absolute; top: 40px; left: 20px; width: 145px; height: 19px; text-align: right; font-family: "Myriad Pro"; color: #FFF; font-size: 19px; overflow: hidden; }
#calculator a { position: absolute; width: 37px; height: 22px; text-indent: -3000em; overflow: hidden; background-position: top left; background-repeat: no-repeat; outline: none; }

#calculator #b-01 { top: 72px; left: 17px; background: url('../img/calc/01.gif'); }
#calculator #b-02 { top: 72px; left: 56px; background: url('../img/calc/02.gif'); }
#calculator #b-03 { top: 72px; left: 94px; background: url('../img/calc/03.gif'); }
#calculator #b-04 { top: 72px; left: 132px; background: url('../img/calc/04.gif'); }

#calculator #b-05 { top: 95px; left: 17px; background: url('../img/calc/05.gif'); }
#calculator #b-06 { top: 95px; left: 56px; background: url('../img/calc/06.gif'); }
#calculator #b-07 { top: 95px; left: 94px; background: url('../img/calc/07.gif'); }
#calculator #b-08 { top: 95px; left: 132px; background: url('../img/calc/08.gif'); }

#calculator #b-09 { top: 119px; left: 17px; background: url('../img/calc/09.gif'); }
#calculator #b-10 { top: 119px; left: 56px; background: url('../img/calc/10.gif'); }
#calculator #b-11 { top: 119px; left: 94px; background: url('../img/calc/11.gif'); }
#calculator #b-12 { top: 119px; left: 132px; background: url('../img/calc/12.gif'); }

#calculator #b-13 { top: 143px; left: 17px; background: url('../img/calc/13.gif'); }
#calculator #b-14 { top: 143px; left: 56px; background: url('../img/calc/14.gif'); }
#calculator #b-15 { top: 143px; left: 94px; background: url('../img/calc/15.gif'); }
#calculator #b-16 { top: 143px; left: 132px; height: 44px; background: url('../img/calc/16.gif'); }

#calculator #b-17 { top: 166px; left: 17px; width: 76px; background: url('../img/calc/17.gif'); }
#calculator #b-18 { top: 166px; left: 94px; background: url('../img/calc/18.gif'); }

/* Page: corp
---------------------------------------- */

#page-corp #column-left { background: url('../img/column/corp.png') -2px 0 no-repeat; }

/* Page: order (+clients)
---------------------------------------- */

#page-clients #column-left,
#page-order #column-left { background: url('../img/column/order.png') -2px 0 no-repeat; }

#page-order #order-form { display: inline-block; position: relative; padding: 15px 20px; font-size: 13px; background: #ebebeb; }
#page-order #order-form .field { position: relative; margin-bottom: 15px; }
#page-order #order-form .field .text { width: 433px; }
#page-order #order-form .field textarea { width: 433px; height: 90px; }
#page-order #order-form .field .description { width: 433px; font-size: 10px; color: #6c6c6c; padding: 2px 3px; }
#page-order #order-form label { font-weight: bold; color: #000; display: block; padding-bottom: 3px; }
#page-order #order-form label.no-bold { font-weight: normal; }
#page-order #fileContainer img { margin: 4px 0 0 4px; }

/* Page: approach
---------------------------------------- */

#page-approach #column-left { background: url('../img/column/solutions.png') -2px 0 no-repeat; }

#right-column.scheme { padding: 16px 19px; width: 215px; }
.scheme .block { position: relative; display: block; margin-bottom: 2px; border: 2px solid #2166bf; padding: 3px 8px 4px; background: #f5f5f5; min-height: 30px; font-weight: bold; line-height: 15px; text-align: center; color: #4f4e4e; }
.scheme .block .tl,
.scheme .block .tr,
.scheme .block .bl,
.scheme .block .br { position: absolute; display: block; background: transparent url('../img/column/corners.gif') no-repeat; width: 7px; height: 7px; }
.scheme .block .tl { left: -2px; top: -2px; background-position: right bottom; }
.scheme .block .tr { right: -2px; top: -2px; background-position: left bottom; }
.scheme .block .bl { left: -2px; bottom: -2px; background-position: right top; }
.scheme .block .br { right: -2px; bottom: -2px; background-position: left top; }

.scheme .one-line { line-height: 30px; }
.scheme .arrow-up { margin-right: -19px; padding-right: 19px; background: transparent url('../img/column/arrow_up.gif') no-repeat right 50%; }
.scheme .arrow { display: block; overflow: hidden; margin: 0 0 2px 100px; background: transparent url('../img/column/arrow_d.gif') no-repeat left top; width: 10px; height: 23px; text-indent: -3000px; }

/* Page: solutions (+web)
---------------------------------------- */

#page-solutions #column-left,
#page-web #column-left { background: url('../img/column/web.png') -2px 0 no-repeat; }

.browsers a,
.standarts div { margin-bottom: 20px; width: 100px; text-align: left; text-decoration: none; }

#right-column .standarts ul { padding: 0; }
#right-column .standarts li { padding-left: 12px; font-weight: normal; font-size: 11px; }

.browsers .left-b,
.standarts .left-b { float: left; }
.browsers .right-b,
.standarts .right-b { float: right; }

.browsers a span { display: block; text-align: center; }
.browsers a:hover span { text-decoration: underline; }

/* Page: network
---------------------------------------- */

#page-network #column-left { background: url('../img/column/network.png') -2px 0 no-repeat; }

.network-scheme { text-align: center; }
.network-scheme img.small { width: 350px; }
.big-image-holder { position: absolute; left: 0; top: 0; z-index: 1000; display: none; width: 100%; min-height: 100%; height: auto !important; height: 100%; }


/* Page: blog
---------------------------------------- */

#page-blog #column-left { background: url('../img/column/news.png') -2px 0 no-repeat; }
#page-blog #column .post { padding-bottom: 30px; }
#page-blog #column .post h3 { padding: 0; }
#page-blog #column .post .date { font-size: 13px; font-weight: normal; color: #949494; padding: 0; margin-bottom: 20px; }
#page-blog #column .post p { padding: 0 0 10px 0; }

/* Page: articles
---------------------------------------- */

#page-articles #column-left { background: url('../img/column/news.png') -2px 0 no-repeat; }
#page-articles #column .post { padding-bottom: 30px; }
#page-articles #column .post h3 { padding: 0; }
#page-articles #column .post .date { font-size: 13px; font-weight: normal; color: #949494; padding: 0; margin-bottom: 20px; }
#page-articles #column .post p { padding: 0 0 10px 0; }

/* Page: products
---------------------------------------- */

#page-products #column-left { background: url('../img/column/products.png') -2px 0 no-repeat; }

#page-products #column-center #column h3 { clear: both; }
#page-products #column-center #column p { text-align: justify; }
#page-products #column-center #column img { float: left; margin: 0 20px 0 0; }