@import '/bitrix/templates/main/reset.css';

/* =Main Style
________________ */

html, body {
  height:100%;
}

html {
  font-size:100.01%;
}

body {
  position:relative;
  z-index:0;
  font:.8em Arial, Helvetica, sans-serif; /* 13px */
  text-align:center;
  color:#454545;
  background:#fff;
}

.clrfix:after {
  content:'.';
  display:block;
  clear:both;
  font:0/0 a;
  height:0;
  visibility:hidden;
}

a {
  color:#3c5968;
}

a:hover {
  text-decoration:none;
}

/* =Layout
________________ */

#page {
  height:100%;
  min-width:1000px;
  background:url(/i/page-bg.png) repeat-x;
}

#wrapper {
  height:100%;
  max-width:1400px;
  margin:0 auto;
  text-align:left;
}

#wrapper .gradient-bg {
  position:absolute;
  left:0;
  right:0;
  z-index:-1;
  height:335px;
  margin-top:-335px;
  background:url(/i/body-bg.png) repeat-x 0 100%;
}

#main-content {
  min-height:100%;
}

#footer {
  position:relative;
  margin:-70px 0 0;
  height:70px;
  clear:both;
}

/* =Header
________________ */

#header {
  padding:30px 0 0;
  position:relative;
}

/* =Logo */

#header .logo {
  width:130px;
  height:39px;
  overflow:hidden;
  color:#000;
  font-size:117%; /* 14px */
  line-height:1.1;
  font-weight:normal;
  text-transform:uppercase;
  background:url(/i/logo.png) no-repeat;
  text-indent:-999em;
  margin:0 5.4% 0 5.7%;
  float:left;
}

#header .logo strong {
  font-weight:normal;
  color:#3f8524;
}

#header .logo a {
  display:block;
  height:100%;
  width:100%;
  color:#000;
  text-decoration:none;
}

/* =Language */

#header .language {
  float:left;
  margin:3px 7.3% 0 0;
  width:160px;
  position:relative;
  z-index:1;
}

#header .language li {
  font:1em Tahoma, Arial, Helvetica, sans-serif; /* 11px */
  color:#3c5968;
  line-height:1;
  text-transform:uppercase;
  float:left;
  padding:5px 8px;
  margin:0 5px;
}

#header .language li.act {
  background:#cacdcf;
}

#header .language li a {
  text-decoration:none;
}

/* =Nav */

#header .nav {
  margin:8px 0 0;
  width:36%;
  float:left;
  overflow:hidden;
}

#header .nav li {
  font-size:1em; /* 13px */
  white-space:nowrap;
  float:left;
  margin:0 0 5px 10px;
  padding-right:15px;
  color:#77767a;
  text-transform:uppercase;
  background:url(/i/nav-separator.gif) no-repeat 100% 50%;
}

#header .nav li.last {
  padding-right:0;
  background:none;
}

#header .nav li a {
  text-decoration:none;
}

#header .nav li a:hover {
  opacity:.75;
}

/* =Content
________________ */

#content {
  margin:53px 0 0;
  width:56.6%;
  padding:0 0 120px 6.4%;
}

#content h2 {
  font-size:185%; /* 24px */
  font-style:italic;
  color:#387b1f;
  margin:0 0 .375em; /* 9px */
}

#content h2 span {
  line-height:1.33;
  font-size:.75em; /* 18px */
  font-weight:normal;
  color:#3c5968;
  margin:0 10px;
}

#content h3 {
  font:153% Tahoma, Arial, Helvetica, sans-serif; /* 20px */
  color:#33414a;
  margin:.75em 0 .5em;
}

#content ul {
  margin:1em 0 .5em;
}

#content ol {
  margin:1em 0 .5em;
  list-style:inside decimal;
}

#content ol li {
  font-size:1em; /* 13px */
  margin:.25em 0;
}

#content ul li {
  font-size:1em; /* 13px */
  margin:.25em 0;
  list-style:none;
  padding-left:26px;
  background:url(/i/li.gif) no-repeat 0 .6em;
}

