body {
  margin: 0; padding: 0;
  background: #000 url(/images/bg.png) 2px 0;
  color: #ccc;
  font-family: Helvetica;
}

#nineyard {
  position: absolute; z-index: 42;
  top: 0; left: 0; right: 0;
  margin: 0 auto; padding: 0 20px;
  max-width: 1024px;
  background: url(/images/bg_underlogo.png) top center no-repeat;
}
*:first-child+html #nineyard { position: static; top: auto; left: auto; right: auto; }

#true a {
  display: block;
  width: 270px; height: 79px; margin: 108px auto 0 auto;
  background: url(/images/logo_with_smoke_and_reflection.png) top center no-repeat;
  outline: none;
}


#main_menu {
  display: block;
  height: 30px;
  margin: 0; padding: 30px 0 0 100px;
  list-style: none;
  background: url(/images/line.png) center bottom no-repeat;
}

#main_menu li {
  float: left;
  width: 16%;
}
#main_menu li.more { width: 18%; }

#main_menu li a:link, #main_menu li a:active, #main_menu li a:visited, #main_menu li a:hover, #main_menu li.active a { display: block; height: 25px; padding-top: 5px; text-align: center; text-decoration: none; }
#main_menu li.active a:link, #main_menu li.active a:active, #main_menu li.active a:visited { background: url(/images/menu_hover.png); }
#main_menu li a:hover { color: #ccc; background: url(/images/menu_hover.png); }

#admin_menu li.active > a { color: #33b2e6; }

#info {
  padding: 15px 0 0 0;
  font-size: 85%;
}
#info p { padding-left: 15px; text-align: justify; }
#info h1 { margin-top: 0; }

#dialer {
  float: right;
  width: 420px;
  margin: 0;
  list-style: none;
}

#dialer li {
  float: left;
  width: 140px;
}

#dialer a:link, #dialer a:active, #dialer a:visited {
  display: block;
  width: 120px; height: 130px;
  margin: 0 10px;
  background-position: top center;
  background-repeat: no-repeat;
  outline: none;
}
#dialer a:hover { background-position: bottom center; }


/* DIALER ICONS: BEGIN */

a.ico-backup { background: url(/images/icons/backup.png); }
a.ico-client { background: url(/images/icons/client.png); }
a.ico-disman { background: url(/images/icons/disman.png); }
a.ico-voip { background: url(/images/icons/voip.png); }
a.ico-mail { background: url(/images/icons/mail.png); }
a.ico-network { background: url(/images/icons/network.png); }
a.ico-remman { background: url(/images/icons/remman.png); }
a.ico-share { background: url(/images/icons/share.png); }
a.ico-web { background: url(/images/icons/web.png); }

/* DIALER ICONS: END */


#foot {
  clear: both;
  margin-top: 10px; padding-top: 5px;
  background: url(/images/line.png) center top no-repeat;
}

#copyright {
  float: left;
  padding: 0 0 20px 33px; background: url(/images/copyright.png) 0px 21px no-repeat;
  height: 62px; line-height: 62px; vertical-align: middle;
  font-size: 80%;
  color: #33b2e6;
}

#contact {
  display: block; float: right;
  width: 173px; height: 61px;
  padding: 0; background: url(/images/contacts.png) left top no-repeat;
}


/* INDEX: BEGIN */

.news { padding: 0 0 20px 0; font-size: 90%; }
.news li { list-style: none; }
.news a:link, .news a:active, .news a:visited { text-decoration: none; margin-left: 5px; padding-right: 16px; background: url(/images/link_news.png) no-repeat right center; }
.news a:hover { color: #ccc; text-decoration: underline; }

/* INDEX: END */


/* NEWS: BEGIN */

em.date { display: block; text-align: left; }
h1.news { margin: 0; padding: 8px 0 0 0; font-size: 130%; }

/* NEWS: END */


/* SOLUTIONS: BEGIN */

/* solutions submenu */
#info .status {
  text-align: left;
  font-style: italic;
}

