html {width: 100%; background:transparent url(/i/bg-pattern.jpg) repeat 0 0 scroll;}
body {font: 81.25%/1.5 Verdana, sans-serif; position: relative; text-shadow: 0 1px 0 #fff;}

body {background:transparent url(/i/header-01.png) no-repeat center top scroll;}
body.about {background-image: url(/i/header-02.png);}
body.uslugi {background-image: url(/i/header-03.png);}
body.vacancy {background-image: url(/i/header-04.png);}
body.contact {background-image: url(/i/header-05.png);}
body.blog {background-image: url(/i/header-02.png);}

input, select, textarea, table {font-size: 100%;}

a:link, a:visited {color: #DB2D73; text-decoration: underline}
a:hover {}
#content a { padding: 0 0.25em 0.125em;}
#content a:hover {color: #fff; background: #DB2D73; text-shadow: none; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

h1 {color: #350402; font-size: 2.77em; line-height: 1.2; margin: 0.473em 0 .8em; font-weight: normal;}
    h1.with-pathway {margin-top: 0;}
    h1 a {padding: 0 0.112em 0.056em !important;}
    h1 a:hover {text-shadow: 0 1px 2px #333 !important;}
    .index h1 {line-height: 1.5; margin: 0.25em 25% 1em 0; margin-right: 25%;}
      .index h1 a.support {color: #6e458c}
      .index h1 a.support:hover {background: #6e458c !important;}
      .index h1 a.seo {color: #007ac5;}
      .index h1 a.seo:hover {background: #007ac5 !important;}
      .index h1 a.context {color: #45946a;}
      .index h1 a.context:hover {background: #45946a !important;}
h2 {color: #350402; font-size: 2em; line-height: 1.125; margin: 1em 0 0.77em; font-weight: normal;}
  h2 a {color: #350402 !important; padding: 0 !important;}
  h2 a:hover {color: #DB2D73 !important; background: none !important; text-decoration: underline !important;}
h3 {color: #350402; font-size: 1.308em; line-height: 1.334; margin: 0 0 .5em 0; font-weight: normal;}
h4 {font-size: 1.231em; margin: 0 0 1em 0;}
p {margin: 0 0 1.5em;}
ol, ul {margin: 0 0 1.5em 2em}
ol li, ul li {margin: 0 0 0.5em}

#outer {background: url(../i/outer-bg.png) no-repeat 100% 100% scroll; margin: 0 auto; position: relative; width: 980px;}

#content {background: url(../i/content-bg.png) 0 0 no-repeat scroll; padding-top: 5em; padding-bottom: 3em; width: 100%;}
.index #content {padding-top: 3em;}

.portfolio #content{background: url(../i/portfolio-bg.png) 0 0 no-repeat scroll; padding-top: 220px;}
.about #content{background: url(../i/about-bg.png) 0 0 no-repeat scroll; padding-top: 480px}
.uslugi #content{background: url(../i/uslugi-bg.png) 0 0 no-repeat scroll; padding-top: 220px}
.vacancy #content{background: url(../i/vacancy-bg.png) 0 0 no-repeat scroll; padding-top: 220px}
.contact #content{background: url(../i/contact-bg.png) 0 0 no-repeat scroll; padding-top: 220px}
.blog #content{background: url(../i/blog-bg.png) 0 0 no-repeat scroll; padding-top: 220px}

#header {padding: 150px 0 0; width: 100%;}
    .logo {margin: -50px 0 0 -35px;}

.half-page {float: left; margin-right: 40px; width: 470px;}
.uslugi .half-page {padding-left: 150px; width: 320px;}
.no-margin {margin: 0 !important}

.b-nav ul {margin: 0; padding: 0;}
.b-nav ul li {list-style: none; margin: 0 0.5em 0 0; padding: 0; position: relative;}
.b-nav ul li.last {margin: 0}

.b-main-nav {float: right}
.b-main-nav ul li {display: inline;}
.b-main-nav ul li a {position: relative;}
.b-main-nav ul li a:link, .b-main-nav ul li a:visited {font-size: 1.847em; color: #582300; padding:0.125em 0.375em; white-space: nowrap;}
.b-main-nav ul li a:hover {color: #db2d73; background: none;}
.b-main-nav ul li.active a {background: #5a2e58; border-bottom:1px solid #fff; color:#fff !important; text-decoration:none; text-shadow: -2px 2px 3px #3a2239; -moz-border-radius: 5px; -webki-border-radius: 5px; border-radius: 5px;}

/*.b-main-nav ul li a:hover i {background: url(../i/menu-icons.png) 0 0 no-repeat scroll; display: block; height: 50px; position: absolute;}
.b-main-nav ul li.about a i {background-position: 0 0; left: 0; top: -20px; width: 65px;}
.b-main-nav ul li.uslugi a i {background-position: -65px 0; left: 0; top: -15px; width: 90px;}
.b-main-nav ul li.portfolio a i {background-position: -155px 0; right: 0; top: -27px; width: 45px;}
.b-main-nav ul li.vacancy a i {background-position: -200px 0; left: 0; top: -25px; width: 80px;}
.b-main-nav ul li.contact a i {background-position: -280px 0; left: 0; top: -25px; width: 90px;}
.b-main-nav ul li.active a i {display: none !important;}*/

.b-main-nav ul li.about a:hover i {background: url(../i/about.gif) 0 0 no-repeat scroll; display: block; height: 35px; left: -37px; position: absolute; top: 0; width: 52px;}
.b-main-nav ul li.uslugi a:hover i {background: url(../i/uslugi.gif) 0 0 no-repeat scroll; display: block; height: 35px; left: 10px; position: absolute; top: -25px; width: 50px;}
.b-main-nav ul li.vacancy a:hover i {background: url(../i/vacancy.gif) 0 0 no-repeat scroll; display: block; height: 35px; left: 15px; position: absolute; top: -27px; width: 35px;}
.b-main-nav ul li.portfolio a:hover i {background: url(../i/portfolio.gif) 0 0 no-repeat scroll; display: block; height: 35px; left: 30px; position: absolute; top: -27px; width: 35px;}
.b-main-nav ul li.contact a:hover i {background: url(../i/ufo.gif) 0 0 no-repeat scroll; display: block; height: 35px; left: 15px; position: absolute; top: -25px; width: 52px;}
.b-main-nav ul li.blog a:hover i {background: url(../i/blog.gif) 0 0 no-repeat scroll; display: block; height: 43px; left: 15px; position: absolute; top: -35px; width: 45px;}
.b-main-nav ul li.active a i {display: none !important;}

.b-footer-nav {float: right;}
.b-footer-nav ul li {display: inline;}
.b-footer-nav ul li a {color: #5b445a}
.b-footer-nav ul li a:hover {color: #db2d73; background: none;}

.index .b-portfolio {margin-bottom: 2em; padding: 0.5em 0 0; position: relative; width: 100%;}
.b-portfolio ul {margin: 0;  position: relative; zoom: 1}
.b-portfolio .b-portfolio-item {background: #fff; display: inline; list-style: none; float: left; margin: 0 31px 2em 0; padding: 5px; position: relative; width: 296px;}
.b-portfolio .b-portfolio-item a {display: block; overflow: hidden; position: relative; text-decoration: none; zoom: 1;}
.b-portfolio .b-portfolio-item.no-margin {margin: 0 0 2em 0 !important;}
.b-portfolio .b-portfolio-item img {display: block; height: 185px; width: 296px;}
.b-portfolio .b-portfolio-item cite {background: #000; background: rgba(0,0,0,0.6); bottom: -4.125em; font-style: normal; height: 3em; left: 0; padding: 0.5em 10px; position: absolute; width: 276px; color: #fff; text-shadow: 0 1px 2px #000; text-align: right;}
.b-portfolio .b-portfolio-item a {background: none; padding: 0 !important;}
.b-portfolio .b-portfolio-all {font-size: 1.231em; clear: both; text-align: right;}
.b-portfolio .b-portfolio-all a {padding: 0 0.5em 0.125em}

.b-portfolio-img {float: left; margin-right: 30px; overflow: hidden; width: 710px;}
.b-portfolio-img img {background: #350402; padding: 5px;}
.b-portfolio-info {float: right; font-size: 1.231em; overflow: hidden; width: 240px;}

.b-portfolio a.portfolio-link, .b-portfolio a.portfolio-link:hover {background: transparent url(../i/arrows-r.png) 100% 50% no-repeat scroll !important; color: #2d0102 !important; float: right; font-size: 2em; font-weight: bold; line-height: 2em; padding: 0 40px 0 0 !important; text-decoration: none;}

.b-contact {float: left; font-size: 1.231em; margin-right: 30px; width: 300px;}
.b-contact h2 {font-size: 1.625em; margin-top: 0;}
.b-contact p {margin-bottom: 0.5em;}
.b-contact .office {margin-bottom: 1.5em;}

#footer {background: url(../i/footer-bg.png) 0 0 no-repeat scroll; padding: 2em 0;}

.intro {font-size: 1.231em; line-height: 1.3; margin: 0 25% 2em 0; position: relative;}
.intro p, .intro ol, .intro ul {margin-bottom: 1em;}

.partners {padding: 4em 0 0;}
.partners img {margin-right: 2em; vertical-align: middle;}

.vcard {color: #5a2553; font-size: 2.77em; line-height: 1.2; padding: 0 0.25em 0.25em; position: absolute; right: 0; text-align: right; top: 225px; width: 8em;}
.vcard .tel .code {font-size: 0.5em; top: -0.75em; position: relative;}
.vcard .icq {background: url(../i/icq.png) 0 0 no-repeat scroll; font-size: 55%; margin-top: 0.25em; padding: 0 0 0 32px; position: relative;}
.vcard a {font-size: 0.723em;}
.vcard a, a.popup, .pseudo-link {color: #db2d73 !important; cursor: pointer; border-bottom: 2px dotted #db2d73; color: #db2d73; text-decoration: none !important; padding: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important;}
.toggle-map {border-width: 1px; font-size: 54%; position: relative; top: -2px; margin-left: 0.75em;}
.vcard a:hover, a.popup:hover {color: #fb2da3 !important; background: none !important; border-bottom: 2px dotted #fb2da3; text-decoration: none !important}

.b-pathway {margin-top: -2px}

form p {position: relative; margin-bottom: 0.616em}
form p.submit {margin-top: 1em}
form p label {position: absolute; top: 0; left: 0; margin: 5px}
form p input[type=text], form p textarea {border: 1px solid #999; font-size: 11pt; padding: 4px; width: 332px;}
form p input[type=text].required, form p textarea.required {border: 1px solid #DD224B;}
form p input[type=text].invalid {color: #DD224B;}
.note {margin-bottom: 1em; font-size: 0.847em;}

.com {position: absolute; top: 47px; right: 100px; padding: 5px 0 0 40px;}
.com a{display: block; width: 35px; margin:  0}
.com a.but_main{margin: 0 0 0 30px}
#counter {position: absolute; top: -30px; left: -30px; z-index: 999}

#portfolio-list {padding: 2em 1em 2em 1em; top: 5px;  position: relative;}

* html #portfolio-list {top: -11px;}
* html .portfolio-cell {zoom: 1; height: 130px}

.portfolio-cell {margin: 0 1em 1em 0; position: relative; min-height: 130px; overflow: hidden; float: left; min-width: 360px; width: 48%}
.columns1 .portfolio-cell {width: 100%}
.columns2 .portfolio-cell {width: 48%}

.description {margin: 2em 0 0}

.sitemap {}
.sitemap ul li {list-style: none; padding: .3em 0}
.sitemap ul li ul li {padding: 0}
.sitemap ul li ul{margin-left: 1em}
.sitemap ul li a{font-weight: bold}
.sitemap ul li ul li a{font-weight: normal}

.frame{border: 1px solid #e77614; text-align: center}
.tl, .tr, .bl, .br {height: 6px; width: 6px; position: absolute; display: block; font-size: 0}
.tl{top: 0; left: 0; background: transparent url('i/corners.gif') no-repeat left top; }
.tr{top: 0; right: 0; background: transparent url('i/corners.gif') no-repeat left -6px; }
.bl{bottom: 0; left: 0; background: transparent url('i/corners.gif') no-repeat left -18px; }
.br{bottom: 0; right: 0; background: transparent url('i/corners.gif') no-repeat left -12px; }

.progress-bar {width: 100%; text-align: center}

.pagination {margin-top: 20px}
.pagination a, .pagination span {display: inline-block; padding: .2em .5em; text-align: center;}
.pagination a:link, .pagination a:visited {}
.pagination a:hover {}
.pagination span {font-weight: bold}
.pagination span.next_off, .pagination span.prev_off {display: inline; font-weight: normal; color: #ccc}

.tabs {clear: left; overflow: hidden; position: relative; zoom: 1; }
.tabs dt {color: #350402; cursor: pointer; float: left; font-size: 16px; left: 3em; margin-right: 1px; padding: 0.125em .5em; position: relative; z-index: 1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.tabs dt:hover {color: #fb2dae}
.tabs dt.active {background: #5a2e58; border-bottom:1px solid #fdf2d6; color: #fff; cursor: default; text-shadow:-2px 2px 3px #3A2239; z-index: 3;}
.tabs dt b {border-bottom: 1px dotted #350402; font-weight: normal;}
.tabs dt:hover b {border-bottom: 1px dotted #fb2dae;}
.tabs dt.active b {border: none;}
.tabs dd {display: none; float: right; margin: 0.75em 0 0 -100%; position: relative; width: 100%; z-index: 2;}
.tabs dd.active {display: block}

.works-clients dt, .big-tabs dt {font-size: 2em; left: 0;}
.works-clients dt b, .big-tabs dt b {border-width: 2px;}
.works-clients dt:hover b, .big-tabs dt:hover b {border-width: 2px;}
.works-clients dd, .big-tabs dd {margin-top: 5em;}
.works-clients .tab-content, .big-tabs .tab-content {padding-top: 1em;}

#content .big-tabs dt a, .big-tabs dt a:hover {color: #350402; background: transparent; text-decoration: none; padding: 0;}
#content .big-tabs dt a:hover {color: #fb2dae;}

.tagcloud {}
.tagcloud .s1{font-size: 110%}
.tagcloud .s2{font-size: 120%}
.tagcloud .s3{font-size: 130%}
.tagcloud .s4{font-size: 140%}

.blog__entry {margin-bottom: 2em;}
.blog__entry h2{margin-bottom: 0;}
.blog__entry__body {padding-top: 1em;}
.blog__entry__date, .blog__entry__tags {color: #666; font-size: 0.924em;}

#logo_print {display: none}


table.seo {width: 99%; margin: 0 auto 1.2em}
table.seo th{background: #eaeaea; vertical-align: middle}
table.seo th, table.seo td{border: 1px solid #ccc; padding: 2px 3px}
table.seo td.pos{text-align: center; width: 15%}
table.seo td.count{text-align: center; width: 20%}
table.seo tr.total{background: #f4f4f4; font-weight: bold}
.user-logout {text-align: right}

#YMaps {background: #fff; border: 4px solid #fff; float: left; margin: 0.5em 0 1.5em 0;}
#YMaps-b-balloon-content img {}
#YMaps-b-balloon-content p {margin: 0;}
#YMaps {text-shadow: none}
#YMaps a {padding: 0;}
#YMaps a:hover {color: #fff; background: none; text-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}

.b-clients-map {display: block; margin: 0 auto 2em; position: relative;}
.b-clients-map img {display: block; margin: 0 auto;}
.b-clients-map .city {color: #350402; font-size: 1.077em; position: absolute; line-height: normal; margin-left: 10px;}
.b-clients-map .city i {background: url(../i/city-dot.png) 0 0 no-repeat scroll; display: block; height: 9px; left: -10px; top: 11px; position: absolute; width: 8px;}
.b-clients-map .city span {font-size: 0.858em; font-style: italic; position: relative; top: -0.25em;}

.not-found {background: none;}
.not-found #content {background: none; padding-top: 230px;}
.not-found #logo {left:180px; position:absolute; top:70px;}
.not-found #outer {background: url("/i/404-bg.png") 0 0 no-repeat scroll; height: 565px; padding: 0}
.not-found h1, .not-found .intro {padding-left: 540px; margin-right: 0;}

.hidden {display: none}

.clr {clear: both; font-size: 0; height: 0; line-height: 0}

.clearfix:after {
  visibility: hidden;
  display: block;
  clear: both;
  content: " ";
  height: 0;
}
* html .clearfix {
  height: 1%;
}
*:first-child+html .clearfix {
  min-height: 1px;
}