#content p {
  margin:1em 0;
}

#content p.announce {
  font-style:italic;
  margin:0 0 1.4em;
}

#content .special {
  font-size:116%; /* 15px */
  font-style:italic;
  color:#3c5968;
  margin:0 -4.1% 1.1em; /* 22px */
}

#content .special .content {
  padding:0 7% 0 4.1%;
}

#content .grad-corners {
  position:relative;
  overflow:hidden;
  padding:20px 0;
}

#content .grad-corners .cn {
  position:absolute;
  top:-20px;
  left:-20px;
  height:40px;
  width:100%;
  overflow:hidden;
  background:url(/i/gradient-corners.png) no-repeat;
}

#content .grad-corners .cn.tr, #content .grad-corners .cn.br {
  margin-left:100%;
}

#content .grad-corners .cn.bl, #content .grad-corners .cn.br {
  top:auto;
}

#content .grad-corners .content {
  background:#efeff1 url(/i/gradient-content.png) repeat-x;
}

#content table.data {
  width:95%;
  margin:1em 0;
  border:solid #fff;
  border-width:1px 0;
}

#content table.data th, #content table.data td {
  font-size:1em; /* 13px */
  vertical-align:top;
  text-align:left;
  padding:3px 16px;
  border:solid #fff;
}

#content table.data th {
  color:#fff;
  background:#326e1c;
  border-width:0 1px 1px 0;
}

#content table.data td {
  font-size:92%; /* 12px */
  border-width:0 1px 0;
  background:#fff;
}

#content table.data tr.odd td {
  background:#eaeaea;
}

/* =Footer
________________ */

#footer {
  padding:0 4.2% 0 6.45%;
  overflow:hidden;
}

#footer address {
  float:left;
  font-style:normal;
  color:#505050;
  padding-right:15.8%;
}

#footer address p a {
  font-size:84%; /* 11px */
}

#footer address p.tel {
  font-size:164%; /* 21.36px */
  line-height:80%; /* 17.01px */
  font-style:italic;
  margin:3px 0 0;
}

#footer address p.tel em {
  color:#35761c;
}

#footer .copyright {
  margin:2px 0 0;
  font-size:84%; /* 11px */
  color:#505050;
  position:relative;
  left:133px;
}

/* =Vacancy Page
________________ */

#content .vacancy {
  margin:3em 0 0;
  width:155%;
}

#content .vacancy h3 {
  font:138% Tahoma, Arial, Helvetica, sans-serif; /* 18px */
  color:#33414a;
  margin:0 0 .55em;
  width:25%;
}

#content .vacancy .description {
  list-style:none;
  width:100%;
  margin:0;
}

#content .vacancy .description:after {
  content:'.';
  display:block;
  clear:both;
  font:0/0 a;
  height:0;
  visibility:hidden;
}

#content .vacancy .description li {
  float:left;
  width:31%;
  padding:0 9% 0 0;
  margin:0;
  background:none;
}

#content .vacancy .description li h4 {
  font-size:92%; /* 12px */
  font-style:italic;
  margin:0 0 4px -8%;
  color:#3c5968;
}

#content .vacancy .description li.salary {
  width:auto;
  font-size:222%; /* 28.93px */
  font-weight:bold;
  font-style:italic;
  color:#3c5968;
  padding:8px 0 0;
}

#content .vacancy .send-resume {
  width:60%;
}

#content .vacancy .send-resume dt {
  font-size:115%; /* 15px */
  color:#3c5968;
}

#content .vacancy .send-resume dt.open {
  background:url(/i/dt-bg.png) no-repeat;
  margin:-11px 0 -20px -4.5%;
  padding:11px 0 0 4.5%;
  position:relative;
  z-index:20;
  height:21px;
}

#content .vacancy .send-resume dd form {
  margin-left:-4.5%;
}

#content .vacancy .send-resume dd form .content {
  padding:14px 0 0 4.5%;
}

#content .vacancy .send-resume dd form .content dd {
  display:block;
}

#content .vacancy .send-resume dd form fieldset {
  width:100%;
  overflow:hidden;
  clear:both;
}

