@charset "utf-8";
body {background:url(img/bg.png) repeat-y center black; color:white; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0}
a {color:#fff; margin:0; padding:0;text-decoration:none;}
a:hover {color:#f00}
a:visited {color:#fff;}
#wrapper {background:url("img/intro.jpg") no-repeat scroll 0 50px transparent; height:100%; left:-450px; margin:0 50%; padding:10px; position:absolute; width:880px;}
.disclaimer {background:url("img/fadebg.png") no-repeat scroll center bottom transparent; color:#AAAAAA; font-size:9px; height:250px;position:relative; text-align:justify;top:450px;}
.disclaimer .enter:hover { color:#09f125 }
.disclaimer .leave:hover { color:#f00 }
.center { text-align:center}
#header {background:url(img/header.png) no-repeat; width:900px; height:70px; margin: 0px auto}
.navi {position:relative; top:5px; margin:0 5px 0 0; float:right}
.navi li { float:left; list-style-type:none; padding:0px 5px; border-left:1px solid #f00; color:#c00; cursor:help}
.navi li a { text-decoration:none; cursor:pointer }
.navi li a:hover { color:#f00 }

.navi li ul {
	max-width:100%;
	position:absolute;
	padding:5px; !important;
	background-position:0 0 !important;
	left:-9000px; }

.navi li ul li {
	padding:0 10px 0 0;
	border:none;
	width:auto;
	max-width:none;
	float:none;
}

.navi li:hover ul,
.navi li.msieFix ul {left:77px;z-index:10; background:#000;
border-left:1px solid red;
border-bottom:1px solid red;
border-right:1px solid red;
}

.pix {width:900px; text-align:left; position:relative; margin:0px auto;}
.pix ul.list {padding:0; margin:0; list-style:none; width:900px; height:auto; position:relative; z-index:0;}
.pix ul.list li {display:block; width:75px; height:75px; float:left;}
.pix ul.list li a.set {display:block; width:75px; height:75px; text-align:center; line-height:0px;}
.pix ul.list li a ul, .pix ul.list li ul {display:none; padding:0px; margin:0px;}
.pix ul.list li.active a {color:#fff; padding:0px; margin:0px;}
.pix ul.list li a:hover, .pix ul.list li:hover a {color:#fff;}
.pix ul.list li.active ul {display:block; position:absolute; left:0; top:0px; list-style:none; padding:0; margin:0; height:600px; width:900px; z-index:1;}
.pix ul.list li a:hover ul, .pix ul.list li:hover ul {display:block; position:absolute; left:0; top:0px; list-style:none; padding:0; margin:0; height:600px; width:900px; z-index:100;}
.pix ul.list li ul li {display:inline; width:75px; height:75px; float:left; margin:0; padding:0;}
.pix ul.list li ul li a {display:block; width:75px; height:75px; cursor:default; float:left;}
.pix ul.list li ul li a img {display:block; width:75px; height:75px; border:none;}
.pix ul.list li a:hover ul li a:hover, .pix ul.list li:hover ul li a:hover {white-space:normal; padding:0; margin:0; position:relative; border:none;}
.pix ul.list li a:hover ul li a:hover img, .pix ul.list li:hover ul li a:hover img {position:absolute; left:-12px; top:-12px; width:100px; height:100px; border:1px solid #f00;cursor:pointer}

.footer {border:0 solid red;
clear:both;
height:20px !important;
padding-top:20px !important;
text-align:center;
width:900px !important;}