#solutions {
  display: block;
  width: 803px;
  margin: 30px auto 50px auto; padding: 0 0 50px 0;
}

*:first-child+html #solutions { height: 107px; margin-bottom: 0; padding-bottom: 0; }

#solutions li {
  display: block;
  float: left;
  margin: 0; padding: 0;
}

#solutions li a:link, #solutions li a:active, #solutions li a:visited, #solutions li a:hover {
  display: block;
  width: 93px;
  background-repeat: no-repeat;
  position: static;
  outline: none;
}

#solutions li.share a:link, #solutions li.share a:active, #solutions li.share a:visited, #solutions li.share a:hover { width: 119px; height: 56px; margin-top: 12px; background-image: url(/images/solutions/menu/share_off.png); }
#solutions li.share.active a, #solutions li.share a:hover { height: 100px; position: relative; bottom: 20px; background-image: url(/images/solutions/menu/share_on.png); }

#solutions li.client a:link, #solutions li.client a:active, #solutions li.client a:visited, #solutions li.client a:hover { height: 77px; background-image: url(/images/solutions/menu/client_off.png); }
#solutions li.client.active a, #solutions li.client a:hover { height: 107px; position: relative; bottom: 12px; background-image: url(/images/solutions/menu/client_on.png); }

#solutions li.backup a:link, #solutions li.backup a:active, #solutions li.backup a:visited, #solutions li.backup a:hover { width: 91px; height: 71px; background-image: url(/images/solutions/menu/backup_off.png); }
#solutions li.backup.active a, #solutions li.backup a:hover { height: 104px; position: relative; bottom: 12px; background-image: url(/images/solutions/menu/backup_on.png); }

#solutions li.mail a:link, #solutions li.mail a:active, #solutions li.mail a:visited, #solutions li.mail a:hover { width: 95px; height: 50px; margin-top: 16px; background-image: url(/images/solutions/menu/mail_off.png); }
#solutions li.mail.active a, #solutions li.mail a:hover { height: 86px; position: relative; bottom: 20px; background-image: url(/images/solutions/menu/mail_on.png); }

#solutions li.network a:link, #solutions li.network a:active, #solutions li.network a:visited, #solutions li.network a:hover { width: 90px; height: 67px; margin-top: 5px; background-image: url(/images/solutions/menu/network_off.png); }
#solutions li.network.active a, #solutions li.network a:hover { height: 97px; position: relative; bottom: 13px; background-image: url(/images/solutions/menu/network_on.png); }

#solutions li.disman a:link, #solutions li.disman a:active, #solutions li.disman a:visited, #solutions li.disman a:hover { height: 70px; margin-top: 4px; background-image: url(/images/solutions/menu/disman_off.png); }
#solutions li.disman.active a, #solutions li.disman a:hover { height: 103px; position: relative; bottom: 13px; background-image: url(/images/solutions/menu/disman_on.png); }

#solutions li.remman a:link, #solutions li.remman a:active, #solutions li.remman a:visited, #solutions li.remman a:hover { height: 66px; margin-top: 6px; background-image: url(/images/solutions/menu/remman_off.png); }
#solutions li.remman.active a, #solutions li.remman a:hover { height: 99px; position: relative; bottom: 15px; background-image: url(/images/solutions/menu/remman_on.png); }

#solutions li.voip a:link, #solutions li.voip a:active, #solutions li.voip a:visited, #solutions li.voip a:hover { width: 129px; height: 62px; margin-top: 10px; background-image: url(/images/solutions/menu/voip_off.png); }
#solutions li.voip.active a, #solutions li.voip a:hover { height: 93px; position: relative; bottom: 18px; background-image: url(/images/solutions/menu/voip_on.png); }

#solutions li a:hover { margin-top: 0; }


.solrow { clear: both; padding-bottom: 15px; }
.solodd { float: left; width: 49%; }
.soleven { margin-left: 20px; padding-left: 50%; }

.sol, .sol:link, .sol:active, .sol:visited {
  display: block;
  margin: 0;
  background-position: top center;
  background-repeat: no-repeat;
  outline: none;
  text-decoration: none;
}
a.sol:hover { text-decoration: underline; }
.sol img { float: left; }