#content .vacancy .send-resume dd form fieldset dl {
  float:left;
  display:inline;
  margin:0 0 7px;
}

#content .vacancy .send-resume dd form fieldset.cols-1 dl {
  width:100%;
  float:none;
  display:block;
  margin:0 0 10px;
}

#content .vacancy .send-resume dd form fieldset.cols-3 dl {
  width:33.3%;
}

#content .vacancy .send-resume dd form fieldset dl dt {
  font-size:84%; /* 11px */
  font-style:italic;
  float:left;
  margin-right:6px;
  line-height:21px;
  display:inline;
}

#content .vacancy .send-resume dd form fieldset.cols-1 dl dt {
  float:none;
  display:block;
  margin:0 0 2px;
}

#content .vacancy .send-resume dd form fieldset.cols-1 dl.file dt {
  float:left;
  margin-right:6px;
}

#content .vacancy .send-resume dd form fieldset.cols-3 dl dd input {
  font:92% Arial, Helvetica, sans-serif; /* 12px */
  color:#454545;
  background:none;
  border:0;
  padding:0;
  outline:none;
  height:21px;
  line-height:21px;
  width:100%;
  position:relative;
  z-index:1;
}

@-moz-document url-prefix() {
  #content .vacancy .send-resume dd form fieldset.cols-3 dl dd input {
    height:17px;
    line-height:1.2;
    padding:4px 0 0;
  }
}

#content .vacancy .send-resume dd form fieldset.cols-3 dl dd div {
  width:48.5%;
  padding-left:12px;
  background:url(/i/field-l.png) no-repeat;
  float:left;
  position:relative;
}

#content .vacancy .send-resume dd form fieldset.cols-3 dl dd div span {
  position:absolute;
  top:0;
  margin-left:100%;
  left:0;
  width:10px;
  height:21px;
  background:url(/i/field-r.png) no-repeat;
}

#content .vacancy .send-resume dd form fieldset.cols-1 dl dd {
  padding-right:6.9%;
}

#content .vacancy .send-resume dd form fieldset.cols-1 dl dd div {
  background:url(/i/ta-l.png) no-repeat;
  padding-left:18px;
  position:relative;
}

#content .vacancy .send-resume dd form fieldset.cols-1 dl dd div textarea {
  font:92% Arial, Helvetica, sans-serif; /* 12px */
  color:#454545;
  border:0;
  padding:0;
  width:100%;
  height:54px;
  resize:none;
}

#content .vacancy .send-resume dd form fieldset.cols-1 dl dd div span {
  position:absolute;
  top:0;
  margin-left:100%;
  left:0;
  width:19px;
  height:54px;
  background:url(/i/ta-r.png) no-repeat;
}

#content .vacancy .send-resume dd form fieldset.cols-1 div.button input {
  font:italic 84% Arial, Helvetica, sans-serif; /* 11px */
  color:#fff;
  text-align:center;
  width:86px;
  height:21px;
  line-height:21px;
  overflow:visible;
  border:none;
  background:url(/i/submit.png) no-repeat;
}

.js #content .vacancy .send-resume dt span {
  cursor:pointer;
  border-bottom:1px dashed;
}

.js #content .vacancy .send-resume dt span.hover {
  border:none;
}

.js #content .vacancy .send-resume dd {
  display:none;
}

/* =Contacts Page
________________ */

#map {
  width:1000px;
  margin:-15px auto 0;
  height:538px;
  padding:0 0 152px;
  background:url(/i/map.png) no-repeat;
}

#map ul {
  list-style:none;
  width:100%;
  height:100%;
  margin:0;
  position:relative;
}

#map ul li {
  position:absolute;
  padding:0;
  margin:0;
  background:none;
}

#map ul li.usa {
  top:324px;
  left:136px;
}

#map ul li.france {
  top:316px;
  left:420px;
}

#map ul li.germany {
  top:248px;
  left:508px;
}

#map ul li.ukraine {
  top:270px;
  left:688px;
}

