body { background: #000000 url(images/bg.jpg) no-repeat top center}
img { behavior: url("pngbehavior.htc");}
#container { margin: auto; position: relative; width: 950px}
#header { left: 0px; top: 0px; position: relative;}
#header span { left: 0px; top: 0px; position: absolute}
#logo { left: 20px; top: 30px; position: absolute; z-index: 10; font-family: Arial, sans-serif; font-size: 15px; color: #707070; z-index: 100}
#table { left: 0px; top: 0px; position: absolute; z-index: 30}
.to { background: url(images/box_o.jpg) repeat-x}
.tb { background: url(images/box_b.jpg) repeat-x}
.tg { background: url(images/box_g.jpg) repeat-x}
.tbr { background: url(images/box_br.jpg) repeat-x}
.foot { background: url(images/foot_bar.jpg) repeat-x; text-align: center; color: #666; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px}
.h1 { color: #fff; font-family: Arial, sans-serif; font-size: 20px;}
.h2 { color: #666666; font-family: Arial, sans-serif; font-size: 18px;}
.p2 { color: #666; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;}
.p2 a:link, .p2 a:visited { color: #666; text-decoration: none;}
.p2 a:hover, .p2 a:active { color: #999; text-decoration: underline}

.showcase { font-size: 13px; font-weight: bold}
.show:link, .show:visited { color: #8ca926 !important; text-decoration: underline !important;}
.show:hover, .show:active { color: #ec6207 !important; text-decoration: none !important;}

.submenu { color: #ffffff; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px;}
.submenu a { text-decoration: none; font-size: 18px; color: #ffffff; font-weight: bolder; font-family: "Times New Roman", Times, serif}
.submenu a:link, .submenu a:visited { color: #ffffff}
.submenu a:hover, .submenu a:active { font-size: 20px;}

.list { list-style: none}

.gallery { list-style: none; margin: 0 0 0 26px; padding: 0; width: 580px}
.gallery li { padding: 20px; margin: 0; float: left; position: relative; width: 150px; height: 110px; text-align: center}
.gallery li a:link, .gallery li a:visited { color: #666666; text-decoration: none}
.gallery li a:hover, .gallery li a:active { color: #ec6207; text-decoration: none;}
.gallery img { background: #1f2c3c;}

#navi {left: 0px; top: 310px; position: absolute;font:15px verdana,arial,sans-serif; width: 920px; padding:0; line-height:15px; height:33px; z-index:200}

#navi div.off { padding: 20px 0 0 0; text-align: center; color:#4b4b4b; height: 106px; margin-right:2px; line-height:33px; width: 105px; float:right; background: url(images/navi_off.gif) no-repeat center top; border: 0px; cursor:pointer; position:relative; z-index:20;}
#navi div.on { padding: 20px 0 0 0; text-align: center; color:#fff; width: 105px; margin-right:2px; float:right; background: url(images/navi_on.gif) no-repeat center top; cursor: default; height: 106px; line-height:32px; border: 0px; position:relative; z-index:100;}

div.hide {display:none; width:0; overflow:hidden;}
div.show {clear:left; background:#fff; width:127px; margin-top:20px; position:relative; z-index:50; font:11px verdana, arial, sans-serif; line-height:18px;}
/*
div.show ul {margin:0; padding:0; list-style:none; width:127px; position:relative;}
div.show ul li {width:127px; height:30px; background:url(two_step/side_1.gif); margin:1px 0 0 0;}
div.show ul li a, div.show ul li a:visited {display:block; width:127px; height:30px; line-height:27px; background:url(two_step/side_0.gif); color:#000; text-align:center; text-decoration:none;}
div.show ul li a:hover {background:transparent; color:#c00; white-space:nowrap; line-height:29px;}

div.show ul li a span {display:none;}
div.show ul li a:hover span {display:block; position:absolute; left:200px; top:0;}
div.show ul li a:hover span img {border:1px solid #000;}*/
.clear {clear:both;}