@font-face{ font-family: "Arial Narrow"; src: url(/fonts/arialn.ttf); }

/* Default styles */
html, body{ width: 100%; height: 100%; min-width: 1142px; }
body{ margin: 0px; padding: 0px; background: #5cb836 url('/images/forest_bg.jpg') 50% 305px no-repeat; }
body, td{ font-family: Arial; font-size: 16px; color: #1b170e; }
form{ margin: 0px; padding: 0px; }
img{ border: 0px; }
ul{ margin: 0px; padding: 0px; padding-left: 16px; }
p{ margin: 0px; padding: 0px; }
big{ font-size: 21px; }
a, a:visited, a:active, a:hover{ text-decoration: underline; color: #0085c8; }
a:hover{ text-decoration: none; }
h1{ margin: 40px 0px 30px 0px; line-height: 1px; }
h1.text{ text-transform: uppercase; font: bold 40px/50px Times New Roman; color: #007037; }
h1.about{ width: 255px; height: 41px; background: url(/images/caption_about.png) no-repeat; font-size: 0px; }
h1.news{ width: 203px; height: 41px; margin-bottom: 0px; background: url(/images/caption_news.png) no-repeat; font-size: 0px; }
h1.map{ width: 354px; height: 52px; background: url(/images/caption_way.png) no-repeat; font-size: 0px; }
h1.plan{ width: 204px; height: 41px; background: url(/images/caption_plan.png) no-repeat; font-size: 0px; }
h1.tth{ width: 394px; height: 96px; padding-bottom: 20px; background: url(/images/caption_parameters.png) no-repeat; font-size: 0px; }
h1.infra{ width: 380px; height: 40px; background: url(/images/caption_infrastructure.png) no-repeat; font-size: 0px; }
h1.houses{ width: 120px; height: 50px; background: url(/images/caption_houses.png) no-repeat; font-size: 0px; }
h1.faq{ width: 376px; height: 41px; margin-bottom: 50px; background: url(/images/caption_faq.png) no-repeat; font-size: 0px; }
h1.sales{ width: 180px; height: 103px; margin-top: 0px; background: url(/images/caption_sales.png) no-repeat; font-size: 0px; }
h2{ text-transform: uppercase; font: 40px Times New Roman; color: #007037; }
small{ font-size: 12px; }

/* Frame */

div.top{ position: absolute; left: 0px; width: 100%; min-width: 1142px; height: 305px; background: #5db835 url(/images/forest_top.jpg) 50% 0% no-repeat; }
div.body{ width: 1142px; min-height: 100%; margin: 0px auto; background: #ece9dd; }
div.top div.content{ position: absolute; left: 50%; top: 35px; width: 1142px; height: 236px; margin-left: -571px; background: url(/images/top_content.png) no-repeat; }
div.body div.content{ padding: 332px 29px 85px 29px; overflow: hidden; }
p.textBlock{ width: 630px; min-height: 43px; overflow: hidden; padding: 7px 0px 0px 46px; background: url(/images/text_start.png) no-repeat; }
object.mp3Player{ display: block; margin: 0px auto; margin-top: -70px; visibility: hidden; }
div.listPager{ margin-top: 60px; font-weight: bold; }
div.listPager a, div.listPager a:hover, div.listPager a:active, div.listPager a:visited{ text-decoration: none; font-weight: bold; color: #007036; }
span.pageDelimeter{ padding: 0px 7px; color: #007036; }
a.pagePrevious{ margin-right: 7px; }
a.pageNext{ margin-left: 7px; }
div.presentationLink{ margin: 30px 0px 0px 46px; }

/* Slide show and map */

div.slideShow{ position: relative; overflow: hidden; }
div.slideShow img{ position: absolute; left: 0px; top: 0px; }
#plan{ position: relative; overflow: hidden; }
#planCanvas{ position: absolute; left: 0px; top:0px; width: 1084px; height: 409px; }
#planCanvasConst{ position: absolute; left: 0px; top:0px; width: 1084px; height: 409px; }
div.planInfo{ position: absolute; z-index: 100; right: 10px; top: 10px; width: 180px; padding: 20px; background: url(/images/plan_info_bg.png); color: #fff; font-size: 14px; }
div.planInfo small{ color: #bbb; }
div.planInfoStatusDark, div.planInfoStatusLight{ padding: 10px; margin: -10px -10px 0px -10px; background: #551d0c; }
div.planInfoStatusLight{ background: #e7edf6; }
a.arrowLeft, a.arrowLeft:hover, a.arrowLeft:active, a.arrowLeft:visited{
    display: block; position: absolute;  left: 16px; top: 50%; width: 63px; height: 61px; margin-top: -30px; background: url(/images/arrows.png) -122px 0px no-repeat;
}
a.arrowTop, a.arrowTop:hover, a.arrowTop:active, a.arrowTop:visited{
    display: block; position: absolute;  left: 50%; top: 22px; width: 61px; height: 63px; margin-left: -30px; background: url(/images/arrows.png) no-repeat;
}
a.arrowRight, a.arrowRight:hover, a.arrowRight:active, a.arrowRight:visited{
    display: block; position: absolute;  right: 12px; top: 50%; width: 63px; height: 61px; margin-top: -30px; background: url(/images/arrows.png) -185px 0px no-repeat;
}
a.arrowBottom, a.arrowBottom:hover, a.arrowBottom:active, a.arrowBottom:visited{
    display: block; position: absolute;  left: 50%; bottom: 22px; width: 61px; height: 63px; margin-left: -30px; background: url(/images/arrows.png) -61px 0px no-repeat;
}
a.zoom, a.zoom:hover, a.zoom:active, a.zoom:visited{
    display: block; position: absolute;  right: 0px; bottom: 0px; width: 118px; height: 68px; background: url(/images/zoom.png) no-repeat;
}

/* Top */

img.logo{ position: absolute; left: 461px; top: 16px; }
img.slogan{ position: absolute; left: 54px; top: 78px; }
img.topSeller{ position: absolute; left: 103px; top: 168px; }
img.top2xWinner{ position: absolute; z-index: 100; right: 20px; top: 0px; }

/* Menu */

div.menu{ height: 79px; overflow: hidden; margin-bottom: 22px; background: #00a141 url(/images/menu.png) repeat-x; }
div.menu a, div.menu a:hover, div.menu a:active, div.menu a:visited{
    position: relative; display: block; float: left; margin-top: 30px; padding: 0px 11px;
    text-transform: uppercase; text-decoration: none; font: 18px/16px Arial Narrow; color: #fff;
}
div.menu a.active, div.menu a.active:hover, div.menu a.active:active, div.menu a.active:visited{ color: #007136; }
div.menu a.menuLast, div.menu a.menuLast:hover, div.menu a.menuLast:active, div.menu a.menuLast:visited{ padding-right: 12px; }
div.menu span{ display: block; float: left; width: 1px; height: 25px; margin-top: 26px; background: #fff; }
div.menuNew{ position: absolute; right: 4px; top: -18px; text-transform: none; font-weight: bold; font-size: 14px; color: #ff4; }

/* News */

#newsBlock{ float: right; width: 226px; margin-right: 29px; padding-left: 35px; background: url(/images/dot_bg.png) repeat-y; font-size: 14px; }
a.newsDate, a.newsDate:hover, a.newsDate:active, a.newsDate:visited{
    display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;
    margin: 50px 0px 22px 0px; padding: 3px 6px; background: #73c638; text-decoration: none; font-size: 16px; font-weight: bold; color: #fff;
}
strong.newsHeader{ display: block; max-width: 630px; }
span.newsAnnounce{ display: block; max-width: 630px; }
div.newsImages{ margin-top: 15px; }
div.newsImages img{ margin-right: 15px; }

/* Promo movie at home */

div.promoMovie, span.promoMovie{ width: 720px; margin: 40px 0px 20px 46px; border: 1px solid #000; border-bottom: 0px; }
span.promoMovie{ display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }
a.promoDownload{ margin-left: 46px; }

/* About block */

div.aboutBlock{ position: relative; float: right; width: 249px; padding: 35px 15px 35px 24px; background: #48b260; font-size: 18px; color: #fff; }
div.aboutBlock span{ display: block; position: absolute; left: 0px; top: 0px; width: 16px; height: 108px; background: #fff200; }
div.aboutBlock strong{ font-size: 21px; line-height: 25px; }
div.aboutBlock p{ margin-top: 30px; line-height: 20px; }

/* Parameters */

p.parameterRow{ width: 714px; overflow: hidden; padding: 10px 13px 10px 13px; }
p.parameterGreen{ background: url(/images/parameters_bg.png) repeat-x; }
p.parameterRow span.left{ display: block; float: left; width: 170px; padding-right: 40px; }
p.parameterRow span.right{ display: block; margin-left: 210px; }

/* Sales */

div.salesBlock{ position: relative; float: right; width: 249px; padding: 0px 15px 35px 24px; line-height: 18px; font-size: 18px; }

/* Way */

p.way{ display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 300px; margin-right: 10px; }

/* Houses */

div.houseBlock{ float: right; width: 288px; min-height: 535px; padding: 25px 0px; background: #46b25e; text-align: center; }
div.houseMenu{ margin: -10px 300px 40px 0px; }
div.houseMenu a, div.houseMenu a:hover, div.houseMenu a:active, div.houseMenu a:visited{ margin-right: 50px; font-size: 19px; color: #007136; }
div.houseMenu span{ padding-right: 50px; font-size: 19px; color: #007136; }
div.houseBlock img.title{ margin-bottom: 10px; }
div.houseBlock span{ display: block; padding: 15px 0px 3px 0px; color: #fff; }

/* Popup image */

#popupImageOverlay{ position: fixed; display: none; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity = 50); z-index: 10; }
#popupImageContainer{ position: absolute; display:none; margin: 12px 17px 16px 13px; background: #47b262; z-index: 11; }
#popupImageLoading{ position: absolute; left: 50%; top: 50%; width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; background: url(/images/loader.gif) no-repeat; z-index: 2; }
#popupImageContent{ overflow: hidden; }
#popupImageControls{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
#popupImagePrevious, #popupImageNext, #popupImageClose{ display: block; position: absolute; cursor: pointer;  z-index: 12; }
#popupImagePrevious{ left: -18px; top: 50%; width: 63px; height: 61px; margin-top: -30px; background: url(/images/arrows.png) -122px 0px no-repeat; }
#popupImageNext{ right: -20px; top: 50%; width: 63px; height: 61px; margin-top: -30px; background: url(/images/arrows.png) -185px 0px no-repeat; }
a.popupImagePreviousInactive, a.popupImageNextInactive{ opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity = 30); cursor: default !important; }
#popupImageClose{ right: -12px; top: -12px; width: 38px; height: 38px; background: url(/images/close.png) no-repeat; }
div.popupImageL, div.popupImageT, div.popupImageR, div.popupImageB, div.popupImageLT, div.popupImageRT, div.popupImageLB, div.popupImageRB{ position: absolute; overflow: hidden; }
div.popupImageL, div.popupImageR{ top: 0px; height: 100%; background: url(/images/popup_image_lr.png) repeat-y; }
div.popupImageT, div.popupImageB{ left: 0px; width: 100%; background: url(/images/popup_image_tb.png) repeat-x; }
div.popupImageL{ left: -31px; width: 31px; }
div.popupImageR{ right: -33px; width: 33px; background-position: -31px 0px; }
div.popupImageT{ top: -26px; height: 26px; }
div.popupImageB{ bottom: -32px; height: 32px; background-position: 0px -26px; }
div.popupImageLT, div.popupImageRT{ top: -26px; height: 26px; background: url(/images/popup_image_corners.png) no-repeat; }
div.popupImageLB, div.popupImageRB{ bottom: -32px; height: 32px; background: url(/images/popup_image_corners.png) 0px -26px no-repeat; }
div.popupImageLT, div.popupImageLB{ left: -31px; width: 31px; }
div.popupImageRT, div.popupImageRB{ right: -33px; width: 33px; background-position: -31px 0px; }
div.popupImageRB{ background-position: -31px -26px; }
a.popupImage{}

/* Feedback */

form.feedbackMain{ display: block; margin-top: 10px; }
div.feedbackMain{ float: left; margin: 20px 25px 0px 0px; font-size: 18px; color: #459468; }
div.feedbackMain input{ width: 365px; height: 22px; padding: 3px; margin-top: 5px; border: 1px solid #459468; background: none; font-size: 18px; color: #1b170e; }
div.feedbackMain textarea{ width: 763px; height: 195px; padding: 3px; margin-top: 5px; border: 1px solid #459468; background: none; font-size: 18px; color: #1b170e; }
div.feedbackMainButton{ clear: both; width: 771px; padding-top: 20px; text-align: right; }
div.feedbackMainButton input{ width: 182px; height: 28px; padding: 0px; padding-bottom: 4px; margin: 0px; border: 0px; background: url(/images/send_button.png) repeat-x; line-height: 14px; font-size: 18px; color: #fff; cursor: pointer; }

#reserveBlock{ display: none; position: absolute; z-index: 100; right: 240px; top: 10px; overflow: hidden; padding: 20px 0px 20px 20px; background: url(/images/plan_reserve_bg.png); color: #fff; font-size: 14px; }
form.reserveForm{ display: block; width: 455px; }
div.feedbackReserve{ float: left; width: 210px; margin: 0px 15px 15px 0px; }
div.feedbackReserve input{ width: 202px; height: 16px; padding: 3px; margin-top: 5px; border: 1px solid #e7edf6; background: #e7edf6; font-size: 14px; color: #1b170e; }
#reserveLeftButton, #reserveRightButton{ float: left; margin: 4px 0px 3px 0px; font-weight: bold; cursor: pointer; }
#reserveLeftButton{ margin-left: 150px; margin-right: 15px; text-align: right; color: #bbbbbb; }
#reserveRightButton{ color: #55e227; }
div.reserveStatus{ display: none; position: absolute; left: 0px; right: 0px; width: 100%; height: 100%; font-weight: bold; }
div.reserveStatus span{ display: block; position: relative; top: 50%; padding: 30px 10px 30px 10px; margin: -60px 10px 0px 10px; background: #e7edf6; text-align: center; white-space: nowrap; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity = 70); }
div.reserveStatus span.reserveRequest{ color: #936250; }
div.reserveStatus span.reserveAnswer{ color: #55220d; }

div.faqDate{
    display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;
    margin-bottom: 20px; padding: 3px 6px; background: #73c638; text-decoration: none; font-size: 16px; font-weight: bold; color: #fff;
}
#addFaqForm{ margin-top: 50px; font-size: 16px; }
form.faqForm{ display: block; width: 600px; }
form.faqForm span{ display: block; float: left; width: 100px; margin-top: 5px; font-weight: bold; font-size: 16px; }
form.faqForm div{ margin-left: 100px; }
form.faqForm input{ width: 300px; border: 1px solid #00a141; margin-bottom: 10px; }
form.faqForm textarea{ width: 492px; height: 150px; margin-bottom: 10px; padding: 2px; border: 1px solid #00a141; }
form.faqForm input[type="submit"]{ float: right; width: 100px; height: 26px; margin: 0px; border: 0px; background: #00a141; line-height: 26px; font-weight: bold; font-size: 14px; color: #fff; }