#map ul li.russia {
  top:237px;
  left:714px;
}

#map ul li.kazahstan {
  top:310px;
  left:612px;
}

#map ul li.japan {
  top:340px;
  left:709px;
}

#map ul li.australia {
  top:542px;
  left:642px;
}

#map ul li.newzeland {
  top:520px;
  left:858px;
}

#map ul li dl dt {
  font:1em Tahoma, Arial, Helvetica, sans-serif; /* 13px */
  color:#3c5968;
  text-transform:uppercase;
}

#map ul li.russia dl dt {
  color:#36771d;
}

#map ul li dl dt i {
  position:absolute;
  top:0;
  left:-76px;
  width:81px;
  height:52px;
  background:url(/i/balloon.png) no-repeat;
}

#map ul li.usa dl dt i {
  top:-44px;
  left:-59px;
}

#map ul li.france dl dt i {
  top:-48px;
  left:51px;
}

#map ul li.germany dl dt i {
  top:-47px;
  left:42px;
}

#map ul li.ukraine dl dt i {
  top:-23px;
  left:-79px;
}

#map ul li.russia dl dt i {
  top:-21px;
  left:-86px;
  width:89px;
  height:45px;
  background-image:url(/i/balloon.png);
}

#map ul li.kazahstan dl dt i {
  top:-23px;
  left:120px;
}

#map ul li.japan dl dt i {
  top:-22px;
  left:105px;
}

#map ul li.australia dl dt i {
  top:-22px;
  left:136px;
}

#map ul li.newzeland dl dt i {
  top:-49px;
  left:42px;
}

#map ul li dl dd {
  margin:-22px 0 0 -22px;
  position:relative;
  z-index:20;
}

#map ul li.germany dl dd {
  margin-top:-35px;
}

#map ul li dl.alt dd {
  margin:-378px 0 0 -150px;
}

#map ul li dl.alt dd div.content {
  width:244px;
  height:358px;
  background:url(/i/dd-bg2.png) no-repeat;
  padding:30px 22px 0;
}

#map ul li dl dd div.content {
  width:244px;
  height:316px;
  padding:42px 22px 0;
  background:url(/i/dd-bg.png) no-repeat;
}

#map ul li dl dd div.content dt {
  cursor:default;
  position:static;
  text-transform:none;
}

#map ul li dl dd div.content dd {
  margin:0;
}

#map ul li dl dd div.content form fieldset {
  width:100%;
  overflow:hidden;
}

#map ul li dl dd div.content form fieldset dl {
  margin:0 0 7px;
}

#map ul li dl dd div.content form fieldset dl dt {
  color:#3c5968;
  font-size:84%; /* 11px */
  font-style:italic;
  line-height:21px;
}

#map ul li dl dd div.content form fieldset.cols-1 dd.ta {
  width:244px;
  height:93px;
  background:url(/i/ta.png) no-repeat;
}

#map ul li dl dd div.content form fieldset.cols-1 dd.ta textarea {
  font:92% Arial, Helvetica, sans-serif; /* 12px */
  color:#454545;
  width:206px;
  height:93px;
  resize:none;
  padding:0 19px;
  border:0;
  outline:none;
  background:none;
}

#map ul li dl dd div.content form fieldset.cols-2 dl {
  overflow:hidden;
  width:100%;
}

#map ul li dl dd div.content form fieldset.cols-2 dt {
  width:39px;
  float:left;
}

#map ul li dl dd div.content form fieldset.cols-2 dd {
  float:left;
  width:124px;
  height:21px;
  background:url(/i/field.png) no-repeat;
}

#map ul li dl dd div.content form fieldset.cols-2 dd input {
  font:92% Arial, Helvetica, sans-serif; /* 12px */
  color:#454545;
  padding:0 12px;
  border:0;
  outline:none;
  background:none;
  width:100px;
  height:21px;
  line-height:21px;
}

@-moz-document url-prefix() {
  #map ul li dl dd div.content form fieldset.cols-2 dd input {
    height:17px;
    line-height:1.2;
    padding:4px 12px 0;
  }
}

