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

h1 {height:20px; background:url(../images/content-title-bg.gif) no-repeat; font:12px Verdana, Arial, Helvetica, sans-serif; color:#e3e3e3; font-weight:bolder; text-transform:uppercase; padding:0 0 12px 14px; line-height:18px; letter-spacing:0.5px; overflow:hidden;}
h2 {height:20px; background:url(../images/content-title2-bg.gif) no-repeat; font:11px Verdana, Arial, Helvetica, sans-serif; color:#339; font-weight:bolder; padding:0 0 2px 14px; margin-top:32px; line-height:20px; letter-spacing:0.5px; overflow:hidden;}
h3 {font:11px Verdana, Arial, Helvetica, sans-serif; color:#339; font-weight:bolder;  margin:12px 0 6px 0; letter-spacing:0.5px}

a, a:visited, a:link {text-decoration:none; color:#339}
a:hover {color:#36c; text-decoration:underline}

p {text-indent:11px; margin:2px 10px 8px 4px; line-height:16px; text-align:justify; font-size:11px}
ul {list-style-image:url(../images/list-bullet-01.gif)}
ul, ol, ul.small, ol.small  {margin:12px 18px 18px 30px}
ul li, ol li {margin:4px 0}

.small {font-size:10px; margin:2px; text-indent:0; color:#666; line-height:12px; text-align:left}

sup {font-size:7px}
strong, b {font-weight:normal}

hr {margin:4px 0 0 0; padding:0; height:2px; background:url(../images/news-line.gif) center no-repeat; width:auto}

#sup-header {height:25px; border-top:5px solid #ddd; background:url(../images/sup-header-bg.gif) right bottom no-repeat; text-align:right}
#sup-header a.icon-home {width:26px; height:16px; display:block; float:right; margin:5px 2px; background:url(../images/sup-header-icon-home.gif) no-repeat}
#sup-header a.icon-map  {width:26px; height:16px; display:block; float:right; margin:5px 2px; background:url(../images/sup-header-icon-map.gif) no-repeat}
#sup-header a.icon-mail {width:26px; height:16px; display:block; float:right; margin:5px 2px; background:url(../images/sup-header-icon-mail.gif) no-repeat}
#sup-header a.icon-login {background:url(../images/sup-header-icon-login.gif) no-repeat; float:right; padding-left:28px; margin:4px 28px; clear:right}
#sup-header a:hover {background-position:0 -16px}

#header {height:181px; width:100%; overflow:hidden; min-width:800px; border-bottom:4px solid #33c}
#header #logo {width:252px; height:170px; float:left; display:block; background:url(../images/logo.gif) center no-repeat; margin-left:10px}
#header #cap {height:181px; margin-left:275px; _margin-left:0; background:#33c url(../images/header-cap-bg.gif) repeat-x}
#header #flash {float:left; position:relative; top:-4px; width:240px; height:185px; background:url(../images/header-cap-img.gif)} 
#header .banner {float:left; width:250px; height:180px;}

#main {width:100%; min-height:100%; position:relative; top:-4px; background:#f4f4f4 url(../images/content-bg.gif) repeat-x; border-bottom:5px solid #ddd; clear:both;}

#menu {vertical-align:top}
#menu ul {width:228px; list-style:none; margin:32px 0 64px 48px; list-style-image:none}
#menu li {background:url(../images/menu-line.gif) 24px bottom no-repeat; margin:0 0 14px 0}
#menu a {font-size:15px; color:#339; text-transform:lowercase; height:21px; display:block; padding-left:24px; margin-bottom:5px;}
#menu a:hover {text-decoration:none}
#menu a.icon1 {background:url(../images/menu-icon-01.gif) no-repeat}
#menu a.icon2 {background:url(../images/menu-icon-02.gif) no-repeat}
#menu a.icon3 {background:url(../images/menu-icon-03.gif) no-repeat}
#menu a.icon4 {background:url(../images/menu-icon-04.gif) no-repeat}
#menu a.icon5 {background:url(../images/menu-icon-05.gif) no-repeat}
#menu a.icon6 {background:url(../images/menu-icon-06.gif) no-repeat}
#menu a.icon7 {background:url(../images/menu-icon-07.gif) no-repeat}
#menu a:hover {background-position:0 -21px; color:#36c}
#menu a.icon1-active {background:url(../images/menu-icon-01.gif) 0 -42px no-repeat; color:#900}
#menu a.icon2-active {background:url(../images/menu-icon-02.gif) 0 -42px no-repeat; color:#900}
#menu a.icon3-active {background:url(../images/menu-icon-03.gif) 0 -42px no-repeat; color:#900}
#menu a.icon4-active {background:url(../images/menu-icon-04.gif) 0 -42px no-repeat; color:#900}
#menu a.icon5-active {background:url(../images/menu-icon-05.gif) 0 -42px no-repeat; color:#900}
#menu a.icon6-active {background:url(../images/menu-icon-06.gif) 0 -42px no-repeat; color:#900}
#menu a.icon7-active {background:url(../images/menu-icon-07.gif) 0 -42px no-repeat; color:#900}
#menu li ul {padding:0; margin:0; list-style:none; list-style-image:none;}
#menu li ul li {background:none; margin:0; position:relative; top:-16px; border:0}
#menu li ul li a {background:url(../images/menu-bullet-01.gif) no-repeat; font-size:12px; color:#339; margin:0 0 0 22px; padding:0 0 4px 14px; height:auto; text-transform:none}
#menu li ul li a:hover { background-position:0 0; text-decoration:underline}
#menu li ul li ul {list-style-image:none; position:relative}
#menu li ul li ul a {background:none; padding:0 0 1px 14px; font-size:10px; color:#369}
#menu li ul li ul a:hover {color:#36c}

#content {padding:32px 28px 32px 0; margin:0 0 140px 280px; width:100%; vertical-align:top}
#content #left {width:65%; vertical-align:top}
#content #right {width:35%; padding-left:20px; vertical-align:top}

#footer {width:100%; height:140px; clear:both}
#footer td {font:11px Verdana, Arial, Helvetica, sans-serif; color:#666}
#footer-left {width:280px; height:140px; float:left; background:url(../images/footer-left-bg.gif) right no-repeat;}
#footer-left #txt {position:relative; right:50px; top:10px; text-align:right; text-transform:lowercase; color:#999; font:11px Verdana, Arial, Helvetica, sans-serif; letter-spacing:3px; line-height:8px; white-space:nowrap}
#footer-left #txt b {font:18px Verdana, Arial, Helvetica, sans-serif; font-weight:bolder; letter-spacing:-1px; color:#339}
#footer-left #txt em {font-style:normal; color:#999}
#footer-left #phone-img {float:left; position:relative; top:-12px; left:25px; width:70px; height:90px; background:url(../images/phone.gif) no-repeat}
#footer-line {height:31px; margin-left:280px; border-bottom:5px solid #33c;}
#footer-right {text-align:right; margin-left:280px; padding:14px 28px 0 0; line-height:14px; font-size:11px; color:#666}

#counters {float:left; padding-left:14px; text-align:left}

.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}

.news-block {padding-bottom:8px; display:block; height:130px; clear:right}
.news-block em {font:12px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#888}
.news-block h2 {padding-left:4px; display:inline; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#33c; letter-spacing:0.5px; background:none}
.news-block img {display:block; float:left; padding:4px 4px 8px 0}
.news-block a, .news-block a:visited, .news-block a:link {margin:4px 0 0 104px; display:block; color:#666; font:11px Verdana, Arial, Helvetica, sans-serif}
.news-block p {text-indent:0; display:block; color:#333; font:11px Verdana, Arial, Helvetica, sans-serif}
.news-block a:hover {color:#333}

#gallery {text-align:center; width:310px}
#gallery a {padding:2px; width:150px; height:150px; float:left; display:block}
#gallery img {border:1px solid #ccc}
#gallery a:hover img {border:1px solid #333}
#gallery #preview_div {position:absolute; border:1px solid #333; background:#fff; display:none; z-index:100}
#gallery #preview_div img {border:0}

.tabl1 {margin:6px 0; max-width:1000px; background:url(../images/table-t-coner.gif) no-repeat; width:99%}
.tabl1 th {padding:12px 8px 8px 8px; border-bottom:1px solid #999; border-right:1px solid #ccc; font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#666;}
.tabl1 td {padding:8px 12px; border-bottom:1px solid #999; border-top:1px solid #fff; border-right:1px solid #ccc; text-align:center}

.tabl1 ol, .tabl1 ul {text-align:left}

.form {width:310px; background:url(../images/table-t-coner.gif) no-repeat; border-bottom:1px solid #999; border-right:1px solid #ccc;  padding:12px 0 6px 0}
.form label {width:80px; float:left; clear:left; text-align:right; padding:2px; font-size:10px; line-height:10px}
.form input, .form textarea, .form select {float:left; margin:4px; clear:right}
.form .button {margin:4px 0 0 87px}
.form br {clear:both}
input, textarea, select, option {font:12px "Courier New", Courier, monospace; border-top:1px solid #666; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #666}

.forum-msg {max-width:1000px; margin:4px 0; padding:5px 8px 0 8px; background:url(../images/table-forum-coner.gif) no-repeat; border-bottom:1px solid #fff; border-right:1px solid #fff  }
.forum-msg .rnote {color:#900; font-size:9px; display:inline; position:relative; top:-1px}
.forum-msg .msg-title {display:block; color:#888; padding-left:16px; background:url(../images/icon-ballon.gif) no-repeat}
.forum-msg .msg {padding:12px 8px; line-height:16px}
.forum-msg i {font-style:normal; color:#339; font-size:12px}

.alpha img {filter:Alpha(Opacity=50);opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5}
.alpha:hover img {filter:Alpha(Opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1}

#seo {display:block; position:absolute; left:0px; bottom:0px; 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:200px; background:#eee; border:1px solid #666}
#seo #seo-body #seo-title {width:200px; height:19px; background:#000 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}
#seo #seo-body #seo-links ul {padding:2px; margin:0 9px 0 18px}
#seo #seo-body #seo-links ul li {font-size:90%}
#seo #seo-body #seo-links a {font:90% Arial, Helvetica, sans-serif; color:#666; font-weight:bold}
#seo #seo-body #seo-links a:hover {background:none; color:#000; border:0}

#seo2 {display:block; position:absolute; left:225px; bottom:0px;  height:20px; padding:0; margin:0; border:0; z-index:100}
#seo2:hover {background-position:-20px}