html { height:100%; }
html, body { padding:0; margin:0; font:normal 18px "Exo20 Regular",sans-serif; }
body { min-height:100%; height:100%; color:#000; background:#fff; }

/* layout */
#root { height:auto;min-height:100%; max-width:100%; margin:0 auto; }
#root_wrapper { width:100%;height:100%; }

/* styles */
a { color:#ed704d; }
a:hover { text-decoration:none; }
a:focus{ outline: none; }
a img { border:0; }
p { margin:6px 0; padding:0; }
.a_c { text-align:center; }
.a_r { text-align:right; }
.a_l { text-align:left !important; }
.tt_u { text-transform:uppercase; }
.clearing { clear:both;font-size:0; }
ul, ol { margin:8px 0; padding:0; list-style-position:inside; }
ol { list-style:none }
li { margin:6px 0 }
.fl_left { float:left; }
.fl_right { float:right; }
.image.fl_right, img.fl_right { margin:0 0 0 20px; }
.dn { display:none !important; }
.db { display:block !important; }
.o_hidden { overflow:hidden; position:relative; }
.black { color:#000; }
.white { color:#fff; }
.yellow { color:#ffe401; }
.green { color:#1a9724; }

.rounded4 {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-khtml-border-radius: 4px;
}
.rounded8 {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-khtml-border-radius: 8px;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4 { color:#000; font-family:"Exo20 SemiBold"; font-weight:bold; }
h1, .h1 { margin:10px 0; font-size:1.9em; }
h2, .h2 { margin:6px 0; font-size:1.7em; }
h3, .h3 { margin:6px 0; font-size:1.2em; }
h4, .h4 { margin:6px 0; font-size:1.0em; }
.bordered { }
.bordered span { border-top:2px solid #000; border-bottom:2px solid #000; padding:1px 0 3px; text-transform:uppercase; }

/* head - screen #1 */
#head { width:100%; overflow:hidden; position:relative; z-index:4; }

#head_top { height:503px; background:url(../images/bgr/head_bgr_top.jpg) top center no-repeat; }
.pad0 { width:950px; position:relative; margin:0 auto; }
.pad01 { padding:30px 0; }
#head_bottom { height:292px; }

#head_bottom h3 { margin:0; float:left; }

#logo { display:block;width:194px;height:102px; float:left; margin:15px 0 0 10px; position:relative;z-index:10; text-decoration:none; }
#logo em { position:absolute;top:0;left:0; display:block; width:100%;height:100%; background:url('../images/logo.png') no-repeat; }
#logo img { position:absolute;top:0;left:0; display:block; width:100%; }

#head .right-block { position:absolute;right:0;top:20px; }

#top_address { font-style:italic; font-family:"Exo20 Italic"; font-size:0.7em; float:left; margin:36px 0 0 0; }

#top_phone { position:relative; text-align:right; float:right margin:0; color:#000; font-size:0.8em; font-family:"Exo20 SemiBold"; }
#top_phone p { margin:0; }
#top_phone span { color:#009615; font-weight:bold; font-size:1.5em; }

#tnav { list-style:none; clear:both; margin:18px 0 0 0;padding:0; position:relative; letter-spacing:-0.5px; font-size:0.9em; font-family:"Exo20 Medium"; }
#tnav li { float:left; margin:0 25px 0 0;padding:0; position:relative; text-transform:uppercase; }
#tnav li:last-child { margin-right:0; }
#tnav a { color:#000; text-decoration:none; padding:0 0 3px 0; background:url(../images/bgr/green_dotted.png) bottom left repeat-x; }
#tnav .current a, #tnav .current span, #tnav a:hover {  }

#head_top .info { background: url("../images/bgr/head_text_bgr.png"); color:#fff; font-size:1.5em; letter-spacing:-0.5px; padding:20px 20px; position: absolute;top:172px;left:0; width: 440px;
    border-radius: 8px;
}
#head_top .info h3 {color:#fff; margin:0; line-height:0.8em; /*font-size:1.2em;*/ }
#head_top .info .button { margin-top:16px; font-size:0.6em; }

#head_bottom h3 { width:450px; font-family:"Exo20 Regular"; font-weight:normal; }

#wood { padding:140px 0 0 60px; margin:25px 0 0 0; position:relative;left:-60px; float:left; width:600px;
  background:url(../images/img/wood.png) no-repeat top left;
  text-transform:uppercase; font-size:1.3em; line-height:0.8em;
}
#wood .item { width:28%; margin:0 5% 0 0; float:left; position:relative; }
#wood .item:last-child { margin-right:0; }
#wood .item.item1 { left:16px; }
#wood .item.item2 { left:58px; }
#wood .item.item3 { left:30px; }

#gar_block { position:absolute;right:14px; width:290px;height:232px; background:url(../images/bgr/20gar.jpg) no-repeat; }

/* content1 - projects - screen #2 */
#content1 { z-index:2; position:relative; width:100%; background:#d6c8ae url(../images/bgr/wood_bgr.jpg) top repeat-y; }
#content1 .pad1 { padding:65px 0 15px; width:902px; margin:0 auto; position:relative; }

#content1 h2 { text-align:center; margin:0; }

#projects-list { padding:70px 0 0px 13px; margin:0 -99px 0 0; overflow:hidden; }
#projects-list .item { background: #fff; margin:0 86px 74px 0; float:left; width:242px;
box-shadow: -1px 10px 8px 0px #2e2e2e;
-moz-box-shadow: -1px 10px 8px 0px #2e2e2e;
-webkit-box-shadow: -1px 10px 8px 0px #2e2e2e;
}
#projects-list .item .image { display:block; }
#projects-list .item .info { text-align:center; text-transform:uppercase; padding:13px 0 10px; }
#projects-list .info .h_squere { font-size:1.4em; text-transform:none; }
#projects-list .info .h_squere sup { font-size:0.5em; }
#projects-list .info .h_type { font-size:0.90em; }
#projects-list .info .price { font-size:0.90em; color:#f2551e; }
#projects-list .info .price span { font-size:1.4em; font-weight:bold; }
#projects-list .item .button { position:relative;top:10px; }

/* content2 - action - screen #3 */
#content2 { z-index:2; position:relative; width:100%; background:#1a9724; color:#fff; }
#content2 .pad2 { width:854px; margin:0 auto; padding:50px 0 50px 70px; overflow:hidden; }

#content2 p { width:400px; float:left; margin:0; font-size:1.2em; }

/* content3 - price - screen #4 */
#content3 { z-index:2; position:relative; width:100%; }
#content3 .pad3 { padding:45px 0; width:100%; }

#content3 p { width:600px; margin:30px auto; text-align:center; font-size:0.96em; }

#content3 h2 { text-align:center; }
#content3 h2.green { font-family:"Exo20 Bold"; }

.table { width:100%; margin:36px 0 66px 0; }
.table.last-child { margin-bottom:0; }
.table th, .table td { padding:11px 24px; }
.table th { background:#1a9724; text-align:center; color:#fff; text-transform:uppercase; font-weight:normal; }
.table td { text-align:center; font-size:0.9em; line-height:2.0em; }
.table.table2 td { line-height:1.5em; }
.table td.b-size { font-size:1.0em; }
.table td.head { text-transform:uppercase; font-weight:bold; }
.table .odd td { background:url(../images/bgr/odd_td.png); }
.table .left_space, .table .right_space { width:50%; padding:0; }
.table th img { height:1px; display:block;visibility:hidden; }
.th_material img { width:140px; }
.th_sec img { width:136px; }
.th_img img { width:202px; }
.th_dim img { width:106px; }
.th_price img { width:96px; }
.th_twork img { width:620px; }
.th_title img { width:362px; }

/* content4 - garantee - screen #5 */
#content4 { z-index:2; position:relative; width:100%; background:#f8d51e; }
#content4 .pad4 { width:980px; padding:50px 0; margin:0 auto; }

#content4 h2 { text-align:center; }

#garantee { list-style:none; margin:70px 0 0;padding:0; overflow:hidden; position:relative; }
#garantee li, #garantee .item { float:left; width:240px; margin:0 130px 0 0; position:relative; z-index:4; background:#f8d51e; }
#garantee li.last-child, #garantee .item.last-child { margin-right:0; }
#garantee .title { text-align:center; font-size:0.9em; font-style:italic; }
#garantee .image { display:block; margin:0 auto 20px; }
#garantee_line { position:absolute;top:105px; z-index:3; width:100%;height:2px; background:#000; }

/* content5 - building - screen #6 */
#content5 { z-index:2; position:relative; width:100%; }
#content5 .pad5 { padding:65px 0; width:1004px; margin:0 auto; }

#content5 h2 { text-align:center; }

#building-list { list-style:none; margin:70px auto 0px;padding:0; width:900px; overflow:hidden; position:relative; }
#building-list li { clear:both; width:550px; margin:0 0 10px 0; position:relative; }
#building-list li.odd { float:left; }
#building-list li.even { float:right; }
#building-list li:last-child { margin:0; }
#building-list h3 { font-size:1.4em; margin:0 0 2px 0; }
#building-list p { font-style:italic; font-size:0.8em; margin:0; }
#building-list .title { color:#000; width:374px; }
#building-list li.odd .title { text-align:right; float:left; margin:0 33px 0 0; }
#building-list li.even .title { float:right; margin:0 0 0 33px; }
#building-list img { display:block; margin:28px 0 0 0; }
#building-list li.odd img { float:left; }
#building-list li.even img { float:right; }
#building-list em { display:block; width:48px;height:69px; position:absolute;bottom:0; }
#building-list li.odd em { float:right; right:0; background:url(../images/icon/arrow_right.png) no-repeat; }
#building-list li.even em { float:left; left:0; background:url(../images/icon/arrow_left.png) no-repeat; }

/* content6 - form - screen #7 */
#content6 { z-index:2; position:relative; width:100%;height:476px; background:url(../images/bgr/head_bgr_bottom.jpg) top center no-repeat; }
#content6 .pad6 { padding:40px 0; margin:0 auto; width:1004px; position:relative; }

#calc_form_container { width:284px; padding:20px 33px; position:relative;left:70px;top:0px; background:url(../images/bgr/form_bgr.png); }
#calc_form2_container { width:284px; margin:0 auto; }
.calc_form { padding:0;margin:0; width:100%;height:100%; }
.calc_form_wrap { padding:0; }

.action h3 { margin:0; font-size:1.3em; line-height:0.8em; }
.action p {}

#content6 .right-block { position:absolute;right:70px;top:150px; }
#content6 .right-block p { line-height:1.0em; }

/* footer - screen #8 */
#footer { z-index:2; width:100%; position:relative; margin:0; font-size:0.80em; }
#footer .pad9 { padding:20px 0 16px; margin:0 auto; width:940px; overflow:hidden; position:relative; }

#footer .left-block { float:left; width:300px; }
#footer .right-block { float:right; width:390px; text-align:right; }

#footer p { margin:9px 0; }
#footer .big { font-size:1.1em; }

#bottom_phone { color:#009615; padding:0 0 0 27px; font-size:1.5em; background:url(../images/icon/phone.png) 0 3px no-repeat; }
#bottom_phone span { color:#000; font-size:0.7em; }

#dev { position:absolute;right:0;bottom:20px; font-size:0.8em; }
#dev span { font-size:1.5em; font-weight:bold; }

/* forms */
form { padding:0; margin:0; }
form .field { clear:both; padding:0; margin:0 0 11px 0; overflow:hidden; }
form label { color:#000; display:block; margin:0 0 4px 0; font-size:0.86em; }
label.error { display:none !important; }
form .input, form .select, form .textarea { font:0.9em "Exo20 Medium"; height:36px; border:1px solid #fff; background:#fff; color:#9a9a9a; }
form .input { width:98%; }
form .short { width:10em; }
form .select { height:1.9em; width:20.0em; padding:0; }
form .textarea { height:5.0em; width:23em; padding:2px 4px 2px 4px; }
form .checkbox { border:3px solid #fff; margin:0 6px 0 0; vertical-align:middle; }
form .input.error, form .textarea.error, form .select.error { border:1px solid #ec5a29; }
.form-errors { color:red; }
form .button-field { margin:15px 0 5px; }
#calc_form2_container .button-field { margin:24px 0 0; }
.button { font-family:"Exo20 SemiBold"; width:100%; color:#fff; border:0; cursor:pointer; padding:10px 0px; font-size:0.84em; font-weight:bold; text-align:center; text-transform:uppercase; text-decoration:none; }
a.button { display:block; }
.yellow_btn { width:195px;height:23px; color:#000; line-height:1.3em; background:url(../images/button/yellow_btn.png) no-repeat; }
.long_yellow_btn { width:329px;height:36px; color:#000; font-size:1.1em; line-height:1.8em; background:url(../images/button/long_yellow_btn.png) no-repeat; }
.green_btn { width:242px;height:27px; line-height:1.6em; background:url(../images/button/green_btn.png) no-repeat; }
.long_green_btn { width:279px;height:56px; background:url(../images/button/long_green_btn.png) no-repeat; }
#captcha_img {vertical-align:top; }

/* flash messages */
.nz_messages { background:#a6ff9b;border:1px solid #063;margin:10px 0;position:relative;}
.nz_messages .message {margin:11px;font:bold 0.9em "Trebuchet MS",Helvetica,Jamrul,sans-serif;color:#063;}
.nz_errors { background:#fef2f2;border:1px solid #de5555;margin:10px 0;position:relative;}
.nz_errors .message {margin:11px;font:bold 0.9em "Trebuchet MS",Helvetica,Jamrul,sans-serif;color:#de5555;}
.cross { background:url(../images/icon/close.gif) no-repeat right center; cursor:pointer; width:10px;height:10px; position:absolute;top:1px;right:1px; }

#nyroModalIframe { height:100% !important; }

/* IE fix */
* html #root { height:100%; width:1250px; }