#map ul li dl dd div.content form fieldset div.button input {
  font:italic 84% Arial, Helvetica, sans-serif; /* 11px */
  color:#fff;
  text-align:center;
  width:86px;
  height:21px;
  line-height:21px;
  overflow:visible;
  border:none;
  background:url(/i/submit.png) no-repeat;
}

#map ul li dl dd p {
  font-size:92%; /* 12px */
  font-style:italic;
  color:#5d5d5d;
  padding:0 47px 17px 10px;
}

.js #map ul li dl dt {
  cursor:pointer;
}

.js #map ul li dl dt span.open {
  position:relative;
  z-index:21;
}

.js #map ul li dl dt span {
  border-bottom:1px dashed;
}

.js #map ul li dl dt span.hover {
  border:none;
}

.js #map ul li dl dd {
  display:none;
}

.js #map ul li dl dd form dd {
  display:block;
}

/* =Services Page
________________ */

#content .services {
  width:122%;
}

#content .services .areas {
  width:100%;
  margin:52px 0 0;
}

#content .services .areas li {
  float:left;
  position:relative;
  margin:0;
  padding:0;
  background:none;
}

#content .services .areas li ul li {
  float:none;
  list-style:none;
}

#content .services .areas li.advert {
  margin-left:-55px;
  width:400px;
  height:200px;
  background:url(/i/advert-bg.png) no-repeat;
}

#content .services .areas li.promotion {
  float:right;
  margin:33px -55px 0 0;
  width:360px;
  height:206px;
  background:url(/i/promotion-bg.png) no-repeat;
}

#content .services .areas li.development {
  clear:both;
  float:none;
  margin:8px auto 0;
  width:321px;
  padding-left:337px;
  height:156px;
  left:-23px;
  background:url(/i/development-bg.png) no-repeat;
}

#content .services .areas li h3 {
  font:215%/1.17 Tahoma, Arial, Helvetica, sans-serif; /* 28px/33px */
  color:#33414a;
}

#content .services .areas li ul {
  font:108% Tahoma, Arial, Helvetica, sans-serif; /* 14px */
  margin:.8em 0 0; /* 19px */
}

#content .services .areas li ul li {
  color:#3c5968;
}

#content .services .areas li ul li a:hover {
  text-decoration:none;
}

#content .services .areas li div {
  position:absolute;
}

#content .services .areas li.advert div {
  left:55px;
  top:59px;
}

#content .services .areas li.promotion div {
  top:-23px;
  left:-11px;
}

#content .services .areas li.promotion div ul, #content .services .areas li.advert div ul {
  position:relative;
  top:-6px;
}

/* =Main Page
________________ */

#main {
  background-color:#fff;
}

#main #header .logo {
  background-image:url(/i/logo2.png);
  margin-left:5.4%;
}

#main #header .nav li, #main #header .nav li a {
  color:#fff;
}

#main #header .nav li {
  background-image:url(/i/nav-separator2.gif);
}

#main #header .nav li.last {
  background:none;
}

#main #header .language li, #main #header .language li a {
  color:#fff;
}

#main #header .language li.act {
  background:#5c797f;
}

#main #footer address, #main #footer .copyright {
  color:#3c5968;
}

#main #page {
  background-image:url(/i/page-bg2.png);
}

#main #wrapper .gradient-bg {
  background:none;
}

#main #content {
  position:relative;
  width:auto;
  padding:0;
  margin:29px 0 0;
  background:url(/i/big-balloon.jpg) no-repeat 50% 0;
  min-height:647px;
}

#main #content .offices {
  position:relative;
  list-style:none;
  width:877px;
  height:647px;
  margin:0 auto;
}

#main #content .offices ul {
  height:100%;
  width:100%;
  position:relative;
  z-index:2;
  margin:0;
}

#main #content .offices ul li {
  position:absolute;
  padding:0;
  margin:0;
  background:none;
}

#main #content .offices ul li span {
  font:108% Tahoma, Arial, Helvetica, sans-serif; /* 14px */
  text-transform:uppercase;
  color:#3c5968;
  display:block;
  width:120px;
  height:30px;
  padding:10px 0 10px 29px;
}

