/*
// 2008-10-16
// Copyright (c) The Names | http://www.thenames.ru/
// Author - Stepan Galkin
*/

#layout_wrapper { background: url(/images/addr_bg.jpg) no-repeat top center;  }

#street_banner { position: relative; width: 900px; height: 410px; margin: 0 auto; }
#street_banner div { position: absolute; }
#street_banner ins { position: absolute; text-decoration: none; width: 170px; height: 120px; background: url(/images/addr_balloons.png) no-repeat; top: -125px; }
#street_banner ins span { position: absolute; width: 100%; text-align: center; }
#street_banner ul.soldiers li { position: absolute; width: 40px; height: 26px; background: url(/images/addr_soldiers.gif) no-repeat; }
#street_banner ul.soldiers li ins span { font: 8pt/1.3 Georgia, serif; font-style: italic; }
#street_banner ul.soldiers li.soldier1 { left: 165px; top: 175px; background-position: 0 0; }
#street_banner ul.soldiers li.soldier1 ins { background-position: 0 0; left: -100px; }
#street_banner ul.soldiers li.soldier1 ins span { top: 34px; }
#street_banner ul.soldiers li.soldier2 { left: 625px; top: 332px; background-position: -40px 0; }
#street_banner ul.soldiers li.soldier2 ins { background-position: -170px 0; left: 8px; }
#street_banner ul.soldiers li.soldier2 ins span { top: 49px; }
#street_banner .target { width: 16px; height: 16px; background: url(/images/addr_target.gif) no-repeat; left: 394px; top: 296px; }
#street_banner .target ins { width: 185px; background-position: -340px 0; top: -33px; left: -188px; }
#street_banner .target ins span { font-size: 12pt; width: 140px; line-height: normal; top: 25px; left: 10px; }
#street_banner .moscow { left: 706px; top: 140px; color: #4d4960; font-size: 12pt; line-height: 1.2; }
#street_banner .moscow span { color: #38334e; display: block; font-size: 8pt; }
#street_banner .kremlin { font-size: 8pt; left: 466px; top: 148px; }
#street_banner a.previous { position: absolute; width: 13px; height: 13px; background: url(/images/addr_previous.gif) no-repeat; left: 379px; top: 152px; cursor: default; }
#street_banner a.previous span { position: absolute; color: #808080; font: 8pt/1.2 Georgia, serif; font-style: italic; text-align: right; width: 150px; left: -152px; top: 11px; display: none; }
#street_banner a.previous:hover { background-position: -13px; }
#street_banner a.previous:hover span { display: block; }
#street_banner i.sadovoe { position: absolute; width: 84px; height: 24px; background: url(/images/addr_sadovoe.gif) no-repeat; left: 391px; top: 226px; }

/* @group About */
#about { text-align: center; padding-top: 0; padding-bottom: 0; }
#about h1 { white-space: nowrap; margin-bottom: 0; }
#about p.note { color: #666666; width: 50em; margin: 1em auto 3.5em auto; line-height: 1.7; }
#about table.depts { width: 100%; table-layout: fixed; }
#about table.depts td { text-align: left; vertical-align: top; border-left: solid 1px #333333; padding: 0 20px; padding-bottom: 40px; }
#about table.depts td p { position: relative; margin: 0; margin-top: -0.4em; }
/* @end */