.solrow h3, .solrow p, .solrow ul { margin-left: 150px; margin-bottom: 15px; }
#info .solrow p { padding-left: 0; }
.solrow p { text-align: justify; }
.solrow h3 { display: block; margin-top: 0; text-decoration: none; }


/* SOLUTIONS: END */


/* PORTFOLIO: BEGIN */

.portrow { clear: both; }

.description {
  float: left;
  width: 67%;
}
#info .description p { padding-left: 0; }

.description h3 { margin-top: 0; }
.description h3 a:link, .description h3 a:active, .description h3 a:visited { color: #33b2e6; text-decoration: none; }
.description h3 a:hover { text-decoration: underline; }

.summary {
  float: right;
  width: 271px;
  background: url(/images/line_square_top.png) no-repeat top left;
}

.summary dl { display: block; background: url(/images/line_square_bottom.png) no-repeat bottom left; font-size: 90%; }
*:first-child+html .summary dl { padding-top: 10px; }
.summary dt { padding-left: 15px; color: #33b2e6; }
.summary dd { padding-bottom: 15px; margin-left: 45px; }

.summary dd ul { position: relative; left: -25px; padding: 0; list-style: none; }
.summary dd li { color: #ccc; }
.summary dd li a {
  display: block;
  height: 16px;
  padding-left: 25px;
  background-repeat: no-repeat;
  outline: none;
  text-decoration: none;
}
.summary dd li a:hover { color: #ccc; }
.ico-micro-backup { background: url(/images/icons/micro/backup.png) 4px 3px; }
.ico-micro-client { background: url(/images/icons/micro/client.png) 4px 3px; }
.ico-micro-disman { background: url(/images/icons/micro/disman.png) 4px 3px; }
.ico-micro-voip { background: url(/images/icons/micro/voip.png) 2px 3px; }
.ico-micro-mail { background: url(/images/icons/micro/mail.png) 2px 3px; }
.ico-micro-network { background: url(/images/icons/micro/network.png) 3px 3px; }
.ico-micro-remman { background: url(/images/icons/micro/remman.png) 3px 3px; }
.ico-micro-share { background: url(/images/icons/micro/share.png) 2px 3px; }

/* PORTFOLIO: END */

/* ERROR: BEGIN */

.line {
  clear: both;
  display: block;
  height: 1px;
  margin: 0; padding: 30px 0 0 100px;
  list-style: none;
  background: url(/images/line.png) center bottom no-repeat;
}

.errorpage {
  padding: 40px 0 0 0;
  overflow: hidden;
}

.errorcode {
  float: left;
  width: 50%;
  padding: 10px 0 40px 0;
  text-align: right;
  background: url(/images/errors/line.png) right no-repeat;
}

.errorcode img { margin: 30px 10px 0 0; width: 129px; height: 79px; }

.errortext {
  display: table-cell;
  vertical-align: middle;
  height: 135px;
  padding-left: 25px;
  font-size: 80%;
}

/* ERROR: END */

/* web.trueoffice.ru */
#web_content { list-style: none; width: 260px; margin: 40px auto 0 auto; padding: 0; }
#web_content li { float: left; margin: 0; list-style: none; }

#web_content li a {
  display: block;
  width: 50px; height: 50px;
  margin-right: 2px;
  background-repeat: none;
  background-position: 0 0;
  text-decoration: none;
}
#web_content li a:hover { background-position: 0 50px; }
#web_content .web_icon_trueoffice { background-image: url(/images/web/trueoffice.png); }
#web_content .web_icon_nixp { background-image: url(/images/web/nixp.png); }
#web_content .web_icon_kontur { background-image: url(/images/web/kontur.png); }
#web_content .web_icon_auditory { background-image: url(/images/web/auditory.png); }
#web_content .web_icon_frdesign { background-image: url(/images/web/frdesign.png); }

#web_content_after { clear: both; padding-top: 25px; }