* {margin: 0px; padding: 0px;}

html {font-size: 100.01%; height: 100%;}
body {height: 100%; font: 62.5% Tahoma, sans-serif; line-height: 1em; background: #fff;}

ul, ol {list-style: none;}
li {padding-left: 20px; background: url("../../images/style/ul.jpg") 5px 0.5em no-repeat;}
table {border-collapse: collapse; width: 100%;}
a img {border: none;}
p {margin-bottom: 1.5em;}
a {color: #996633; text-decoration: underline;}
a:hover {text-decoration: none;}
input.text {background: #fff;}

.clear {clear: both; margin: 0; font-size: 1px; line-height: 1px;}

h1 {font: normal 1.83em Arial, Tahoma, Verdana, Helvetica, sans-serif; line-height: 1em; margin: 0 0 23px 0; padding: 0; color: #996633;}
h2 {font: bold 1.17em Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 1em; margin: 0 0 20px 0; padding: 15px 0 0 0; color: #996633;}

h3 {font: normal 1.17em Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 1em; margin: 0 0 20px 0; padding: 15px 0 0 0; color: #ffcc00;}
h4 {font: bold 1em Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 1em; margin: 0 0 20px 0; padding: 15px 0 0 0; color: #ffcc00;}
h5 {font: normal 1em Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 1em; margin: 0 0 20px 0; padding: 15px 0 0 0; color: #ffcc00;}
h6 {font: bold 1em Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 1em; margin: 0 0 20px 0; padding: 15px 0 0 0;}

/* --- 
------------------------------- */

#container {background: url("../../images/style/bg-container.jpg") left top no-repeat; min-height: 100%; width: 960px; margin: 0 auto; position: relative; font-size: 1.2em; line-height: 1.25em;}
* html #container {height: 100%;}


/* --- header
------------------------------- */

#header {min-height: 360px; padding-top: 22px;}
* html #header {height: 360px;}
#header #logo {height: 249px; overflow: hidden; padding-left: 20px;}
#header #quick-links {position: absolute; top: 19px; left: 275px;}
#header #quick-links a {margin-right: 15px;}
#header #quick-links span {margin-right: 15px;}
#header #search {position: absolute; top: 17px; left: 737px; width: 220px;}
#search {margin-bottom: 20px;}
#header #slogan {position: absolute; top: 54px; left: 242px; border-left: 1px solid #b2b2b2; width: 330px; height: 63px; overflow: hidden;}
#header .phone {position: absolute; top: 225px; left: 50px; width: 220px; height: 30px;}
#header #icq {position: absolute; top: 227px; left: 244px; width: 220px; height: 30px;}

#menu {height: 111px; margin: 0 22px; width: 916px; overflow: hidden;}
#menu td {padding: 42px 0 38px 0; background: url("../../images/style/menu-line.jpg") right 42px no-repeat; text-align: center;}
#menu td.last {background: none;}


/* --- content
------------------------------- */

td.content {padding: 15px 25px 20px 35px; background: url("../../images/style/line-v.jpg") right 50px no-repeat; width: 564px; vertical-align: top;}
div.content {position: relative; vertical-align: top; margin-bottom: 1em;}
div.content #scroll {padding: 0 40px 0 0; width: 526px; }
div.content #scroll_top {position: absolute; top: 5px; left: 556px; cursor: pointer; height: 17px; width: 11px; background: url("../../images/style/button-up.jpg") left top no-repeat;}
div.content #scroll_down {position: absolute; top: 246px; left: 556px; cursor: pointer; height: 17px; width: 11px; background: url("../../images/style/button-down.jpg") left top no-repeat;}

td.hotspots1 {padding: 50px 0 0 40px; vertical-align: top;}
td.hotspots1 td {padding: 10px 5px;}
td.hotspots1 p {margin: 0;}

td.hotspots2 {padding: 0 25px 90px 35px; vertical-align: top;} 
.hottable a {color: #fff; font-size: 1.33em; font-weight: bold; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.hottable {width: 186px; margin-right: 10px; font-size: 0.75em; font-family: "Microsoft Sans Serif", sans-serif; color: #ffffff;}
.hottable td.hottd {background: #996633 url("../../images/style/hotspot-top.jpg") left top no-repeat; height: 111px; padding: 9px 9px 0 9px;}
.hottable td {background: #996633 url("../../images/style/hotspot-arrow.jpg") left bottom no-repeat; padding: 0 18px 9px 18px; height: 122px; vertical-align: top;}

td.hotspots3 {padding: 10px 0 10px 40px; vertical-align: top;} 

.form_webforms table {width: 350px;}
.form_webforms table td {vertical-align: top;}
.form_webforms .lable {width: 150px;}
.form_webforms input, .form_webforms textarea {width: 200px; background: #fff; border-top: 1px solid #676767; border-left: 1px solid #707070; border-right: 1px solid #a5a5a5; border-bottom: 1px solid #c7c7c7; margin-bottom: 5px; padding: 2px;}
.form_webforms textarea {height: 100px;}
.form_webforms .captcha_img {display: block; margin-bottom: 5px; border: 1px solid #996633;}
.form_webforms .submit {text-align: right; padding: 10px 0 0 0;} 
.form_webforms .submit input {width: auto; height: auto; padding: 0; border: 0;}

.numpages {width: auto; margin: 10px auto; line-height: 1em;}
.numpages a {text-decoration: none;}
.numpages span {color: #333333;}
.numpages a:hover {text-decoration: underline;}
.content .numpages td {border: none; padding: 8px 9px 6px; border-right: 1px solid #ffffff; color: #333333; vertical-align: middle; text-align: center; width: 7px; height: 22px;}
.content .numpages td.navi-item {background: #e7e7e7;}
.content .numpages img {border: none;}
.content .numpages td.active {background: none;}
div.content img {margin: 0 15px 0 0;}
div.content #scroll img {margin: 0 10px;}

/* --- footer
------------------------------- */

#footer {position: absolute; bottom: 0px; left: 0px; height: 74px; background: url("../../images/style/bg-footer.jpg") left bottom no-repeat; width: 960px;}
#footer td {vertical-align: middle;}
#footer #wpl {width: 215px; color: #999;}
#footer #wpl img {position: relative; top: 8px;}
#footer #wpl a {color: #999;}
#footer .menu {list-style: none; margin: 0;}
#footer .menu li {display: inline; border-right: 1px solid #666666; padding: 0 22px; background: none;}
#footer .menu li.last {border: 0;}
#footer .menu a.active {color: #999; text-decoration: none;}