#outer { min-width:61em; -width:expression(document.getElementById('measurer').offsetWidth / document.getElementById('measurer').offsetHeight < 61 ? '61em' : '100%'); }

#login_form { top:1.9em; }

.spread_bg { position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; //height:expression(this.parentNode.offsetHeight + "px"); }

#hat { padding:0; position:relative; margin-bottom:10px; z-index:1; }
#system { position:relative; width:auto; top:auto; z-index:2; padding:0.5em 0; margin:0 2% 0 6%; }
#hat img.spread_bg { border-bottom:1px solid #e7e5df; //height:2.21em; }

#countdown { position: absolute; right: 0; top: 12em; }
#countdown div { width: 243px; height: 86px; }
#countdown .before { text-align: center; background: url("http://i.hitekgroup.ru/f/1/counter_before.jpg") no-repeat; }
#countdown .after { background: url("http://i.hitekgroup.ru/f/1/counter_after.jpg") no-repeat; }
#countdown table { width: 195px; margin: 0 auto; table-layout: fixed; position: relative; z-index: 1; top: 26px; }
#countdown table td { width: 42px; text-align: center; }
#countdown table td.colon { width: 9px; }
#countdown table td.colon, #countdown big { font-size: 30px; }
#countdown big { padding: 0 2px; }
#countdown small { position: relative; top: -3px; left: -2px; display: block; text-align: right; font-size: 9px; color: #FFFFFF; }

#head { width:75%; margin:0 0 25px 6%; padding:0; left:0; top:auto; }
#logo { width:28%; border:none; background:none; }
#logo img { display:block; padding-bottom:10px; }
#logo img#logo_print { display:none; }

#title { vertical-align:bottom; width:72%; }
#title h1 { font-size:2.2em; margin:0.2em 0 0.5em 0; }
#title h1, #title ul { padding-right:10%; }

#camera { margin-bottom:0; font-size:0.82em; }
#camera li { float:left; margin-right:1em; left:-0.5em; white-space:nowrap; zoom:1; }
#camera li span.link { display:block; margin:0.2em 0.8em 0.3em 0.8em; }
#camera li .round { position:absolute; width:10px; height:10px; display:none; }
#camera li .lt { background-position:-154px 0; left:0; top:0; }
#camera li .rt { background-position:-164px 0; top:0; }
#camera li .rb { background-position:-164px -10px; margin-top:-10px; }
#camera li .rt, #camera li .rb { left:100%; margin-left:-10px; -left:-10px; -margin-left:100%; }
#camera li.current { background:#000000; color:#ffffff; }
#camera li.current .round { display:block; }
#camera li.current span.link { border-bottom:none; color:#ffffff; cursor:auto; margin-bottom:0; padding-bottom:0.3em; }

#movie_mask { width:100%; overflow:hidden; position:relative; padding:15em 0; top:-15em; margin-bottom:-30em; }
#movie { width:400%; position:relative; left:0; color:#000000; sleft:-112%; }
#movie h2.frame_title { display:none; }
#movie_mask .frame { width:25%; height:32.56em; padding-bottom:30px; position:relative; float:left; }
#movie_mask .spacer { float:left; width:3%; height:100px; }

.contacts { }
.contacts dt { color:#898888; }
.contacts dd h2 { font-size:1.5em; margin:0; }
.contacts dd { margin-bottom:1.2em; }
.contacts a { float:none; display:inline; }

#quick_start { position:relative; width:32.56em; height:100%; margin:0 auto; }
#quick_start #butterfly { width:100%; height:100%; /*float:left; margin-right:-100%;*/ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/f/1/butterfly.jpg", sizingMethod="scale"); }
#quick_start #butterfly img { width:100%; height:100%; //display:none; }

#quads { position:absolute; width:100%; height:100%; left:0; top:0; }
#quads .quad { position:absolute; width:16.63em; height:16.44em; }
#quads .quad .petal { overflow:hidden; position:absolute; width:100%; height:100%; left:0; top:0; display:none; }
#quads .hover .petal { display:block; }
#quads .quad .petal img { position:relative; width:400%; height:100%; }
#quads .quad .text { position:relative; font-size:0.8em; line-height:1.6; padding-bottom:0.1em; }

#quads h2, #quads h3 { padding-bottom:0.1em; margin-bottom:0.3em; line-height:1.3; }
#quads h2 { font-size:1.5em; }
#quads h3 { font-size:1.25em; }
#quads li { margin:0 0 0.3em -3px; //margin-left:0; }
#quads li a { padding:0 3px; }

#quads .hover .text, #quads .depended_hover .text { color:#ffffff; }
#quads .text a { padding-bottom:0.1em;}

#quads b { position:relative; margin-left:-3px; //position:static; //margin:0; }
#quads .depended_hover b { background:#000000; }
#quads b.l { padding-left:3px; }
#quads b.r { padding-right:3px; left:3px; //left:auto; }

#quads .depended_hover a, #quads .depended_hover .with_comma { background:#000000; color:#ffffff; }

#quads .q_1 { left:0; top:0.25em; }
#quads .q_1 .text { width:12em; left:5em; top:5em; }
#quads .q_1 .petal img { margin-left:0; }
#quads .q_2 { left:15.8em; top:0.25em; }
#quads .q_2 .text { width:13.5em; left:4em; top:5em; }
#quads .q_2 .petal img { margin-left:-100%; }
#quads .q_3 { left:0; top:15.9em; }
#quads .q_3 .text { width:12em; left:5em; top:4em; }
#quads .q_3 .petal img { margin-left:-200%; }
#quads .q_4 { left:15.8em; top:15.9em; }
#quads .q_4 .text { width:13.5em; left:4em; top:4em; }
#quads .q_4 .petal img { margin-left:-300%; }

#wings { position:absolute; width:26.86em; height:41.94em; left:-31.5%; top:-33%; }
#wings .wing { position:absolute; overflow:hidden; width:0; height:100%; top:0; }
#wings .ani { width:100%; }
#wings .wing img { position:absolute; }
#wings .wing .bg { width:98%; height:41em; sdisplay:none; }
#wings .wing .pattern { width:200%; height:100%; }

.simple #wings .wing { background-color:orange; }
.simple #wings .wing .bg, .simple #wings .wing .pattern { display:none; }

#wings .w_1 { right:0; }
#wings .w_1 .bg { left:2.3%; top:2%; }
#wings .w_1 .pattern { left:0; }
#wings .w_2 { left:97%; }
#wings .w_2 .bg { left:0.2%; top:1.5%; }
#wings .w_2 .pattern { left:-100%; }
#wings .w_3 { right:0; }
#wings .w_3 .bg { left:2.3%; top:2%; }
#wings .w_3 .pattern { left:0; }
#wings .w_4 { left:97%; display:block; }
#wings .w_4 .bg { left:0.3%; top:1.7%; }
#wings .w_4 .pattern { left:-100%; }

#movie .f_1 .col_1, #movie .f_1 .col_2 { position:absolute; top:12%; color:#000000; line-height:1.4; }
#movie .f_1 .col_1 { width:16%; left:6%; font-size:0.82em; }
#movie .f_1 .col_1 p { margin-bottom:1em; }
#movie .f_1 .col_1 address { font-style:normal; font-size:1.4em; }
#movie .f_1 .col_2 { width:16%; left:82%; font-size:0.82em; }
#movie .f_1 .col_2 p { margin-bottom:0.8em; }
#movie .f_1 .col_2 ul { margin-bottom:0; padding-bottom:1em; }
#movie .f_1 .col_2 ul li { margin-bottom:1.6em; position:relative; zoom:1; }
#movie .f_1 .col_2 ul i { display:block; position:absolute; width:32px; height:32px; overflow:hidden; background:url("http://i.hitekgroup.ru/f/1/arms.png"); right:100%; top:50%; margin:-14px 6px 0 0; }
#movie .f_1 .col_2 .city_2 i { background-position:-32px 0; }
#movie .f_1 .col_2 .city_3 i { background-position:-64px 0; }
#movie .f_1 .col_2 .city_4 i { background-position:-96px 0; }
#movie .f_1 .col_2 .city_5 i { background-position:-128px 0; }
#movie .f_1 .col_2 .city_6 i { background-position:-160px 0; }
#movie .f_1 .col_2 .city_7 i { background-position:-192px 0; }
#movie .f_1 .col_2 .city_8 i { background-position:-224px 0; }

#movie .f_2 p, #movie .f_3 p { line-height:1.3; }

#movie .f_2 #map { position:absolute; z-index:1; left:50%; top:50%; margin:-200px 0 0 -477px; }
#movie .f_2 #distribs { position:absolute; z-index:2; left:50%; bottom:15px; margin:-28px 0 0 -488px; }
#movie .f_2 .top, #movie .f_2 .bottom { font-size:0.82em; }
#movie .f_2 h2 { font-size:2.2em; margin-bottom:0.2em; }
#movie .f_2 .top .col { position:relative; z-index:2; float:left; margin-right:-100%; }
#movie .f_2 .top .col_1 { width:33%; left:6%; }
#movie .f_2 .top .col_2 { width:33%; left:43%; }
#movie .f_2 .top .col_3 { width:16%; left:81.6%; top:0.7em; }
#movie .f_2 .quick { float:left; background:#ff7300; color:#ffffff; margin:0.2em 0 0.1em 0; }
#movie .f_2 .quick .round { width:10px; height:10px; }
#movie .f_2 .quick .lt { background-position:-154px -20px; }
#movie .f_2 .quick .rt { background-position:-164px -20px; left:-10px; }
#movie .f_2 .quick .rb { background-position:-164px -30px; left:-10px; margin-top:-10px; }
#movie .f_2 .quick span { display:block; padding:0.3em 0.7em 0.4em 0.7em; }
#movie .f_2 .quick ins { position:absolute; margin-left:0.8em; color:#000000; text-decoration:none; }
#movie .f_2 .bottom { position:absolute; width:100%; z-index:2; bottom:56px; margin-bottom:2em; }
#movie .f_2 .bottom td { width:50%; }
#movie .f_2 .bottom td { padding:0 10%; }
#movie .f_2 .bottom td.col_2 { padding-left:0; }

#movie .f_3 #pantone { float:left; width:40%; height:100%; margin-bottom:-100%; position:relative; top:30px; }
#movie .f_3 #pantone td { text-align:center; vertical-align:bottom; font-size:0; }
#movie .f_3 .col { padding-top:5em; margin:0 3% 0 40%; font-size:0.92em; }
#movie .f_3 h2 { color:#9a663f; font-size:2.4em; margin-bottom:0.8em; font-weight:bold; }
#movie .f_3 p { margin-bottom:1.5em; }
#movie .f_3 ul { font-size:1.3em; padding-top:0.7em; }
#movie .f_3 ul li { margin-bottom:0.5em; }

#press { position:relative; padding:0.7em 0 2em 0; margin-bottom:2em; background-color:#f2f1db; line-height:1.4; }
#press .col { float:left; position:relative; z-index:2; -display:inline; }
#press .col_1 { width:40%; margin:0 1% 0 6%; }
#press .col_2 { width:52%; }
#press ul { margin:0; font-size:0.82em; }
#press li { float:left; margin-right:4%; display:inline; }
#press li.clear { display:block; }
#press .col_1 li { width:45%; }
#press .col_2 li { width:29%; }
#press h3, #press p { color:#545454; }
#press h3 { font-size:0.87em; margin-bottom:0.3em; white-space:nowrap; }
#press h4 { font-size:1.2em; margin-bottom:0.2em; }
#press .col_1 h4 { font-size:1em; }
#press img.spread_bg { //display:none; }
.js #press img.spread_bg { //display:inline; }

#bimg { position: relative; height: 100px; overflow: hidden; text-align: center; top: -2em; }
#bimg div { position: absolute; z-index: 100; width: 100%; height: 100px; overflow: hidden; text-align: center; top: 0; }
#bimg div.current { z-index: 50; }
#bimg .back { position: absolute; width: 100%; height: 100px; top: 0; left: 0; z-index: 10; }
#bimg .front { display: block; margin: 0 auto; position: relative; z-index: 20; }

#store { position:relative; margin:0 2% 0 6%; }
#store h2.store_heading { font-size:2em; margin-bottom:0.7em; }
#store h2.store_heading .dots { margin:0.2em 0 0 -0.5em; position:relative; background-color:#919191; }

#nav, #content { padding-top:0; }
#content { width:79.5%; }
#content_wrap { margin-right:0; }

#nav ul ul { margin-left:2em; }
#nav ul ul li.last { padding-bottom:1em; }

#contacts { width:35%; }


/* Links' colors override */
#quick_start a:visited { color:#427bad; }
#quick_start h2 a, #quick_start h2 a:visited,
#press h2 a, #press h2 a:visited { color:#000000; }

#quick_start a:hover,
#quick_start h2 a:hover,
#press h2 a:hover { color:#cc0000; }

#quick_start .hover a,
#quick_start .hover a:visited,
#quick_start .depended_hover a, #quick_start .depended_hover a:visited { color:#ffffff; }

#quick_start .hover a:hover { color:#ffff00; }


/* Z-INDEXES */
#movie_mask { z-index:1; }
#head, #press, #store, #banner { z-index:2; }
#hat { z-index:3; }
#movie_mask.ani { z-index:4; }

#movie_mask .col_1, #movie_mask .col_2 { z-index:1; }

.ani #wings { z-index:2; }
#quads { z-index:3; }

#quads .quad .petal { z-index:1; }
#quads .quad .text { z-index:2; }

#wings .wing .bg { z-index:1; }
#wings .wing .pattern { z-index:2; }