html, body {height: 100%; font: 13px Arial, Helvetica, sans-serif}
*, html, body {margin: 0px; padding: 0px}
body {background: #be7e38}
img {border: 0px}
form {margin-bottom: 0px}
h1 {font: 24px Arial, Tahoma, sans-serif; color: #ffffff}
.clear {clear: both; height: 0px}
a {color: #ffc834;}
 a:hover {color: #c4e1ff}

 /* begin header */
#header {position:absolute; height: "100%"; margin: 0px; padding: 0px; width: 100%; min-width: 1004px; width:expression((document.body.clientWidth<=1004)?'1004px':'auto')}
#logo_fon {width: 100%; height: 356px; background: url(/img/logo_fon.jpg) repeat-x;}
#logo_fon .logo1 {background: url(/img/logo1.jpg) no-repeat; width: 226px; height: 100%; float: left}
#logo_fon .logo2 {background: url(/img/logo2.jpg) no-repeat; width: 764px; height: 100%; float: left}
#logo {background: url(/img/logo.jpg) no-repeat;  width: 990px; height: 356px}
#logo_link a {display: block; width: 201px; height: 166px; top: 64px; left:19px; position: absolute}

html>body #navigition_table {width: 74%; margin-top: 12px}
html:root #navigition_table {margin-top: 0}
html:first-child #navigition_table {margin-top: 0}
#navigition_table {width: 58%; margin-left: 120px; margin-top: 12px}
html>body #navigition_table {margin-left: 70px}
html:root #navigition_table {margin-left: 120px}
html:first-child #navigition_table {margin-left: 120px}
html:root #navigition_table td {width: 16%; float: left; margin-right: 27px}
html:first-child #navigition_table td {width: 16%; float: left; margin-right: 27px}
html>body #cursor_navigation {width: 8px; height: 8px; margin-top: 12px}
#cursor_navigation {background: url(/img/cursor_navigation.gif) no-repeat}
.ftr td {height: 8px !important}
#first_navigation a {font: bold 14px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none}
#logo a:hover {color: #c4e1ff}
#language_navigation {position: absolute; top: 19px; left: 834px}
.link_padding2, #link_padding2_active {margin-right: 20px; float: left}
#language_navigation a {font: 11px Arial, Helvetica, sans-serif; color: #97caff}
#link_padding2_active a {font-weight: bold; color: #fff; font-size: 12px}
/* end header */




/* begin main */
#main {position: absolute; top: 356px; height: "100%"; margin: 0px; padding: 0px; width: 100%; min-width: 1004px; width:expression((document.body.clientWidth<=1004)?'1004px':'auto'); color: #e9c7bc}
#main a:hover {color: #fee9b4; text-decoration: none}
#center_fon{background: url(/img/center_fon.jpg) no-repeat;  width: 889; height: 200px}
#center_fon_persent {background: url(/img/center_fon_persent.jpg) repeat-x;  width: 100%; height: 200px}
#center_fon2_persent {background: url(/img/center_fon2_persent.jpg) repeat-x;  width: 100%; height: 196px}
#main_body {width: 100%; position: absolute; top: -3px}
#main_left {width: 188px; padding-left: 42px; float: left}
.icon_link a{font: 13px Arial, Helvetica, sans-serif; color: #fff}
.icon1_link_image a {display: block; width: 19px; height: 21px; position: absolute; left: 44px}
.icon_link {height: 21px; padding: 2px 0px 9px 35px}
#icon1_link {background: url(/img/icon1.gif) no-repeat}
#icon2_link {background: url(/img/icon2.gif) no-repeat}
#icon3_link {background: url(/img/icon3.gif) no-repeat}
#icon4_link {background: url(/img/icon4.gif) no-repeat}
#icon5_link {background: url(/img/icon5.gif) no-repeat}
#icon6_link {background: url(/img/icon6.gif) no-repeat}
#news {margin: 14px 0px 0px -15px; font-size: 11px; padding-right: 28px;}
.news_text {margin: 7px 0px 17px 0px }
span.date {background: #a7621e; color: #d39150; padding: 0px 4px 0px 4px}
a.yellow_link, span.arrow_link {color: #ffc834; font-size: 11px;}
#icon_allnews {background: url(/img/icon_allnews.gif) no-repeat;  width: 10px; height: 11px; float: left; margin: 2px 8px 0px 0px}
#icon_allnews a {display: block;  width: 10px; height: 11px}
#allnews_link {float: left}
#allnews {float: right}
p#text {margin: 5px 32px 25px 0px;}
#table_left {float: left; padding-left: 4%}
#table_right {float: left; padding-left: 6%}
strong.home_name {color: #fff; padding-left:1px}
.block_home {width: 323px; height: 273px; background: #ba711e; margin: 4px 0px 30px 0px}
p.home {margin: 9px 0px 10px 28px}
#line {width: 100%; height: 1px; background: #9c5a1c; margin: 40px 0 12px 0}
#block_padding {margin: -10px 26px 0px 235px}
#block_padding_left {width: 23%; float: left; height: 20px}
#bottom_navigation {width: 77%; float: right}
#bottom_navigation a {font-size: 14px}
.navigation_link {width: 24%; float: left; text-align: center}
/* end main */


/* begin foother*/
#foother_fon {background: url(/img/foother_fon.jpg) repeat-x; width: 100%; height: 117px; color: #ffd8ad; font-size: 12px; margin-top: 40px}
#foother_fon a {color: #ffd8ad; font-size: 12px}
#copy1 {float: left; width: 23%}
.copy2 {float: left; width: 26%}
p#copy_studio {margin: 40px 0px 0px 34px}
p#copy_mail {margin-top: 35px}
#foother_tel {background: url(/img/tel.jpg) repeat-x; width: 124px; height: 117px}
#tel_number1, #tel_number2 {width: 148px; height: 20px; margin-top: 45px}
#tel_number1 {background: url(/img/tel_number1.gif) no-repeat}
#tel_number2 {background: url(/img/tel_number2.gif) no-repeat; float: right; padding-right: 26px}
/* end foother*/

html>body #main_center {height: 100%; margin-left: 240px}
#main_center {height: 100%;}

html:root #tree {position: absolute}
html>body #tree {font: 11px Arial, Helvetica, sans-serif; float: right; margin: 8px 44px -24px 34px}

#tree {margin: 8px 44px 0px 34px}
#tree span.tree_active {text-decoration: underline}
#tree span.tree_img {background: url(/img/strelka.gif) no-repeat; width: 3px; height: 5px; background-position: 0 6px; margin: 0 10px;}
#tree span.tree_right_link {float: right; font: 11px Arial, Helvetica, sans-serif; color: #d9a047}

#contact label{font-size:11px;color:#000;font-weight:bold;width:300px;margin:0;display:block}
#contact input{padding:0px 3px 2px}
#contact .inp{font-size:11px;width:300px;margin:2px 0 5px 0px;border:solid 1px #484848;display:block}
#contact textarea{height:100px}
#contact span{color:#FFAA00}


#articles {margin: 14px 0px 0px -15px; font-size: 11px; padding: 0 28px 20px 0;}
.articles_text {margin: 7px 0px 17px 0px }
#icon_allarticles {background: url(/img/icon_allarticles.gif) no-repeat;  width: 10px; height: 11px; float: left; margin: 2px 8px 0px 0px}
#icon_allarticles a {display: block;  width: 10px; height: 11px}
#allarticles_link {float: left}
#allarticles {float: right}
/*in2*/
#cursor_navigation_contact {background: url(/img/cursor_navigation.gif) no-repeat; width: 8px; height: 4px; position: absolute; top: 12px; left: 425px}
.contact_form {width: 62%; padding-top: 18px;}
a.mailto {color: #ffc834;}
html>body .contact_form {float:left}
p.white_p {color: #fff}
p.big_p {font: 14px Arial, Helvetica, sans-serif; color: #fff; margin: 5px 32px 0 0px}
.contact_form label {float: left; width: 166px; margin: 2px 0 12px 0; position: relative}
.contact_form input, textarea {float: right; width: 236px; border: 1px solid #ad6225; background: #e5b085; margin: 0 50px 12px 0; padding: 2px 0px 2px 8px; position: relative}
.contact_form .more_inform {margin-top: -4px;}
.contact_form input {height: 16px;}
.contact_form textarea {height: 100px; margin-top: 4px;}
.contact_form .btn {border: 1px solid #e2c5a5; width: 75px; height: 17px !importnat; margin-right: 218px; padding: 0;}
html:root .contact_form .btn { margin-left: 42px;}
/*in3*/
html>body .projects_list {width: 100%; padding-bottom: 15px;}
.projects_list {width: 76%; margin-top: 20px; font: 14px Arial, Helvetica, sans-serif;}
html>body .projects_list span.projects_item {padding-right: 3%; width: 100%}
.projects_list span.projects_item {padding-right: 4%;}
a.white_link {color: #fff !important}

.big_white_p {color: #fff; font: 16px Arial, Helvetica, sans-serif; color: #fff; text-decoration: underline}
#left_table_item, #right_table_item {float: left; height: 286px; width: 380px; padding-top: 25px; padding-bottom: 32px}
#right_table_item {float: right}
html>body #right_table_item {float: left}
html>body #left_table_item, #right_table_item {width: 50%}
html>body .table_item_photo, .table_item_text {margin-right: 3%}
.table_item_photo, .table_item_text {height: 126px; width: 170px; border: 1px solid #ffc834; margin-top: 10px; padding: 2px; float: left; margin-right: 1%}
.table_item_text {border: none; padding: 3px;}
.table_item_text p {font: 12px Arial, Helvetica, sans-serif; color: #e9c7bc}
/*in5 - in7*/
html>body #left_table_item2, #right_table_item2 {padding-bottom: 30px;}
#left_table_item2, #right_table_item2 {float: left; height: 170px; width: 42%; padding-top: 25px; padding-bottom: 2px}
 #right_table_item2 {margin-left: 10%}
.border_block {width: 88%; height: 1px; border-bottom: 1px solid #d8995a; float: left; margin-top: 10px}

#left_table_big_item {float: left; height: 286px; width: 100%; padding: 25px 0 15px 0}
.table_item_big2_text {float: left; height: 240px; padding: 2px; width: 50%; margin: 4px 0 0 3%}
.table_item_big_photo2 {height: 240px; width: 320px; border: 1px solid #ffc834; margin: 10px 1% 0 0; padding: 2px; float: left}

.table_item_text2 {border: none; margin-top: 10px; padding: 3px; margin-right: 1%}
.table_item_text2 p {font: 12px Arial, Helvetica, sans-serif; color: #e9c7bc}
/*in6 - in4*/

.table_item_big_photo {height: 240px; width: 320px; border: 1px solid #ffc834; margin: 10px 1% 0 0; padding: 2px; position: absolute; float: left}
.table_item_big_text {float: left; height: 240px; width: 360px; margin: 4px 0 0 47%; padding: 2px; position: absolute}
html>body .table_item_big_text {margin: 0 0 0 40%;}
html:first-child .table_item_big_text {margin: 0 0 0 52%}

#left_table_big_item2 {float: left; height: 240px; width: 95%; padding-top: 20px;}
html>body #left_table_big_item2 {padding-top: 25px;}
html:first-child #left_table_big_item2 {width: 100%;}
.table_item_big_photo_right {float: left; height: 240px; width: 320px; border: 1px solid #ffc834; margin: 10px 0 0 47%; padding: 2px; position: absolute;}
html>body .table_item_big_photo_right {margin: 10px 0 0 40%}
html:first-child .table_item_big_photo_right {margin: 10px 0 0 52%}
img.zakaz_img {border: 1px solid #e2c5a5; width: 120px; height: 17px}

.small_white_p {color: #fff; font: 14px Arial, Helvetica, sans-serif; color: #fff;}

.other_houses_from_category {float: left; width: 68%; position: relative; padding-top: 40px;}
.examples {width: 33%; float: left; }
.other_categories {float: left; position: relative; padding-top: 40px; margin-right: 20px;}
.other_categories p.links_list {padding-top: 20px;}
.examples img {height: 68px; width: 92px; border: 1px solid #ffc834; padding: 2px; margin: 10px 0 10px 0;}
.examples a {font: 11px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none}