html,body{ margin:0; padding:0; width: 100%; height: 100%; font-family: verdana, sans-serif; font-size: 11px; text-align: center; background:#da8250 }
table{ width: 100%; padding: 0; margin:0; border-collapse: collapse }
td{ padding: 0; margin:0; border-collapse: collapse; vertical-align: top }
img{ border:0 }
form{ margin: 0; padding:0; }
textarea{ overflow: auto }
h1, h2, h3, h4, h5, h6, address{ margin:0; padding:0; }
ul, li{ margin:0; padding:0; list-style: none }
em a{ color:#ed8638 }
a{ color:#934d29; outline: none }
a:hover{ text-decoration: none }

/*header*/
.bg{ position: relative; text-align: left; z-index: 0; min-width: 998px }
.bg div{ position: absolute; height: 249px; top: 0; left:0; width: 100%; background: url('/img/bg-header.jpg') 50% 0 }
.img-head{ position: relative; z-index:1; text-align: left }
.img-head div{ position: absolute; width: 100%; height: 249px; background: url('/img/head.jpg') 50% 0 no-repeat; margin: 0 auto }
.main{ min-height: 100%; min-width: 998px; min-height: 100%; background: url('/img/bg.jpg') 50% 249px }

.header{ position: relative; z-index: 2; width: 998px; margin: 0 auto; position: relative; height: 249px }
.header .logo{ position: relative; text-align: left; z-index: 2 }
.header .logo img{ position: absolute; left:26px; top: 37px }
.handset{ position: relative; z-index: 1; text-align: left; width: 100%; left: 0 }
.handset div{ position: absolute; top: 115px; left: -77px; width: 163px; height: 179px; background: url('/img/phone.jpg') no-repeat }

.header .menu{ position: relative; z-index: 1; text-align: left }
.header .menu ul{ position: absolute; left: 480px; top: 225px;  }
.header ul{ width: 450px; overflow: hidden }
.header li{ float: left; padding: 0 18px; margin-left: -1px; background: url('/img/separator.gif') no-repeat left center }
.header ul a{ color:#ffc999 }

.icons{ position: relative; z-index: 1; text-align: left }
.icons div{ position: absolute; left: 100px; top: 208px; background: url('/img/sep.gif') no-repeat left center }
.icons a{ width: 20px; height: 20px; float:left; margin: 0 17px }
.icons img{ display: block }
.icons ul{ position: absolute; left: 490px; top: 225px }

.page{ position: relative; z-index: 2; width: 998px; margin: 0 auto; position: relative; padding-bottom: 73px }
.page .child{ float:left; display: inline; position: relative; z-index: 2; width: 905px; margin-left: 59px; text-align: left; background: white url('/img/man.gif') no-repeat 212px 0 }
.cols-left{ width: 250px; float: left }
.cols-right{ width: 624px; float: left; padding-top:16px; }

.page .menu{ width: 236px; position: relative; top:-13px; left: -25px;  }
.page .menu .head{ font-size: 18px; font-weight: normal; padding: 10px 0 13px; color:#ffe6ba }
.page .menu ul, .page .menu .head{ width: 177px; margin-left: 25px }
.page .menu ul{ border-top: solid 1px #ab6843 }
.page .menu li{ font-size: 10px; border-bottom: solid 1px #ab6843; padding: 10px 0 9px 25px; background: url('/img/marker.gif') no-repeat 2px 12px }
.page .menu a{ color:#ffc999 }
.page .cols-left .view{ background: #934d2a url('/img/menu-bg.gif') repeat-y left top }
.search{ width: 204px; height: 35px; margin-top: 30px; background: url('/img/search.gif') no-repeat left top; position: relative; left: 13px }
.search .input{ width: 154px; border: none; background: #f1ece7; vertical-align: middle; margin: 7px 0 0 12px }
.search .submit{ vertical-align: middle; margin-top: 8px }
.bg-top{ width: 236px; font-size:0; height: 13px; background: url('/img/menu-top.gif') no-repeat left top }
.bg-bot{ width: 236px; height: 20px; background: url('/img/menu-bot.gif') no-repeat left top }

.breadcrumb{ margin-top: 35px; padding-bottom: 8px; color:#c8c0be; border-bottom: solid 1px #e8e3e1 }
.breadcrumb a{ color:#c8c0be }

.sub-pages{ width: 100%; overflow: hidden; margin-bottom: 25px }
.sub-left{ float: left; width: 353px }
.sub-right{ float: left; width: 208px; margin-left: 60px }
.sub-right p{ padding-left: 40px }
.sub-pages .sub-right h2{ color:#c7bcb3 }
.sub-left ul{ margin: 10px 0 }
.sub-left li{ padding: 13px 0 0 37px; color:#411506; background: url('/img/dash.gif') no-repeat 0 18px }

.text{ padding-top: 25px; padding-bottom: 20px; margin-bottom: 25px; border-bottom: solid 1px #e8e3e1 }
h1, h2, .sub-pages h2{ font-size: 22px; font-weight: normal; color:#613e2b; padding-bottom: 12px }
.text p, .sub-pages p{ padding-bottom: 12px; color:#411506 }
.more{ padding-left: 40px; height: 32px; background: url('/img/more.gif') no-repeat left top }
.more a{ color:#e26c13; font-style: italic; line-height: 30px }
.decor{ padding-left: 37px; background: url('/img/decor.gif') no-repeat left top }

.catalog{ width: 100%; overflow: hidden }
.catalog .node{ float: left; width: 208px; padding-bottom: 300px; margin-bottom: -300px }
.catalog .view{ padding-left: 37px; clear:both; padding-bottom: 40px !important;}
.catalog h2{ padding-top:0; margin-top:0; font-size: 24px; font-weight: normal }
.catalog .more{ float: right; width: 160px }
.catalog .spec{ color:#e26c13; width: 100%; overflow: hidden }
.catalog .spec h2{ float: left; padding: 5px 40px 20px 0; background: url('/img/spec.gif') right top no-repeat }
.catalog .view h2{ font-size: 14px; font-weight: bold; padding: 10px 0 2px 0 }
.catalog .view span{ color:#aca39f; font-size: 10px; }
.catalog .cost{ padding: 10px 0 0; color:#704a35 }
.catalog .cost big{ font: 30px arial; font-weight: bold; vertical-align: middle }
.catalog .cost small{ font-size:11px; vertical-align: middle }

.footer{ height: 133px; width: 100%; background:#f8f3eb; position: relative; color:#97664c }
.footer .inner{ width: 469px; height: 123px; position: absolute; left: 83px; top: -37px; background: url('/img/footer.gif') no-repeat }
.footer address{ padding: 15px 20px 0 167px; font-style: normal }
.footer .phone{ display: block; font-family: arial; font-weight: bold }
.footer .phone small{ font-size: 16px; position: relative; top: 6px; vertical-align: top }
.footer .phone big{ vertical-align: top; font-size:42px; font-weight: bold }
.footer .address{ display: block; color:#411506; padding-top: 5px }
.footer a{ font-style: italic }
.footer .by{ position: absolute; width: 210px; left: 554px; top: 65px; padding-left: 26px; background: url('/img/br.gif') no-repeat left center; color:#411506 }


/*other*/
.cl{ clear: both }
.end{ clear: both; height: 70px }
.hr{ clear: both; height: 60px; background: white url('/img/line.gif') repeat-x 0 37px; position: relative; z-index:1 }
.shadow{ position: absolute; width: 20px; height: 340px; background: url('/img/shadow.png') no-repeat; right:-20px; top:0 }

/*feedback*/
.tr{ width: 60%; position: relative; left: 25px; overflow: hidden; padding-top: 10px }
.td{ width: 49%; float: left }
.td span{ display: block; position: relative; top: 3px }
.input{ width: 98%; vertical-align: middle }
textarea{ margin: 5px 0 0 }

.img {margin:0px 20px 20px 0;}
.cost {font-size:22px;}
.cost span {color:#aca39f; font-size:22px !important;}

.logo_phone {position:absolute;top:100px;left:60px;font-family:Arial Narrow;color:#ffe7bd;font-size:32px;font-weight:bold;}