#main #content .offices ul li span.hover {
  color:#537078;
}

#main #content .offices ul li.alt3 span.open {
  background:url(/i/label.png);
}

#main #content .offices ul li.alt4 span.open {
  background:url(/i/label4.png) no-repeat;
  padding-right:5px;
  width:193px;
}

#main #content .offices ul li.copy span {
  height:20px;
  padding:15px 0 15px 29px;
}

#main #content .offices ul li span.open, #main #content .offices ul li.alt span.open, #main #content .offices ul li.alt2 span.open, #main #content .offices ul li.alt5 span.open {
  width:123px;
  height:28px;
  padding:10px 0 10px 22px;
}

#main #content .offices ul li.seo span, #main #content .offices ul li.seo span.open {
  width:143px;
  padding:10px 0 10px 2px;
}

#main #content .offices ul li.alt span.open, #main #content .offices ul li.alt5 span.open {
  background:url(/i/label2.png); 
}

#main #content .offices ul li span.open, #main #content .offices ul li.alt2 span.open {
  background:url(/i/label3.png);
}

.js #main #content .offices ul li span {
  cursor:pointer;
}

#main #content .offices ul li.viral {
  top:176px;
  left:-41px;
}

#main #content .offices ul li.audit {
  top:16px;
  left:165px;
}

#main #content .offices ul li.copy {
  top:11px;
  left:371px;
}

#main #content .offices ul li.media {
  top:16px;
  left:696px;
}

#main #content .offices ul li.seo {
  top:230px;
  left:780px;
}

#main #content .offices ul li.context {
  top:420px;
  left:645px;
}

#main #content .offices ul li.marketing {
  top:485px;
  left:490px;
}

#main #content .offices ul li.promotion {
  top:415px;
  left:120px;
}

#main #content .offices ul li.site {
  top:344px;
  left:-41px;
}

#main #content .offices ul li .corners {
  position:absolute;
  z-index:1000;
  overflow:hidden;
  top:43px;
  left:0;
  padding:20px 0;
  width:283px;
  display:none;
}

#main #content .offices ul li .corners .cn.tl {
  background:#fff;
}

#main #content .offices ul li.alt .corners, #main #content .offices ul li.alt2 .corners {
  left:-139px;
}

#main #content .offices ul li.alt3 .corners {
  top:0;
  left:130px;
}

#main #content .offices ul li.alt4 .corners {
  top:0;
  left:-221px;
}

#main #content .offices ul li.media .corners, #main #content .offices ul li.site .corners {
  width:187px;
}

#main #content .offices ul li.copy .corners {
  width:212px;
}

#main #content .offices ul li.context .corners {
  width:250px;
}

#main #content .offices ul li.audit .corners {
  width:241px;
}

#main #content .offices ul li.viral .corners {
  width:214px;
}

#main #content .offices ul li .corners .cn {
  position:absolute;
  top:-20px;
  left:-20px;
  height:40px;
  width:100%;
  overflow:hidden;
  background:url(/i/corners.png) no-repeat;
}

#main #content .offices ul li.alt .corners .cn.tl, #main #content .offices ul li.alt2 .corners .cn.tl, #main #content .offices ul li.alt3 .corners .cn.tl, #main #content .offices ul li.alt4 .corners .cn.tl, #main #content .offices ul li.alt5 .corners .cn.tl {
  background:url(/i/corners.png) no-repeat;
}

#main #content .offices ul li .corners .cn.tl, #main #content .offices ul li.alt2 .corners .cn.tr, #main #content .offices ul li.alt5 .corners .cn.bl, #main #content .offices ul li.alt .corners .cn.br {
  background:#fff;
}

#main #content .offices ul li .corners .cn.tr, #main #content .offices ul li .corners .cn.br {
  margin-left:100%;
}

#main #content .offices ul li .corners .cn.bl, #main #content .offices ul li .corners .cn.br {
  top:auto;
}

