html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,                                                                                                       
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
}


ul {list-style: none;}
ol{list-style: decimal;}
blockquote, q {quotes: none;}

ins {text-decoration: none;}
del {text-decoration: line-through;}
table {

}
td{vertical-align: top;}
*:focus {outline: none;}

a{color: #3737B9; text-decoration: underline;}
a:hover{color: #FC009B; text-decoration: none;}
a:visited{color: #9696E8; }

html, body {width: 100%;  position: relative;}
body{background: #fff; font-family: Arial; font-size:11px; color: #3A3A3A;}

#container{position: relative; width: 900px; height: 550px; margin: 0 auto; overflow: hidden; }
#header{position: relative; width: 900px; height: 55px; margin: 0 auto; overflow: hidden; }
#footer{position: relative; width: 890px; margin: 0 auto; overflow: hidden; background-color: #222; color: #888; padding:5px;font-size:10px; text-align: center}

.layer{position: absolute; left: 0; top: 0; z-index: 10;}
.active{z-index: 20 !important;}
.window{z-index: 9 !important;}
.toys{z-index: 210 !important;}

.menu{position: absolute; bottom: 0; left: 175px; height: 22px; width: 650px;  z-index: 300;}
.menu ul{list-style: none;}
.menu ul li{background: rgba(0,0,0,0.80); display: inline-table; width: 113px; height: 22px; text-align: center; padding: 3px 0 0 0; float: left; }
.menu ul li.op2{background: rgba(0,0,0,0.70); }
.menu ul li.op3{background: rgba(0,0,0,0.60); }
.menu ul li.op4{background: rgba(0,0,0,0.50); }
.menu ul li.op5{background: rgba(0,0,0,0.40); }
.menu ul li a{color: #fff; text-decoration: none;}
.menu ul li a h2{color: #fff; font-weight: normal; font-size: 11px; padding: 3px 0 10px 3px; text-align: center;}

#mTip{display: none; position: absolute; bottom: 22px; left: 175px; height: 22px; width: 565px;  z-index: 100; text-align: center; color: #a7ff7c; background: rgba(0,0,0,0.50); padding: 14px 0 8px 0;}

.menu ul li div{width: 575px; background: rgba(0,0,0,0.76); left: 0; top: 100%; position: absolute; padding: 5px; z-index: 301;}
.menu ul li div ul li{background: none; margin: 1px;}
.menu ul li div ul li:hover, .menu ul li div ul li.act{border: #413e3e 1px solid; margin: 0;}
.menu ul li div ul li.act h2{color: #A7FF7C;}

#preloader{width: 100%; height: 550px; top:0; left:0; background: rgba(0,0,0,1) url(../../img/preloader.gif) 50% 50% no-repeat; position: fixed; z-index: 900; display: block;}


li.act a{color: #FF0000 !important;}