/* @group Clients */
#clients { background: #333333; padding-bottom: 10px; }
#clients h2 { margin-bottom: 0; }
#clients table.header,
#clients table.page,
#clients table.stats { width: 100%; table-layout: fixed; }
#clients table.header { margin-bottom: 35px; }
#clients table.header td { vertical-align: bottom; }
#clients div.list { position: relative; width: 100%; }
#clients table.page td { padding: 0.5em 0; padding-right: 20px; }
#clients table.page td span { display: block; color: #999999; font-size: 8pt; }
#clients .collapseAll { display: none; }
div.viewport { clear: both; width: 100%; position: relative; overflow: hidden; }
div.viewport div.reel { position: relative; width: 1000%; margin-bottom: 0; }
div.viewport  div.frame { float: left; width: 10%; }
div.viewport div.reel.expanded { width: auto; margin-bottom: 30px; }
div.viewport div.reel.expanded div.frame { float: none; width: auto; }
div.list div.previous,
div.list div.next { position: absolute; top: 50%; width: 14px; height: 11px; cursor: pointer; background-position: 0 0; background-repeat: no-repeat; }
div.list div.previous { left: -35px; background-image: url(/images/i-arrow-l.gif); }
div.list div.next { right: -30px; background-image: url(/images/i-arrow-r.gif); }
div.list div.previous:hover,
div.list div.next:hover { background-position: -14px 0; }
#clients table.stats td { color: #000000; line-height: normal; vertical-align: middle; }
#clients table.stats td div { position: relative; margin-left: -0.5em; //margin-left: 0; }
#clients table.stats td span.digit { font-size: 42pt; }
#clients table.stats td span.note { position: absolute; font-size: 12pt; top: 50%; margin: -0.6em 0 0 0.5em; //margin-top: -0.8em; }
#clients table.stats td span.comment { padding-left: 0.5em; //padding-left: 0; }
#clients table.stats td span.cross,
#clients table.stats td span.equal { position: absolute; font-size: 26pt; margin-top: -0.6em; //margin-top: -1.8em; top: 50%; left: 81%; }
ul.navigation { margin-bottom: 2px; }
ul.navigation li { float: left; margin-right: 10px; cursor: pointer; }
ul.navigation li span { display: block; background: #4d4d4d; width: 7px; height: 7px; line-height: 0; font-size: 0; }
ul.navigation li:hover span { background: #e10015; }
ul.navigation li.selected span { background: #ffffff; }
/* @end */

/* @group Contacts */
#contacts { position: relative; background: #4d4d4d; padding-bottom: 50px; overflow: hidden; //padding-bottom: 26px; }
* html #contacts { overflow: visible; height: 200px; }
#contacts h2 { color: #1a1a1a; margin-bottom: 0.5em; }
#contacts h2 span { font-size: 7pt; margin-left: 1em; }
#contacts h2 span a { color: #3c3c3c; }
#contacts h2 span a:hover { color: #999; }
#contacts p { margin: 0; }
#contacts dl { margin-top: 1.3em; }
#contacts dd { width: 66%; float: left; background: url(/images/d-l.gif) repeat-x 0 1em; }
#contacts dt { width: 33%; float: left; }
#contacts .address,
#contacts .files,
#contacts p.map_link { padding-left: 120px; }
#contacts .address { font-size: 12pt; width: 13em; white-space: nowrap; margin-bottom: 2.2em; background: #4d4d4d; }
#contacts .phone { white-space: nowrap; font-size: 46pt; line-height: normal; position: relative; margin-top: -0.18em; background: #4d4d4d; }
#contacts .phone span { position: absolute; font-size: 16pt; left: -4.5em; padding: 0 0.66em 0 1em; background: #4d4d4d; top: 0.4em; }
#contacts ins.addr_line { display: block; width: 1px; height: 40px; padding-left: 0.3em; border-right: solid 1px #333333; margin-left: 120px; }
#contacts ul.files li { background-image: url(/images/file-pdf-gray.gif); }
#showme { position: absolute; background: url(/images/showme_corner.gif) no-repeat; font-size: 12pt; line-height: 1.3; top: 0; padding: 40px 0 0 66px; //padding-bottom: 1px; margin-left: -66px; }
#showme a { color: #ffffff; border-color: #ffffff; }
#showme a:hover { color: #e10015; border-color: #e10015; }
#fun { position: absolute; font-size: 7pt; font-weight: normal; color: #808080; margin-left: 1em; margin-top: -4.7em; z-index: 1; width: 37em; }
#fun div { float: left; }
#fun div span { display: block; border-left: solid 1px #5c5c5c; margin: 0.5em 0 0 0.5em; height: 4em; }
#fun div.phrase1 { width: 12em; margin-top: 4em; }
#fun div.phrase2 { width: 14em; margin-top: 4em; }
#fun div.phrase3 { text-indent: 4.2em; line-height: normal; }
#fun div.phrase3 span { border-left: none; border-top: solid 1px #5c5c5c; width: 3.5em; margin: -0.7em 0 0 0; }
/* @end */