/*------------------------------------------------------------------
[Master Stylesheet]

Project: Yurlov & Partners
Version: 1.0
Last change: 2008-07-14
Assigned to: Stepan Galkin

Copyright (c) The Names | http://www.thenames.ru/
-------------------------------------------------------------------*/


* { margin: 0; padding: 0; font-size: 100.01%; }
html { height: 100%; }
body { background: #ffffff; font: 10.5pt/1.5 Arial, Helvetica, sans-serif; color: #000; height: 100%; }


/* ---------------------- */
/* Standard HTML elements */
a, .pseudo-link { color: #fa780f; border-color: #fa780f; }
a:hover, .pseudo-link:hover { color: #fcae19 !important; border-color: #fcae19 !important; }
.pseudo-link { border-bottom: 1px dashed; cursor: pointer; }

a.close { position: absolute; width: 30px; height: 30px; background: url(/images/i-close.gif) no-repeat; top: 30px; right: 3%; outline: none; cursor: pointer; }
a.close:hover { background-position: -30px 0; }

a#guide_link { position: absolute; display: block; height: 27px; margin: -5px 0 0 -44px; padding: 10px 0 0 44px; background: url(/images/i-guide.gif) no-repeat 0 0; }
a#guide_link:hover { background-position: 0 -64px; }

.popup { display: inline-block; }
.popup ins { content: ''; cursor: pointer; position: absolute; background: url(/images/i-popup.gif) no-repeat 0 50%; width: 14px; height: 1.4em; margin-left: -18px; }
.popup:hover ins { background-position: -22px 50%; }

img { border-width: 0; }
* html img { behavior: url(/css/iepngfix.htc); }
p, blockquote, address { margin: 0 0 1.5em 0; }
table { border-collapse: collapse; }
input, select, button, textarea { font-size: 1em; }

ul, ol { padding: 0 0 1em 2em; text-indent: 0pt; }
ul { list-style-type: none; }
li { padding: 0; margin: 0 0 0.3em 0; }
li ul, li ol { margin-top: 0.5em; margin-bottom: 0; }

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; }
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 :'' ); }

ul.bullet { margin-top: -0.8em; }
ul.bullet li { list-style: disc; }

h1, h2, h3, h4 { clear: both; line-height: 1.2; margin-bottom: 0.5em; }
h1 { width: 70%; font-size: 36pt; line-height: normal; margin-bottom: 15px; margin-left: -0.05em; }
h2 { font-size: 18pt; font-weight: normal; margin-bottom: 0.2em; }
h3 { font-size: 18pt; font-weight: normal; }

.pseudo-link { text-decoration: none; border-bottom: dashed 1px; cursor: pointer; }
.clear { clear: both; font-size: 0px; line-height: 0px; min-height: 1px; /* min-height - fix for opera */}
.clickable {cursor: pointer; cursor: hand; }
.small { font-size: 8pt; }
.middle { font-size: 9pt; }
.hidden { display: none; }


