html, body {height: 100%; width: 100%; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFFFFF; color: #666666;}
.cellspcng {border-collapse: separate; border-spacing: 20px 20px;}
td {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; margin: 0; padding: 0; border: 0 #000 solid;}
img {border: 0;}
h1 {font-weight: bold; font-family: sans-serif; font-size: 12px; color: #108f43; padding: 0; margin: 0;}
h2 {font-size: 16px; color: #108f43; font-weight: bold; margin: 0 0 10px 0; padding: 0;}
h3 {font-size: 12px; color: #666666; margin: 0; padding: 0;}
h4 {font-size: 16px; color: #108f43; font-weight: normal; margin: 0; padding: 0;}
p {margin: 0; padding: 0 0 7px 0;}
a {color: #1f71b2; text-decoration: underline;}
a:hover {color: #2da5d2; text-decoration: underline;}
.logo {background-image: url(data/logo.gif); width: 78px; height: 83px;}
.spcng {width: 40px; height: 1px;}
.popup {width: 10px; height: 9px; background-image: url(data/popup.gif); background-repeat: no-repeat; background-position: 0% 0%; cursor: pointer;}
.popup_on {width: 10px; height: 9px; background-image: url(data/popup.gif); background-repeat: no-repeat; background-position: 100% 0%; cursor: pointer;}
.brdr {border: 1px #EDEDED solid; background-color: #FFFFFF;}
.addrsstbl {margin: 0 20px 0 0; padding: 85px 0 0 60px; text-align: left;}
.address {margin: 0; padding: 105px 0 0 20px;}
.doors {width: 445px; height: 398px; margin: 0; padding: 10px 0 0 0; text-align: center; background-image: url(data/doors.jpg); background-repeat: no-repeat; background-position: 100% 100%;}
.grass {margin: 0; padding: 0; text-align: right; vertical-align: bottom; background-image: url(data/grass.jpg); background-repeat: repeat-x; background-position: 100% 100%;}
.bush {width: 209; height: 149; margin: 0; padding: 0; text-align: center; background-image: url(data/bush.gif); background-repeat: no-repeat; background-position: 50% 100%;}
.constlab {text-align: left; color: #ffffff;}
/* index */
#mainsky {position: absolute; padding: 0; margin: 0; top: 130px; vertical-align: bottom; background: url(data/bkg-sky.jpg) repeat-x 0 0; height: 181px; width: 100%;}
#mainsky div {position: absolute; bottom: 0; float: left; padding: 0;
//margin: 0 0 -4px 0;
text-align: center; vertical-align: bottom;}
.tatiana {width: 160px; left: 0; z-index: 5;}
.udalcova {width: 150px; left: 10%; z-index: 7;}
.mgu-k1 {width: 222px; left: 21%; z-index: 9;}
.mgu {width: 150px; left: 34%; z-index: 1;}
.shuvalovsky {width: 150px; left: 40%; z-index: 10;}
.fusionpark {width: 307px; left: 55%; z-index: 8;}
.anohina {width: 130px; left: 78%; z-index: 6;}
.garage-okskaya {width: 130px; right: 2%; z-index: 4;}
.cloud01 {top: 10px; left: 0; z-index: 0;}
.cloud02 {top: 40px; left: 50%; z-index: 0;}
.cloud03 {top: 20px; right: 0; z-index: 0;}
.tree01 {left: 20%; z-index: 20;}
.tree02 {left: 60%; z-index: 20;}
.tree03 {right: 90%; z-index: 20;}
#alts {position: absolute; top: 315px; height: 60px; width: 100%;}
#alts div {position: absolute; top: 0; text-align: center;}
#content {position: absolute; top: 360px; vertical-align: top; height: auto; width: 100%;}
.minor {color: #999;}
#creator {
position: absolute;
height: 45px;
right: 80px;
width: 45%;
float: right;
vertical-align: top;}
/* button active */
.horizontal
, .horizontal ul
{
list-style-type: none;
width: 100%;
margin: 0;
padding: 0;
}
.horizontal:after
, .horizontal ul:after
{
content: '';
display: block;
clear: left;
}
.horizontal li
{
float: left;
margin: 0 0.2em 0.5em 0;
padding: 0;
}
.framed a
{
cursor: pointer;
//cursor: hand;
}
.framed a:hover
{
background-color: transparent;
}
.framed.horizontal
{
//padding-bottom: 10px;
}
.framed .f
{
position: relative;
z-index: 1;
display: block;
float: left;
min-height: 10px;
//height: 10px;
color: #000000;
text-decoration: none;
}
.framed .c
{
position: relative;
z-index: 2;
display: block;
margin: 0 0 -10px 0;
padding: 20px 20px 22px 20px;
text-decoration: none;
font-size: 9pt;
}
.framed .t
, .framed .b
{
position: absolute;
z-index: 1;
top: 0;
//top: auto;
bottom: 0;
left: 0;
right: 11px;
overflow: hidden;
//width: 100%;
//height: 100%;
}
.framed .b
{
top: auto;
bottom: -10px;
height: 34px;
}
.framed .r
{
left: auto;
right: 0;
//margin-left: 100%;
width: 41px;
}
.framed .t *
, .framed .b *
{
position: absolute;
top: 0;
left: 0;
width: 800px;
height: 347px;
background: url('data/card.png') 0 0 no-repeat;
}
.framed .t *
{
margin-top: -34px;
}
.framed .l *
{
//width: 100%;
margin-left: -41px;
}
#copyright1 {
position: absolute;
height: 45px;
left: 80px;
top: 690px;
vertical-align: top;
width: 45%;
float: left;
}
#facebook {
position: absolute;
height: 45px;
left: 80px;
top: 540px;
vertical-align: top;
width: 35%;
float: left;
}
#facebook2 {
position: absolute;
height: 45px;
left: 875px;
top: 540px;
vertical-align: top;
width: 35%;
float: left;
}
#creator1 {
position: absolute;
height: 45px;
top: 640px;
right: 80px;
width: 45%;
float: right;
vertical-align: top;}
#card {
position: absolute;
height: 45px;
top: 550px;
right: 65px;
width: 45%;
float: right;
vertical-align: top;}
.floor {background-image: url(data/floor.jpg); background-repeat: repeat-x; background-position: 0 0; vertical-align: bottom; padding: 40px 0 0 0; background-color: #FFFFFF;}
.bkg {background-image: url(data/background.gif);}
.back {background-image: url(data/back.jpg); background-repeat: repeat-x; background-position: 0 100%; vertical-align: middle;}
.back1 {background-image: url(data/back1.jpg);}
.middle {vertical-align: middle;}
.frame {position: absolute; left: 130px; top: 80px; border: 1px #828d96 solid; background-color: #FFFFFF; width: 721px; padding: 20px;}
.home1 {width: 165px; background-image: url(data/home4.gif); background-repeat: no-repeat; background-position: 0% 0%; cursor: pointer;}
.home1_on {width: 165px; background-image: url(data/home4.gif); background-repeat: no-repeat; background-position: 100% 0%; cursor: pointer;}
.home2 {width: 165px; background-image: url(data/home1.gif); background-repeat: no-repeat; background-position: 0% 0%; cursor: pointer;}
.home2_on {width: 165px; background-image: url(data/home1.gif); background-repeat: no-repeat; background-position: 100% 0%; cursor: pointer;}
.home3 {width: 165px; background-image: url(data/home3.gif); background-repeat: no-repeat; background-position: 0% 0%; cursor: pointer;}
.home3_on {width: 165px; background-image: url(data/home3.gif); background-repeat: no-repeat; background-position: 100% 0%; cursor: pointer;}
.home4 {width: 165px; background-image: url(data/home2.gif); background-repeat: no-repeat; background-position: 0% 0%; cursor: pointer;}
.home4_on {width: 165px; background-image: url(data/home2.gif); background-repeat: no-repeat; background-position: 100% 0%; cursor: pointer;}
.home5 {width: 165px; background-image: url(data/home5.gif); background-repeat: no-repeat; background-position: 0% 0%; cursor: pointer;}
.home5_on {width: 165px; background-image: url(data/home5.gif); background-repeat: no-repeat; background-position: 100% 0%; cursor: pointer;}
.pic_hght {width: 1px; height: 227px;}
/* buildings pages */
.menu {margin: 0; padding: 0 0 12px 5px;}
.active {background-color: #108f43; color: #FFFFFF; font-weight: bold; margin: 0 0 12px 0; padding: 5px; line-height: 30px;}
.indnt {text-indent: -15px; padding: 0 0 7px 20px;}
/* modal window */
/* Overlay */
#modalOverlay {background-color:#000;}
/* Container */
#modalContainer {width:727px; left:50%; top:13%; margin-left:-365px; background-color:#fff; border:3px solid #ccc;}
#modalContainer a.modalCloseImg {background:url(data/close.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
.card-single {padding-left:3px; background-image:url(data/card-single.png); background-repeat:no-repeat;}
img, .card-single { behavior: url(iepngfix.htc); }
/* rounded */
.rounded {
position: relative;
overflow: hidden;
zoom: 1;
margin-bottom: 20px;
}
.rounded .corner {
position: absolute;
z-index: 20;
width: 63px;
height: 63px;
overflow: hidden;
}
.rounded .lt {
left: 0;
top: 0;
}
.rounded .rt {
right: 0;
top: 0;
}
.rounded .lb {
left: 0;
bottom: 0;
}
.rounded .rb {
right: 0;
bottom: 0;
}
.rounded .corner div,
.rounded .corner span {
position: absolute;
left: 0;
top: 0;
width: 63px;
height: 232px;
background: url(data/rounded.png) 0 0 no-repeat;
}
.rounded .rb div {
top: 0px;
}
.rounded .lt div {
top: -126px;
}
.rounded .rt div {
top: -63px;
}
.rounded .lb div {
top: -189px;
}