#main #content .offices ul li .corners .content {
  font-size:83%; /* 11px */
  background:#fff;
  padding:0 22px;
  color:#797979;
}

/* =Backgrounds */

#main #content .offices #office-bg {
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  width:877px;
  height:647px;
}

#main #content .offices #office-bg div {
  position:absolute;
  width:300px;
  height:104px;
  overflow:hidden;
  display:none;
}

#main #content #office-bg div i {
  position:absolute;
  top:0;
  left:0;
  width:1780px;
  height:219px;
  background:url(/i/offices-bg.jpg) no-repeat;
}

#main #content #office-bg div.media {
  top:120px;
  left:428px;
}

#main #content #office-bg div.media i {
  background-position:0 0;
}

#main #content #office-bg div.copy {
  width:251px;
  height:102px;
  top:115px;
  left:261px;
}

#main #content #office-bg div.copy i {
  background-position:-300px 0;
}

#main #content #office-bg div.seo {
  width:324px;
  height:134px;
  top:208px;
  left:451px;
}

#main #content #office-bg div.seo i {
  background-position:-551px 0;
}

#main #content #office-bg div.context {
  width:247px;
  height:106px;
  top:311px;
  left:359px;
}

#main #content #office-bg div.context i {
  background-position:-875px 0;
}

#main #content #office-bg div.marketing {
  width:238px;
  height:129px;
  top:202px;
  left:253px;
}

#main #content #office-bg div.marketing i {
  background-position:-1122px 0;
}

#main #content #office-bg div.audit {
  width:222px;
  height:100px;
  top:117px;
  left:121px;
}

#main #content #office-bg div.audit i {
  background-position:-1360px 0;
}

#main #content #office-bg div.viral {
  width:198px;
  height:108px;
  top:181px;
  left:103px;
}

#main #content #office-bg div.viral i {
  background-position:-1582px 0;
}

#main #content #office-bg div.site {
  width:196px;
  height:110px;
  top:239px;
  left:101px;
}

#main #content #office-bg div.site i {
  background-position:0 -104px;
}

#main #content #office-bg div.promotion {
  width:187px;
  height:115px;
  top:299px;
  left:236px;
}

#main #content #office-bg div.promotion i {
  background-position:-196px -104px;
}

/* =Page 404
________________ */

#page404 #wrapper {
  width:726px;
  min-height:660px;
}

#page404 #header .logo {
  margin:39px 85px 0 91px;
}

#page404 #header .nav {
  margin-top:43px;
  width:360px;
}

#page404 #content {
  padding:0;
  width:auto;
  margin:0;
}

#page404 #content .error {
  width:726px;
  height:335px;
  margin:86px auto 0;
  background:url(/i/404page.png) no-repeat;
}

#page404 #content .error ul {
  width:100%;
  position:relative;
  margin:0;
}

#page404 #content .error ul li {
  font:108% Tahoma, Arial, Helvetica, sans-serif; /* 14px */
  color:#3c5968;
  position:absolute;
  text-transform:uppercase;
  padding:0;
  margin:0;
  background:none;
}

#page404 #content .error ul li a {
  text-decoration:none;
}

#page404 #content .error ul li.viral {
  top:82px;
  left:7px;
}

#page404 #content .error ul li.smo {
  top:18px;
  left:139px;
}

#page404 #content .error ul li.sc {
  top:231px;
  left:106px;
}

#page404 #content .error ul li.webpr {
  top:165px;
  left:326px;
}

#page404 #content .error ul li.smm {
  top:33px;
  left:478px;
}

#page404 #content .error ul li.media {
  top:115px;
  left:565px;
}

#page404 #content .error ul li.audit {
  top:241px;
  left:453px;
}

#page404 #content .error ul li.seo {
  top:69px;
  left:682px;
}

#page404 #content .error ul li.sem {
  top:241px;
  left:661px;
}

#page404 #content .error h2 {
  font:307% Tahoma, Arial, Helvetica, sans-serif; /* 40px */
  color:#3c5968;
  padding:350px 0 0;
  text-align:center;
}