/*------------------------------------------------------------------
[Homepage Stylesheet]

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

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

body, #bottom { background: #141414; }
table#navigation p span, table#navigation p strong { border-color: #b2babf; }
#panes { position: relative; width: 100%; background-color: #ccc; height: 520px; overflow: hidden; }

#noflash { padding-left: 20px; font-size: 18pt; width: 600px; line-height: 1.5; height: 400px; }

#bottom h3 { color: #4d4d4d; line-height: 1; white-space: nowrap; padding-left: 50px; background: url(/images/h3-line.gif) no-repeat -20px 0.45em; text-transform: uppercase; font-size: 100%; font-weight: bold; margin-bottom: 30px; }
#bottom ins.separator { position: absolute; height: 100%; top: 0; border-left: solid 1px #282828; left: 50%; //margin-left: -1px; z-index: 50; color: white; }
#bottom dl.promo { margin-bottom: 8em; }
* html #bottom div.lt { margin-left: -2px; border-right: solid 1px #282828; }
* html #bottom div.rt { border-left: solid 1px #282828; }
* html #bottom ins.separator { display: none; }
* html div#logo { background-image: url(/images/yurlov-logo-home.png); }

#contacts { margin-left: 50px; white-space: nowrap; }
#contacts p.phone { position: relative; }
#contacts p.phone span { display: block; float: left; }
#contacts p.phone span.digits { font-size: 36pt; font-weight: bold; line-height: 1; }
#contacts p.phone span.note { position: relative; font-size: 8pt; font-style: italic; color: #666666; line-height: 1.4; padding-left: 24px; margin: 1em 0 0 1em; }
#contacts p.phone span.note ins { position: absolute; width: 16px; height: 1px; border-top: solid 1px #666666; margin: 0.65em 0 0 -24px; //margin-top: 0.5em; }
#contacts p.address {}

a.arrow_button { color: #4d4d4d; border-color: #4d4d4d; }
a.arrow_button ins { background-image: url(/images/button-arrow-idx.gif); }

#guide { display: block; position: absolute; z-index: 20; left: 82%; bottom: 4em; }
#guide ins { position: absolute; width: 36px; height: 36px; left: -42px; top: 50%; margin-top: -17px; background: url(/images/i-guide-home.gif) no-repeat; }
#guide a:hover ins { background-position: 0 -64px; }
#guide_road { position: absolute; display: block; width: 460px; height: 250px; background: url(/images/guide-road-black.png) no-repeat; z-index: 1; left: 82%; margin-left: -110px; bottom: 0; }

#feedback_link { position: absolute; left: 50%; margin-left: 50px; bottom: 4em; z-index: 50; }
#all_promos_link { position: absolute; bottom: 4em; z-index: 50; }
#all_promos_link a { position: absolute; white-space: nowrap; }
#bottom .press #all_promos_link { left: 154px; }
#bottom .movie #all_promos_link { left: 230px; }

#footer { position: relative; width: 100%; color: #3d3d3d; color: #444444; padding: 0; padding-top: 30px; height: 7.3em; }
#footer a { color: #3d3d3d; color: #444444; }
#footer a:hover { color: #666666 !important; color: #fa780f !important; }
#copyright { position: relative; padding-left: 50px; }

#thenames { position: absolute; left: 82%; top: 30px; white-space: nowrap; margin-left: -61px; }
#thenames span { display: block; }
#thenames a img { float: left; margin-top: 2.3em; background: url(/images/thenames-logo.png) no-repeat; }
#thenames.over, #thenames:hover { color: #666666 !important; }
#thenames.over img, #thenames:hover img { background-position: -80px 0; }
#thenames.over a, #thenames:hover a { color: #fa780f !important; }