body { /* background: url(bg.gif) left center repeat-x; */ height: auto; }

#layout { min-height: 850px; height: 100%; min-width: 980px; }
#middle { position: absolute; width: 100%; height: 780px; top: 50%; margin-top: -390px; }
#logo { position: absolute; left: 50%; margin-left: -387px; top: -2px; }
#auto { position: absolute; top: -10px; width: 100%; height: 428px;}
#auto div { background: url(auto.jpg) center top no-repeat; height: 428px; width: 1360px; position: absolute; left: 50%; margin-left: -690px; }

#main { position: absolute; left: 10%; bottom: 14%; width: 60%; }
#main a { font-size: 1.48em; position: relative; display: -moz-inline-box; zoom: 1; }
#main a i { position: absolute; margin-top: 1em; width: 74px; height: 70px; background: url(arrows.gif) 0 0 no-repeat; }
#main a.fast:hover i { background-position: -74px 0; }
#main a.detail i { background-position: -148px 0; }
#main a.detail:hover i { background-position: -222px 0; }
#main h2 { color: black; font-size: 130%; }

#promo { position: absolute; right: 3%; top: 50%; margin-top: 150px; width: 12%; //width: 13%; font: 1.1em Georgia, serif; }

#form-outer { text-align: center; }
#form { width: 830px; margin: 0 auto; position: relative; }
#form form { position: absolute; right: 77px; top: 12px; margin-right: -2.5em; }
#form form input { margin: 0 1em 0 0.5em; }
#form form input.submit { width: 5em; margin: 0; }
#form .isPlaceholder { color: #999999; }

#artlebedev { position: absolute; bottom: 5%; right: 15%; }
#artlebedev a { display: block; position: relative; width: 130px; height: 93px; background: url(artlebedev-logo.gif); }
#artlebedev a:hover { background-position: -130px 0; }

#copyrights { bottom: 5%; margin-left: -14px; }

#promo { //padding-left: 0.6em; }
.quot { margin-left: -0.6em; //margin-left: -0.55em; position: relative; z-index: 1; }
#promo a, #promo a span.quot { text-decoration: none; }
#promo a span { text-decoration: underline; }


/* language select */
#lang-sel-en, #lang-sel-ru { position:absolute; z-index:10; height:76px; width:200px; top:420px; font-size:1em;}
#lang-sel-en a, #lang-sel-ru a {font-size:1em;}
#lang-sel-en { left:2%; }
#lang-sel-ru {left:100%; margin-left:-200px;}

#lang-sel-en .drive-wheel, #lang-sel-ru .drive-wheel { position:absolute; top:-25px; }
#lang-sel-en .drive-wheel { left:-25px; }
#lang-sel-ru .drive-wheel { right:0px; }

#lang-sel-en a, #lang-sel-ru a { position:relative; color:#000; font-weight:bold; text-decoration:none; border-bottom:1px solid #000000; line-height:1em; }
#lang-sel-en a { padding-right:25px; margin-left:65px; }
#lang-sel-ru a { padding-left:25px; margin-right:0px; right:-17px; }

#lang-sel-en .arrow, #lang-sel-ru .arrow { position:absolute; display:block; padding-left:10px; line-height:1em; bottom:-4px; }
#lang-sel-en .arrow { background:url('lang-arrow-en.png') no-repeat bottom right; padding-left:0px; right:-2px; }
#lang-sel-ru .arrow { background:url('lang-arrow-ru.png') no-repeat bottom right; padding-right:0px; left:-11px; }