* {font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif; margin: 0;}
BODY {padding: 0; margin: 0; font-size: 70%; color: #fff; background: #020e14 repeat-x 0 100%; background-attachment: fixed; text-align: center;}
TD, P, A, B, I, DT, DD, LI, DIV, SPAN {}
TABLE {border-collapse: collapse; width: 100%;}
TD {padding: 0; vertical-align: top;}
IMG {border: 0;}
A {}
A:LINK    {color: #fa9739;}
A:VISITED {color: #2992c3;}
A:HOVER   {color: #79c7f7;}
H1 {font-size: 190%; font-weight: normal; margin-bottom: .8em; margin-top: 0; color: #fa9739;}
H1.disable {color: #bfbfbf;}
H1.mega {font-size: 350%; color: #fff; margin-bottom: .1em;}
H2 {font-size: 100%; color: #fff; font-size: 90%; text-transform: uppercase; letter-spacing: .3em; padding: .2em .1em .2em .3em; font-weight: normal; clear: both;}
H3 {font-size: 120%; margin: 1em 0 .3em; padding: 0; font-weight: normal;}
H6 {font-weight: normal;}
P {line-height: 1.5em; padding: 0; margin: 0 0 1em;}
P.dialog {margin-bottom: .5em;}
UL {list-style: none; margin: 0; padding: 0;}
LI {margin: 0; padding: 0 0 .6em 0; line-height: 1.5em;}
FORM {margin: 0; padding: 0;}
SUP {font-size: 70%;}
LABEL {background: #000; color: #fff; font-size: 90%; text-transform: uppercase; letter-spacing: .3em; padding: 0 .1em 0 .3em;}

.scrollblockWr {position: relative; top: 0; left: 0; width: 100%; height: 100%;}
.scrollblock   {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: auto;}
@media screen and (){.scrollblock {overflow: visible;}}

.fullSize {width: 100%; height: 100%;}
.fullWidth {width: 100%;}
.fullHeight {height: 100%;}
.clear {font-size: 0; height: 1px; clear: both; width: 100%;}

#standard {position: absolute; top: -1em; left: -1em; width: 1em; height: 1em; visibility: hidden;}


#header {position: absolute; top: 40px; left: 0; width: 100%; z-index: 1000;}
#footer {position: fixed; bottom: 0; left: 0; width: 100%; background: #545454; color: #fff; clear: both; text-align: left; z-index: 1000000; min-width: 1000px;
	// position: absolute;
	// top: expression(document.getElementsByTagName('body')[0].scrollTop + document.getElementsByTagName('body')[0].clientHeight - this.offsetHeight + 'px');}


.logo {width: 136px; height: 120px; background: url(i/master.png) no-repeat; position: absolute; top: 10px; left: 10%; margin-left: -45px;}

#menu {position: absolute; left: 0; top: -40px; width: 100%; background: #545454; order-bottom: 1px solid #7a8fa6;}
#menu TD {order-right: 1px solid #7a8fa6; padding: .4em 8px; text-align: center; vertical-align: middle;}
#menu LI.sel {background: #7a8fa6;}
#menu TD * {font-family: Arial; text-decoration: none; color: #fff; font-size: 100%;}


/* FOOTER + */
#footer * {font-family: Arial, Helvetica, sans-serif;}

.copyright,
.sales,
.ww,
.counter,
.uyava {float: left;}

.copyright {margin: 1em;}
.sales {margin: 1em 1em 0; margin-left: 2em;}
.ww {margin: .6em 1em 1em;}
.counter {margin: .6em 1em 1em;}
.uyava {margin: 1em 0 0 0em; float: right;}
.uyava SPAN {margin: 0 80px 1em 0; display: block;}
.uyava A {color: #fff;}

.sales UL {clear: both; margin-top: .5em;}
.sales LI {float: left; margin: 0 1em 0 0;}
.sales A {color: #fff;}
.sales .phone {font-size: 130%;}

A.uyava:LINK,
A.uyava:VISITED,
A.uyava:HOVER {position: absolute; right: 0; bottom: 0; z-index: 1000000;}
A.uyava IMG {background: url(i/uyava.png) no-repeat; width: 81px; height: 61px;}
/* FOOTER - */

.common {height: 100%; text-align: left; position: relative; min-width: 1000px; min-height: 550px;}

/* MAIN + */
.main {background: url(i/bg.png) repeat-x 0 100%;}
.luminescence {height: 431px; background: url(i/main_bg.png) no-repeat 50% 100%; position: fixed; bottom: 0; left: 0; width: 100%; z-index: ;
	// position: absolute;
	// top: expression(document.getElementsByTagName('body')[0].scrollTop + document.getElementsByTagName('body')[0].clientHeight - this.offsetHeight + 'px');}
.dom {height: 100%; background: url(i/dom.png) no-repeat 50% 100%;}

.introWrapper {position: absolute; left: 10%; top: 28%; font-size: 100%; line-height: 1.8em; width: 80%; height: 70%; order:1px green solid}
.intro {position: absolute; top: 0; width: 100%; eight: 15em; order:1px red solid}
.intro .light,
.intro .dark {position: absolute;}
.intro .light {top: 0; left: 0;}
.intro .dark {color: #000; top: 1px; left: 1px;}
.intro B {font-size: 230%; font-weight: normal; display: block; margin: .2em 0 .3em;}
.intro .light A:LINK,
.intro .light A:VISITED,
.intro .light A:HOVER {color: #fff; text-decoration: none;}

.quote {position: absolute; right:10%; top: 10%; padding-left: 1em;}
.quote P {text-indent: -.4em; font-style: italic;}
.quote I {display: block; text-align: right; margin-right: .5em;}
/* MAIN - */

/* COMPLEX + */
.complex {background: #040f19 url(i/bg_complex.png) repeat-x 0 100%; overflow: hidden;}

.complex .dnepr {width: 138px; height: 281px; background: url(i/dnepr_complex.gif); position: absolute; left: 0; bottom: 5em;}

#complex {width: 100%; height: 100%; background: url(i/complex.png) no-repeat 50% 50%; margin: 0 auto 0; position: relative; text-align: center;}
#complex IMG {width: 397px; height: 344px; position: absolute; left: 50%; top: 50%; margin: -289px 0 0 -103px;}

#biuld_7,
#spa,
#biuld_15 {position: absolute; width: 15em; left: 50%; top: 50%; text-align: left;}

#biuld_7 {margin: -10em 0 0 -420px; width: 25em;}
#spa {margin: 160px 0 0 90px; width: 25em;}
#biuld_15 {margin: -20em 0 0 320px; width: 15em;}
/* COMPLEX - */


/* 15 + */
.b15 {background: #040f19 url(i/bg_complex.png) repeat-x 0 100%; overflow: hidden; text-align: center;}

.b15 .dnepr {width: 559px; height: 219px; background: url(i/dnepr_dom.gif); position: absolute; left: 0; bottom: 5em;}

.left {position: absolute; left: 10%; top: 30%; width: 15em; text-align: left; z-index: 999999;}

.b15 .right {position: absolute; left: 50%; top: 22%; width: 15em; text-align: left; z-index: 99999; margin-left: 300px;}
.b15 .right #floor {margin-top: 100px;}
.b15 .right .bottomLinks {position: absolute; top: 300px; margin-left: 80px;}
/* 15 - */


/* FLOOR + */
.floor {background: url(i/bg_complex.png) repeat-x 0 100%; text-align: center;}

SPAN.mega {font-size: 250%;}
H1.mega .sup {position: relative; top: -2em; font-size: 30%; font-weight: normal;}

.flashFloor {position: absolute; left: 10%; top: 22%; text-align: left; padding-left: 16em;}

#nomerok {margin: .3em 10px 2em 0; color: #fff; font-size: 200%; background: url(i/table.gif) no-repeat; width: 151px; height: 70px; text-align: center;}
#nomerok IMG {margin: 14px 2px 0;}

.floor .dnepr {width: 50px; background: url(i/dnepr_floor.gif) no-repeat 50% 0; padding: 80px 0 0; position: absolute; left: 70%; top: 80px; white-space: nowrap; margin-left: -25px;}

.legend LI {clear: both;}
.legend I {float: left; width: 16px; height: 16px; margin: 0 4px 4px 0; border: 1px solid #fff;}
.legend SPAN {float: left;}
/* FLOOR - */


/* FLAT + */
.flat {background: #040f19 url(i/bg_complex.png) repeat-x 0 100%; text-align: center; height: auto}

#console {margin-bottom: 2em;}
#console A,
#console SPAN {margin: 0 1em;}

.flat .right {position: relative; top: -70px; left: -20px;}

.flat .dnepr {width: 74px; background: url(i/dnepr_flat.gif) no-repeat; padding: 50px 0 0;}

.flatView {margin: 0 1em; text-align: center;}
.flatView DIV {margin: 0 auto; text-align: left;}

.key {background: url(i/key.png); width: 74px; height: 198px; margin-top: 30px;}
/* FLAT - */

/* DISPOSITION + */
.disposition {background: #242424 url(i/bg_disposition.png) repeat-x; height: inherit; position: static;}

.buklet {background: url(i/watermark.gif) no-repeat 100% 0; eight: 695px; text-align: right; margin-top: 30px;}
.buklet IMG {background: url(i/buklet.png) no-repeat; width: 884px; height: 570px; margin: 98px 0 20px;}

.earth {background: url(i/earth.png) no-repeat; width: 233px; height: 243px; display: block; position: absolute; right: 750px; top: 450px;}

#big_google {background: url(i/google.jpg) no-repeat 50% 0; height: 845px;}
/* DISPOSITION - */

/* TEMPLATE + */
.template {background: #242424 url(i/bg_disposition.png) repeat-x; position: static; min-height: 100%;}

.templContent {padding: 0 5em 5em 0;}

.templContent P,
.templContent LI {font-size: 150%;}

.photos {margin-top: 50px;}
.photos LI {float: left; margin: 20px 20px 0 0;}
.photos SPAN {display: block; font-size: 90%;}

.templateWrapper {margin-bottom: 7em;}
/* TEMPLATE - */

/* INNER + */
.inner {background: #242424 url(i/bg_disposition.png) repeat-x; position: static; height: auto;}

.grid {margin-bottom: 2em;}
.grid TD {vertical-align: middle;}
.grid THEAD TD {border-bottom: 3px #666 solid; padding: .4em 1em; font-weight: bold;}
.grid TBODY TD {border-bottom: 1px #666 solid; padding: .2em 1em;}

.grid .center {text-align: center;}
.grid .sel {background: #333;}
.grid A:LINK,
.grid A:VISITED {color: #fa9739;}

.grid A.sort:LINK,
.grid A.sort:VISITED {text-decoration: none; border-bottom: 1px #fff dotted; color: #fff;}

.grid A.free:LINK,
.grid A.free:VISITED {color: #f00;}

.grid A.selled:LINK,
.grid A.selled:VISITED {color: #00f;}

.grid A.reserved:LINK,
.grid A.reserved:VISITED {color: #0f0;}

.grid A.free:LINK,
.grid A.free:VISITED,
.grid A.selled:LINK,
.grid A.selled:VISITED,
.grid A.reserved:LINK,
.grid A.reserved:VISITED {font-size: 200%;}


.grid.info TD {border-bottom: 0; padding: .2em 1em .2em 0;}

.floorSelect {background: #151515;}

.floorList {padding: 0; margin: 0 0 1em 0; list-style: none;}
.floorList LI {float: left; margin: 0 .2em 0 0;}
.floorList A,
.floorList SPAN {display: block; padding: 0em .5em; font-size: 80%;}
.floorList A {border: 1px solid #333; background: #333;}
.floorList SPAN {}
/* INNER - */
