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

* { margin: 0; padding: 0; font-size: 100.01%; }
html { height: 100%; }
body { font: 9pt/1.5 "Trebuchet MS", sans-serif; background: #141414; color: #ffffff; height: 100%; }
table { border-collapse: collapse; }
table th, table td { vertical-align: top; }

a, .pseudo-link { color: #e10015; border-color: #e10015; }
a:hover, .pseudo-link:hover { color: #ffffff; border-color: #ffffff; }
.pseudo-link { border-bottom: 1px dashed; cursor: pointer; text-decoration: none; }

/* @group Standard elements */
img { border: none; }
select, input, textarea { font-size: 100%; font-family: "Trebuchet MS", sans-serif; }
h1, h2, h3 { font-weight: normal; }
h1 { font-size: 36pt; margin-bottom: 0.7em; }
h2 { font-size: 18pt; margin-bottom: 1em; }
p { margin-bottom: 1em; }
ul { list-style-type: none; }
ul, ol { padding: 0 0 1em 0; text-indent: 0pt; }
ul.data, ol.data { padding: 0 0 1.5em 2.5em; text-indent: 0em; }
ul.data ul, ol.data ul { padding-bottom: 0; }
ul.data li { text-indent: -1.58em; margin: 0 0 0.3em 0; }
ul.data li:before { content: '\2014\a0\a0'; }
ul.data li { padding: 0 0 0.3em 0.5em; behavior: expression( !this.before ? this.before = this.innerHTML = '<span class="dash">&mdash;&nbsp;&nbsp;</span>' + this.innerHTML :'' ); }
/* @end */

/* @group Custom elements */
span.close { position: absolute; width: 17px; height: 17px; background: url(/images/i-close.gif) no-repeat; cursor: pointer; right: 0; top: 30px; }
.clear { clear: both; }
.hidden { display: none !important; }
div.clear { clear: both; height: 0; line-height: 0; }
/* homepage icon */
a.gotoHomepage { position: relative; }
a.gotoHomepage s { position: absolute; background: url(/images/i-back-arrow.gif) no-repeat; width: 20px; height: 5px; margin: -0.18em 0 0 -26px; top: 50%; }
a.gotoHomepage:hover s { background-position: -20px 0; }
* html a.gotoHomepage s { top: 0.75em; }
/* files list */
ul.files li { padding-bottom: 0.5em; margin-bottom: 0.4em; background: url(/images/file-pdf.gif) no-repeat 0 0.4em; margin-left: -22px; padding-left: 22px; }
ul.files a { color: #ffffff; }
ul.files a:hover { color: #e10015; }
ul.files span { color: #1a1a1a; margin-left: 0.8em; }
p.map_link { padding-bottom: 2em; }
p.map_link span { font-size: 8pt; color: #808080; display: block; }
p.map_link i { position: absolute; width: 14px; height: 14px; margin: 0.2em 0 0 -22px; background: url(/images/i-map.gif) no-repeat; }
/* @end */

/* @group Layout */
div#measurer { position: absolute; width: 100%; top: 0; height: 1px; line-height: 1px; }
#layout_wrapper { width: 100%; min-width: 980px; }
#layout { height: 100%; background-color:#a00000; }
* html #layout_wrapper { width: expression((document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 980) ? '980px' : '100%') }
.row { padding: 35px 60px; clear: both; }
/* @end */

/* @group Header */
#logo { position: absolute; left: 60px; }
#header { position: relative; width: 100%; font-size: 8pt; line-height: normal; height: 120px; z-index: 30; }
#header .phone,
#header .feedback { position: absolute; top: 66px; }
#header .phone { position: absolute; left: 50%; margin-left: -0.9em; }
#header .phone dt { margin: 0 0 0.2em 0.7em; color: #666666; }
#header .phone dd { font-size: 16pt; }
#header .feedback { margin-top: 2.2em; //padding-bottom: 1px; right: 60px; }
#header .feedback a { border-color: #e10015; }
#header .feedback a:hover { border-color: #ffffff; }
#header .feedback a ins { position: absolute; width: 16px; height: 100%; background: url(/images/i-feedback.gif) no-repeat 0 50%; margin: 1px 0 0 -24px; }
#header .feedback a:hover ins { background-position: -20px 50%; }
/* @end */

/* @group Footer */
#footer { font-size: 8pt; position: relative; padding: 60px; color: #4d4d4d; background-color:#141414; }
#footer .copyright { position: relative; float: left; padding-left: 40px; }
#footer .copyright span { position: absolute; width: 33px; height: 33px; color: #141414; top: -9px; left: 0; background: url(/images/c.gif) no-repeat; }
#footer .logomaker { float: right; margin-top: -9px; }
/* @end */

/* @group Feedback form */
#feedback_body .x_forms { width: 600px; }
#feedback_body ul.data { padding-left: 36px; }
#feedback_body .reducer { padding: 0 30px; }
#fb_container { position: absolute; z-index: 200; color: black; right: -45px; margin-top: 12px; width: 390px; }
#fb_loader { display: none; }
#fb_data { width: 100%; padding-top: 20px; //padding-top: 35px; overflow: hidden; }
#fb_data .x_forms { background: url(/images/fb_bg.jpg) #d9d9d9 repeat-x bottom; padding: 30px; }
#fb_data .icon { display: none; }
#fb_data #message { height: 120px; }
#fb_data .wide .label { padding-bottom: 0.8em; }
#fb_data .button { float: right; }
#fb_data .type_submit { margin: 0; }
#fb_data form input.text, #fb_data form textarea { font-size: 12pt; }
#fb_data ins.arrow { position: absolute; width: 28px; height: 20px; background: url(/images/fb_arrow.gif) no-repeat; top: 0; //top: 15px; right: 70px; }
/* @end */

/* @group Portfolio form */
#protfolio_body { background-color:#141414; }
#protfolio_body .x_forms { width: 600px; }
#protfolio_body .main { padding: 0 30px; }
#protfolio_body .fieldset { border-color: #333; }
#protfolio_body .fieldset .title { color: #555; background: #141414; }
#protfolio_body .d_link { padding-bottom: 6px; margin-bottom: 0.6em; }
* html #protfolio_body .d_link .field { padding-bottom: 1px; }
#port_container { position: absolute; width: 100%; z-index: 200; color: black; display: none; }
#port_data { position: relative; width: 560px; margin: 0 auto; padding: 30px 40px; background: url(/images/fb_bg.jpg) #d9d9d9 repeat-x bottom; overflow: hidden; }
#port_data h2 { color: #e10015; }
#port_data span.close { background: url(/images/i-close-black.gif) no-repeat; right: 30px; }
#port_data label.title { background: #d1d1d1; }
#port_data .type_submit { margin-top: 20px; }
#protfolio_body input.button { color:#fff; }
/* @end */

/* @group Portfolio files */
#protfolio_files {  }
#protfolio_files ul.sections { margin-left: 30px; }
#protfolio_files ul.sections li { float: left; width: 25%; }
#protfolio_files ul.sections li img { display: block; margin-bottom: 14px; }
#protfolio_files ul.sections li a { color: white; }
#protfolio_files ul.sections li a:hover { color: #e10015; }
#protfolio_files ul.sections li span { color: #808080; display: block; }
#protfolio_files ul.sections li ins { position: absolute; width: 22px; height: 16px; background: url(/images/file-pdf.png) no-repeat; margin-top: 0.4em; margin-left: -22px; }
/* @end */

/* @group Typography */
span.sbrace { margin-right: 0.3em }
span.hbrace { margin-left: -0.3em }
span.slaquo { margin-right: 0.44em }
span.hlaquo { margin-left: -0.44em }
span.slaquo-s { margin-right: 0.55em }
span.hlaquo-s { margin-left: -0.55em }
span.sbdquo { margin-right: 0.35em }
span.sbdquo:after { content: ' '; }
span.hbdquo { margin-left: -0.35em }
span.sbdquo-s { margin-right: 0.35em }
span.sbdquo-s { margin-left: -0.35em }
span.squot { margin-right: 0.32em }
span.hquot { margin-left: -0.32em }
span.sowc { margin-right: 0.04em }
span.howc { margin-left: -0.04em }
span.sowcr { margin-right: 0.05em }
span.howcr { margin-left: -0.05em }
/* @end */