* {margin:0; padding:0; border:0}
html, body {width:100%; height:100%}
body {height:auto !important; height:100%; min-height:100%; min-width:800px; position:relative; background:#fff; color:#333; font:12px Verdana, Arial, Helvetica, sans-serif}

h1 {text-align:right; color:#e00; font-size:20px; margin-bottom:12px}
h2, h3, h4, h5, h6 {color:#333; font-size:16px; padding:18px 0 6px 0}

.sub-title {text-align:right; color:#888; position:relative; top:-12px; font:9px Verdana, Arial, Helvetica, sans-serif}

a, a:link, a:visited {text-decoration:none; color:#900}
a:hover {text-decoration:none; color:#e00}

p {padding:2px 0px 8px 0; line-height:17px; text-align:justify}
ul {list-style-position:4px; list-style-image:url(../images/list-bullet.gif);}
ol, ul {padding:2px 0 12px 36px}
li {padding:4px 0}

.forms label {width:200px; float:left; clear:left; text-align:right; padding:2px;}
.forms input  {float:left; margin:3px; clear:right;}
.forms  textarea {float:left; margin:3px; clear:right;border:1px solid #ccc;}


.small {font-size:11px; color:#666; line-height:normal}

strong {font-weight:normal}
b {font-weight:bold; color:#900}

sup {font:8px Arial, Helvetica, sans-serif; color:#666}

.tabl1 {margin:4px 0px 12px 0; border-bottom:2px solid #ccc; border-right:2px solid #ccc; border-top:1px solid #ccc; }
.tabl1 th {padding:8px; background:#eee; border-bottom:1px solid #ccc; border-top:1px solid #fff; border-left:1px solid #ccc; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#666; text-align:center;}
.tabl1 td {padding:12px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:center; background:#fff}

#top, #main, #footer {width:100%; min-width:1000px; position:relative; clear:both}

#top {background:url(../images/top-bg.jpg) repeat-x}
#top .img {width:450px; height:106px; background:url(../images/top-img.jpg) right bottom no-repeat; float:left}
#top .txt {position:absolute; font:bold 16px Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px}
#top .icons {float:right; position:relative; left:-50px; top:14px}
#top .icons a {display:block; width:20px; height:20px; float:left; margin-left:20px}
#top .icons a:hover {background-position:-20px}
#top .icons .home {background:url(../images/icon-home.gif) no-repeat}
#top .icons .map {background:url(../images/icon-map.gif) no-repeat}
#top .icons .contacts {background:url(../images/icon-contacts.gif) no-repeat}

/* MAIN */
#main {min-height:800px; _height:800px; background:url(../images/main-bg.jpg) repeat-x}
#main .img {height:600px; background:url(../images/main-img.jpg) top right no-repeat; position:absolute; left:0}
#main .logo {width:344px; height:134px; position:absolute; background:url(../images/logo.gif) no-repeat; float:right; top:60px; right:60px}

#main .txt {margin:135px 60px 40px 500px}

/* MENU */
.menulist {position:relative; z-index:100; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif}
.menulist, .menulist ul {margin:0; padding:0; width:150px; list-style:none}
.menulist ul {display:none; text-align:left; position:absolute; top:1px; left:148px; background:#c3e3ff url(../images/sub-menu-bg.jpg) bottom right no-repeat}
.menulist li {position:relative; margin-bottom:-1px; padding:1px 2px 2px 1px}
.menulist ul>li:last-child {margin-bottom: 1px; /* Mozilla fix */}

/* Links inside the menu */
.menulist a, .menulist a:link, .menulist a:visited {display:block; padding:4px; text-transform:uppercase; font-weight:bolder; font-size:11px}
.menulist ul a, .menulist ul a:link, .menulist ul a:visited {font-weight:normal; font-size:11px; color:#333; text-transform:none}
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {color:#e00; background:url(../images/menu-hover-bg.jpg) no-repeat}
.menulist a.highlighted {color:#c00; background:url(../images/menu-hover-bg.jpg) no-repeat}
.menulist ul a:hover, .menulist ul a.highlighted:hover, .menulist ul a:focus {color:#e00; background:#99ccff url(../images/sub-menu-hover-bg.gif) repeat-y}
.menulist ul a.highlighted {color:#c00; background:#99ccff url(../images/sub-menu-hover-bg.gif) repeat-y}
.menulist a .subind {float:right}
/* HACKS: IE/Win:*/
*:first-child+html .menulist li {float:left; width:100%}
* html .menulist li {float:left; height:1%}
* html .menulist a {height:1%}
/* End Hacks */

/* FOOTER  */
#footer {width:100%; height:74px; background:url(../images/footer-bg.gif) repeat-x; font:10px Verdana, Arial, Helvetica, sans-serif; color:#666; white-space:nowrap}
#footer .txt {position:absolute; left:25px; top:25px; white-space:nowrap}
#footer .txt a, #footer .txt a:link, #footer .txt a:visited {font-size:9px}
#footer .counter {position:absolute; top:25px; right:15px}

.banner-order {width:138px; height:100px; display:block; background:url(../images/banner02.gif) no-repeat; float:right}

.forms label {width:150px; float:left; clear:left; text-align:right; padding:2px; font-size:11px}
.forms input, .forms textarea, .forms select {float:left; margin:3px; clear:right;}
.form .button {border:none}
input, textarea, select {border-top:1px solid #666; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #666;}

.button {display:block; width:100px; height:20px; background:url(../images/button.gif) no-repeat; text-align:center; line-height:18px}
.button:hover {background-position:-100px 0; text-decoration:none; line-height:20px}

#seo {display:block; position:absolute; left:0; bottom:0; width:20px; height:20px; padding:0; margin:0; border:0; background:url(../images/seo-button.gif) no-repeat; z-index:100}
#seo:hover {background-position:-20px}
#seo:hover #seo-body {display:block}
#seo.hover #seo-body {display:block}
#seo #seo-body {display:none; position:absolute; left:20px; bottom:0px; width:180px; background:#eee; border:1px solid #292952;}
#seo #seo-body #seo-title {width:180px; height:19px; background:#ccc url(../images/seo-title-bg.gif); color:#ccc; text-transform:uppercase; text-align:center; font:10px Verdana, Arial, Helvetica, sans-serif; line-height:18px}
#seo #seo-body #seo-links {font:11px Arial, Helvetica, sans-serif; color:#666; padding:2px 4p; white-space:normal}
#seo #seo-body #seo-links a {font:11px Arial, Helvetica, sans-serif; color:#666; font-weight:bold}
#seo #seo-body #seo-links a:hover {background:none; color:#000; border:0}

#xap {width:170px}