/* Files
----------------------------------------------- */
/* .file { margin-bottom: 1.33em; } */
.file ins { position: absolute; background: url(/images/files.gif) no-repeat; width: 16px; height: 16px; margin: 2px 0 0 -24px; }
.file span { display: block; color: #808080; text-transform: uppercase; font-size: 9pt; white-space: nowrap; }
.file.pdf { background-position: 0 0; }
.file.pdf a:hover ins { background-position: 0 -16px; }


/* Scroller */
.scroll_holder { position: relative; overflow: hidden; width: 100%; clear: both; }
.scroll_area { position: relative; width: 400%; height: 100%; }
.scroll_area div.pane { position: relative; float: left; width: 25%; display: none; }
.scroll_area div.pane.selected { display: block; }


/* Layout
----------------------------------------------- */
div#measurer { position: absolute; width: 100%; top: 0; height: 1px; line-height: 1px; }
div#layout { position: relative; min-width: 990px; height: 100%; }
* html div#layout { width: expression( (document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 990) ? '990px' : '100%' ); }
div#header { position: relative; height: 80px; padding: 20px 0 0 20px; z-index: 20; }
div#logo { position: absolute; left: 82%; margin-left: -68px; z-index: 50; background: url(/images/yurlov-logo.png) no-repeat; }
* html div#logo { background-image: url(/images/yurlov-logo-w.png); }

#fade { position: absolute; background: #444; width: 100%; height: 100%; z-index: 1000; display: none; }
#fade.visible { display: block; }

#navigation_wrapper { padding-top: 9px; padding-top: 7px; }
#navigation { width: 60%; line-height: 1.4; }
#navigation td { vertical-align: top; font-size: 9pt; overflow: hidden; }
#navigation p { margin: 0; }
#navigation span, #navigation strong { display: block; border-left: solid 1px; border-color: #cad2d9; padding-left: 19px; font-weight: normal; margin: -0.25em 0 0 0; }
#navigation a { display: block; //display: inline-block; color: #727a82; outline: none; cursor: pointer; }
#navigation td.bureau span { width: 3em; border-bottom-style: solid; border-bottom-width: 1px; padding: 1.5em 12px 1.4em 19px; margin-bottom: 1.4em; }
#navigation a:hover { color: #fa780f !important; }
#navigation td.selected span { border-color: #fa780f; }
#navigation td.selected a:hover span,
#navigation td.selected a:hover { color: #fcae19 !important; border-color: #fcae19 !important;}
#navigation td.selected span { color: #fa780f; }
#navigation td.selected a { color: #fa780f; text-decoration: underline !important; }

ul#navigation { padding: 0; padding-top: 9px; margin: 0; font-size: 8pt; text-transform: uppercase; }
ul#navigation li { float: left; margin: 0; margin-right: 3em; overflow: hidden; }
ul#navigation li span,
ul#navigation li strong { display: block; border-left: solid 1px; border-color: #cad2d9; padding-left: 19px; font-weight: normal; margin: -0.25em 0 -0.3em 0; }
ul#navigation li a { display: block; //display: inline-block; text-decoration: none; color: #727a82; outline: none; }
ul#navigation li a:hover { color: #fa780f !important; }
ul#navigation li.selected span { border-color: #fa780f; }
ul#navigation li.selected a:hover span,
ul#navigation li.selected a:hover { color: #fcae19 !important; border-color: #fcae19 !important; }
ul#navigation li.selected span { color: #fa780f; }
ul#navigation li.selected a { color: #fa780f; text-decoration: underline !important; }
ul#navigation li.bureau span { border-bottom-style: solid; border-bottom-width: 1px; padding: 1.5em 18px 1.5em 19px; margin-bottom: 1.5em; }

/* @group Sub head */
#subheader { position: relative; z-index: 20; font-size: 9pt; line-height: normal; width: 100%; }
ul.subnav { padding: 0; margin: 0; margin-left: 50px; width: 60%; }
ul.subnav li { float: left; margin: 0 2.5em 1em 0; white-space: nowrap; }
ul.subnav li a:hover { border-color: white !important; }
ul.subnav li.selected a { color: black; font-weight: bold; }
ul.subnav li.clear { width: auto; }

div#language { position: absolute; left: 82%; font-size: 8pt; top: 0; }
div#language a.lang { color: #727a82; }
div#language a.guide { margin-left: 2em; }
/* @end */

#content { margin: 10px 0 30px 0; width: 100%; }
.pagehead, .pagebody, #footer { clear: both; padding-left: 50px; }
.pagebody { min-height: 160px; }
.pagehead .column1, #footer .column1 { padding-right: 60px; }
.pagebody .column1 { padding-left: 60px; }
.pagerow { clear: both; }
.pagerow .pagerow { margin-left: 60px; }
.pagerow .pagerow h2 { width: 82%; }
.column1, .column2 { float: left; }
.column1 { width: 45%; }
.column2 { width: 30%; }
.column3 { position: absolute; width: 15%; left: 82%; }
.column1.wide { width: 72%; } /* 70% */
.column2.wide { width: 40%; }
.textrow { width: 60%; padding: 1em 0 1em 60px; }
* html .column1 { width: expression(this.className.indexOf('wide') > -1 ? '70%' : ''); }
* html .column2 { width: expression(this.className.indexOf('wide') > -1 ? '40%' : ''); }

.whiteboard, .blackboard { border-top: solid 1px; border-bottom: solid 1px; padding-top: 30px; padding-bottom: 20px; }
.whiteboard { border-color: #cccccc; }
.blackboard { border-color: black; background-color: black; color: white; }
span.whiteboard_arrow,
span.blackboard_arrow { position: relative; display: block; width: 59px; height: 30px; margin: 0 0 -1px 110px; }
span.whiteboard_arrow { background: url(/images/wb_arrow.gif) no-repeat; }
span.blackboard_arrow { background: url(/images/bb_arrow.gif) black no-repeat; }

a.arrow_button { position: relative; display: block; font-size: 8pt; text-decoration: none; color: #4d4d4d; border: solid 1px #4d4d4d; border-right: none; clear: both; line-height: 1; min-height: 23px; z-index: 50; }
* html a.arrow_button { height: 23px; }
a.arrow_button ins { position: absolute; display: block; width: 11px; height: 25px; background-repeat: no-repeat; top: -1px; right: -11px; }
a.arrow_button:hover { color: #999999; border-color: #999999; }
a.arrow_button:hover ins { background-position: -11px 0; }
a.arrow_button span { position: relative; display: block; margin: 6.5px 20px 0 20px; }

dl.promo { clear: both; margin-bottom: 2.5em; }
dl.promo dt { float: left; margin-right: 20px; }
dl.promo dd { float: left; }
dl.promo dd p { margin-bottom: 0; }
dl.promo dd p.logo { margin-bottom: 20px; }
dl.promo dd p.logo img { vertical-align: middle; margin-right: 20px; }
dl.promo dd p.logo span.date { font-size: 8pt; color: #808080; }
dl.promo dd p.date { font-size: 8pt; color: #808080; }
dl.promo dd p.title { font-size: 14pt; clear: both; }
dl.promo.movie dd { width: 50%; }
dl.promo.press dd { width: 65%; }
dl.promo.press dd p.logo { margin-bottom: 0; }
dl.promo.press dd p.logo img { vertical-align: middle; margin-right: 0; margin-left: -1px; }
dl.promo.press dd p.title span.file { display: inline-block !important; font-size: 8pt; white-space: nowrap; }
dl.promo.press dd p.title span.file ins { background-position: -32px 0; margin: 0;display: none; }
.movie a.thumb { position: relative; display: block; }
.movie a.thumb img { position: relative; z-index: 5; opacity: 0.7; filter: alpha(opacity=70); }
.movie a.thumb span.play { position: absolute; width: 160px; height: 120px; background: url(/images/btn-play.png) no-repeat center center; top: 0; left: 0; cursor: pointer; z-index: 10; opacity: 0.7; }
.movie a.thumb:hover img { opacity: 1; filter: none; }
.movie a.thumb:hover span.play { opacity: 0.9; }
.movie.tiny a.thumb { background: black; width: 80px; margin-bottom: 10px; }
.movie.tiny a.thumb span.play { width: 80px; height: 60px; background: url(/images/btn-play-small.png) no-repeat center center; }
* html .movie a.thumb span.play { behavior: url(/css/iepngfix.htc); }

.popup_layer { position: absolute; background: black; padding: 34px 50px; color: white; left: 50%; display: none; z-index: 2000; margin: -34px 0 0 -290px; }
.popup_layer a.close { width: 16px; height: 16px; background-image: url(/images/i-close-black.gif); right: 18px; top: 18px; }
.popup_layer dl { font-size: 8pt; }
.popup_layer dl dt, .popup_layer dl dd { display: block; float: left; }
.popup_layer dl dt { width: 70%; }
.popup_layer dl dd { width: 30%; text-align: right; }
.popup_layer .title { color: white; font-size: 14pt; line-height: 1.3; margin: 0; }
.popup_layer .logo { margin-top: 0.3em; }
.popup_layer .movie { clear: both; border: solid 1px #333333; margin: 25px 0; }
.popup_layer .date { color: #808080; }
.popup_layer ul.items { margin: 0; padding: 0; }
.popup_layer ul.items li { display: none; }

#bottom { position: relative; width: 100%; border-top: solid 10px #fa780f; border-bottom: solid 1px #282828; color: white; z-index: 50; overflow: hidden; }
#bottom div.lt, #bottom div.rt { position: relative; width: 50%; z-index: 20; padding-top: 30px; height: 100%; }
#bottom div.lt { float: left; margin-right: -100%; }
#bottom div.rt { float: right; }
#bottom dl.promo { margin: 0 30px 30px 50px; //height: 100%; }
* html #bottom div.lt { margin-left: -1px; }

#footer { font-size: 9pt; line-height: 1.3; padding-bottom: 55px; //padding-bottom: 30px; }
#footer .column1 { width: 30%; }
#footer div.frow { clear: both; margin-bottom: 1.5em; }
#footer div.lrow { clear: both; }