body,html,div,img,dl,dt,dd,h1,h2,h3,h4,h5,p,a,tr,td,ul,li {margin:0;padding:0;}

body, html {width: 100%;}
body {background: #fff url(../imgs/bg-body.jpg) repeat-x;}
body, div, table {font: 16px Arial Narrow, Arial, Tahoma, sans-serif; color: #405954;}

a, a:hover {color: #7f3713; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none; vertical-align: middle;}

.spacer {height: 1px; width: 100%; clear: both; font-size: 1px;}
.wrap {width: 100%;}
.s10 {height: 10px;}

/* main block */
.container {width: 100%; background: url(../imgs/bg-header.jpg) 100% 0 no-repeat; min-width: 1000px;}

.header {height: 596px; position: relative; background: url(../imgs/logo.jpg) no-repeat;}

.logo {position: absolute; top: 37px; left: 32px; width: 295px; height: 130px;}
.slogan {position: absolute; top: 177px; left: 32px; width: 393px; height: 111px; padding: 35px 0 0 30px; background: url(../imgs/t-kolodec.png); color: #7f3713; font-size: 30px;}
.slogan b {display: block; padding-bottom: 5px;}
.phone {position: absolute; top: 524px; right: 59px;}
.flower {position: absolute; top: 31px; right: 400px; width: 184px; height: 565px; background: url(../imgs/bg.png) no-repeat;}

.ico {position: absolute; top: 52px; right: 0; width: 188px; height: 40px; background: url(../imgs/bg-ico.png) no-repeat;}
.ico a, .ico a:hover {display: block; float: left; width: 40px; height: 40px; margin-right: 10px;}

.menu {position: absolute; top: 347px; left: 32px; overflow: hidden; width: 510px;}
.menu li {list-style: none; float: left; display: block; font-size: 18px; width: 255px; line-height: 21px; height: 43px;}
.menu li a, .menu li a:hover, .menu li a span {display: block; float: left;}
.menu li a, .menu li a:hover {text-decoration: none;}
.menu li a:hover, .menu a.on, .menu a.on:hover {color: #fff; background: url(../imgs/bg-li.png) no-repeat;}
.menu li a:hover span, .menu a.on span, .menu a.on:hover span {background: url(../imgs/bg-li.png) 100% -27px no-repeat;}
.menu li a span span {padding: 0 20px 6px 36px; background: none;}

.menu li.home span span {background-image: url(../imgs/bg-mhome.gif) !important;}
.menu li.home .on span span {background-image: url(../imgs/bg-mhome.gif) !important;}
.menu li.dogovor span span {background-image: url(../imgs/bg-mdogovor.gif) !important;}
.menu li.dogovor .on span span {background-image: url(../imgs/bg-mdogovor.gif) !important;}
.menu li.company span span {background-image: url(../imgs/bg-mcompany.gif) !important;}
.menu li.company .on span span {background-image: url(../imgs/bg-mcompany.gif) !important;}
.menu li.gallery span span {background-image: url(../imgs/bg-mgallery.gif) !important;}
.menu li.gallery .on span span {background-image: url(../imgs/bg-mgallery.gif) !important;}
.menu li.service span span {background-image: url(../imgs/bg-mservice.gif) !important;}
.menu li.service .on span span {background-image: url(../imgs/bg-mservice.gif) !important;}
.menu li.contacts span span {background-image: url(../imgs/bg-mcontacts.gif) !important;}
.menu li.contacts .on span span {background-image: url(../imgs/bg-mcontacts.gif) !important;}
.menu li.price span span {background-image: url(../imgs/bg-mprice.gif) !important;}
.menu li.price .on span span {background-image: url(../imgs/bg-mprice.gif) !important;}
.menu li.info span span {background-image: url(../imgs/bg-minfo.gif) !important;}
.menu li.info .on span span {background-image: url(../imgs/bg-minfo.gif) !important;}
.menu li.site span span {background-image: url(../imgs/bg-msite.gif) !important;}
.menu li.site .on span span {background-image: url(../imgs/bg-msite.gif) !important;}
.menu li.map span span {background-image: url(../imgs/bg-mmap.gif) !important;}
.menu li.map .on span span {background-image: url(../imgs/bg-mmap.gif) !important;}

.menu li span span {background-position: 5px -81px !important; background-repeat: no-repeat !important;}
.menu li a:hover span span, .menu li .on span span {background-position: 5px 0 !important;}

/* block */
.wrapper {float: left; width: 100%; background: url(../imgs/bg-cb.gif) 100% 0 no-repeat;}
.content {margin-right: 400px;}
.content-pad {padding: 0 22px 0 32px;}
.bg-content {background: #627f24 url(../imgs/bg-content.png) 100% 0 repeat-y; width: 100%;}
.bg-content * {color: #fff;}

.bg-content-top {background: url(../imgs/bg-content-top.png) no-repeat;}
.bg-content-topr {background: url(../imgs/bg-content-topr.png) 100% 0 no-repeat;}
.bg-content-bot {background: url(../imgs/bg-content-bot.gif) 0 100% no-repeat;}
.bg-content-botr {background: url(../imgs/bg-content-botr.gif) 100% 100% no-repeat;}

.main-pad {padding: 0 9px 20px;}

.news {float: left; width: 400px; margin-left: -400px;}

h2 {font: 26px Arial Narrow, Arial, Tahoma, sans-serif; color: #955517; padding: 3px 0 10px;}
.news-list {padding-bottom: 10px;}
.news-list a, .news-list a:hover {font-size: 20px;}
.news-list span {color: #955517; font: 12px Arial; display: block; padding-bottom: 2px;}

p {margin: 15px 0 0 0;}

/* footer */
.footer {padding: 20px 0 0 45px; height: 80px; font-size: 16px; color: #41625b; overflow: hidden;}
.footer img {float: left;}
.footer div {font: 12px Verdana; float: right; white-space: nowrap; width: 155px; padding-top: 5px; color: #7f3713;}