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

body, html {width: 100%; height: 100%;}
body {background: #fff; text-align: right;}
body, div {font: 11px Verdana, Tahoma, Arial, sans-serif; color: #2e2b23;}

a, a:hover {color: #2e2b23; text-decoration: underline;}a:hover {text-decoration: none;}a:focus {outline: none;}
img {border: none; vertical-align: middle;}

.spacer{height: 1px; width: 100%; clear: both; font-size: 1px;}
.s40{height: 40px;}

/* main block */
.container {width: 100%; min-width: 950px; min-height: 100%; position: relative; margin-left: auto; text-align: left; background: url(../imgs/bg-body.jpg) 100% 0 no-repeat;}
.container-pad {padding-left: 80px;}

/* header */
.header {height: 538px; position: relative; width: 100%;}

.logo {position: absolute; top: 40px; left: 65px; display: block;}
div.logo {z-index: 10; background: url(../imgs/logo.png); width: 334px; height: 78px;}
a.logo, a.logo:hover {z-index: 11; color: #565f61; text-decoration: none; width: 271px; height: 23px; padding: 55px 0 0 63px; font: 10px Verdana;}

.ico {position: absolute; top: 40px; right: 29px; background: url(../imgs/bg-ico.gif) no-repeat; width: 79px; height: 112px;}
.ico a, .ico a:hover {display: block; width: 29px; height: 29px;}
.map {margin: 13px 0 0 26px;}
.mail {margin: 12px 0 0 50px;}

.phone {background: url(../imgs/i-tel.gif) no-repeat; width: 178px; height: 40px; position: absolute; right: 20px; top: 432px;}

/*.menu-pad {padding: 31px 10px 0 320px;}*/
.menu {padding-top: 350px;}
.menu img {margin-bottom: 15px;}

.menu-list {float: left; width: 145px;}
.menu-list li {list-style: none; background: url(../imgs/bg-menu.gif) 3px 10px no-repeat; padding: 5px 0 7px 20px;}
.menu-list li a, .menu-list li a:hover {font-size: 12px;}

.b-left, .b-right {position: relative; z-index: 10; float: left;}
.b-left {width: 49%;}
.b-right {width: 50%;}

/* content block */
h1, h2 {color: #783f29; font: 24px/25px Arial Narrow, Arial, Tahoma, Verdana, sans-serif; font-weight: normal; padding: 10px 0 0;}
.title {display: block;}
input {font: 12px Verdana, Tahoma, Arial, sans-serif; color: #2e2b23;}
p {margin: 12px 0 0 0;}

.content-pad {padding: 0 50px 0 20px;}
.contents-pad {padding-left: 20px;}

.cat-item {float: left; padding-top: 20px; text-align: center; margin-right: 7%;}
.cat-item-last {margin-right: 0;}
.cat-item img {padding: 4px; border: 1px solid #2e2b23; background: #d5e4e8; display: block; margin-bottom: 20px;}
.cat-item a, .cat-item a:hover {font-size: 12px; font-weight: bold;}


.cat-item1 {float: left; padding-top: 10px; text-align: center; margin-right: 2%;}
.cat-item1-last {margin-right: 0;}
.cat-item1 img {padding: 4px; border: 1px solid #2e2b23; background: #d5e4e8; display: block; margin-bottom: 10px;}
.cat-item1 a, .cat-item a:hover {font-size: 12px; font-weight: bold;}


.cat-item2 {float: right; padding-top: 0px; text-align: right; margin-right: 0%;}
.cat-item2-last {margin-right: 0;}
.cat-item2 a, .cat-item a:hover {font-size: 12px; font-weight: bold;}


.news-list {float: left; padding-top: 20px; width: 205px; margin-right: 10%;}
.news-list-last {margin-right: 0;}
.news-list .date {background: #2e2b23; color: #fff; font-size: 10px; padding: 0 15px 0 5px;}
.news-list .line {margin-bottom: 10px; background: #7b7c65; height: 1px; width: 100%;}
.news-list a, .news-list a:hover {display: block; font-weight: bold; text-decoration: none; margin: 10px 0;}

.fl {float: left; margin-right: 11%; width: 380px;}
.fl-last {margin-right: 0; position: relative; height: 30px;}

.fl-last .input {background: url(../imgs/bg-input.gif) no-repeat; width: 236px; height: 25px; position: absolute; top: -1px; left: 165px;}
.fl-last .input a, .fl-last .input a:hover {position: absolute; top: 0; right: 0; display: block; width: 30px; height: 25px;}
.fl-last .input input {background: none; border: none; color: #9c9d82; padding: 4px 35px 5px 13px; width: 188px;}

/* footer */
.footerspacer {height: 75px;}
.footer {padding: 0; text-align: center; position: absolute; bottom: 0; left: 0; padding-top: 55px; height: 29px; width: 100%; text-align: left; background: url(../imgs/bg-footer.gif) 100% 0 no-repeat;}
.footer-info {padding-left: 100px;}
.footer-info, .footer-info a, .footer-info a:hover {color: #676858;}
.footer .fr{position: absolute; top: 55px; right: 0; padding-right: 20px;}
.footer .fr, .footer .fr a, .footer .fr a:hover {color: #b5b697;}