








body {  margin:0; padding:0; background: url(bg.png) repeat-x;}
#Main { background: ; height: auto; width: 1000px; margin: 0 auto;  }
.Scrollbar { }
.ScrollbarH { width: 100%; position: absolute; bottom: 50px; left: 0; background:transparent; }
.ScrollbarH .Width { width: 100%; height: 48px; background: url(spear-M.png) repeat-x; }
.ScrollbarH .LeftArrow { position: absolute; top:0; left:-32px; width: 92px; height: 48px; background: url(spear-L-0.png) no-repeat; cursor: pointer; }
.ScrollbarH .RightArrow { position: absolute; top:0; right:-32px; width: 92px; height: 48px; background: url(spear-R-0.png) no-repeat; cursor: pointer; }
.ScrollbarH .LeftArrow:hover { background: url(spear-L-1.png) no-repeat; z-index: 100000; }
.ScrollbarH .RightArrow:hover { background: url(spear-R-1.png) no-repeat; }
.ScrollbarH .SliderH { position: absolute; top: 0; left: 32px; width: 50px; height: 48px; background: #000; border:none;cursor: pointer;z-index:4000; }
.ScrollbarV { height: 100%; position: absolute; width: 48px; }
.ScrollbarV .Height { width: 48px; height: 100%; background: url(spear-V.png) repeat-y; right: 0; position: absolute; right: 0; }
.ScrollbarV .TopArrow { position: absolute; top: -32px; right: 0; width: 48px; height: 92px; background: url(spear-T-0.png) no-repeat; cursor: pointer; z-index: 1000; }
.ScrollbarV .BottomArrow { position: absolute; bottom: -32px; right: 0; width: 48px; height: 92px; background: url(spear-B-0.png) no-repeat; cursor: pointer; z-index: 100000; }
.ScrollbarV .TopArrow:hover { background: url(spear-T-1.png) no-repeat; }
.ScrollbarV .BottomArrow:hover { background: url(spear-B-1.png) no-repeat; }
.ScrollbarV .SliderV { position: absolute; top: 32px; right: 0; width: 50px; height: 48px; background: #000; border:none; z-index:4000; cursor: pointer; }
.sliding_content p { text-align:left; font-family: Arial, sans-serif; font-size: 12px; padding-right: 90px}
.sliding_content { position: absolute; top:0px; left:0; width: 350px; height: 350px; padding: 32px; z-index: 100000000;}
.biohazard_container { position: relative; width: 250px; height: 250px; z-index: 4000;  }
.pball { position: absolute; width: 148px; height: 143px; background: url(pball.gif) }



#board {position: relative; width: 906px; height: 560px; background: url("http://www.learnjquery.org/Images/typing-practice-game-board.png") no-repeat; } #mc { position: absolute; top:37px; left: 40px; width: 640px; height: 480px; border:1px solid gray; } #v {     position: absolute;     width: 600px;     height: 480px;     clip: rect(0,600px,480px,0);     background: url("http://www.learnjquery.org/_grid.jpg") no-repeat; } .word_container { position: absolute; opacity: 0.7; } .word { position: relative; padding-left: 3px; padding-right: 3px; width: auto; display: inline; border-radius: 3px; background: #333333; opacity:0.8; color: white; font-family: Courier New, sans-serif; font-weight: bold; font-size: 20px !important; } .letter { width: 16px; height: 16px;  } #cannon { position: absolute; width: 32px; height: 32px; background: gray; border-radius: 77px; } #turret { position: absolute; width: 32px; height: 4px; background: gray; } .H { position: absolute; width: 5px; height: 5px; background: yellow; border-radius: 5px;     -moz-box-shadow: 0px 0px 40px #ddd;     -webkit-box-shadow: 0px 0px 40px #ddd;     box-shadow: 0px 0px 40px #ddd; }

.B { position: absolute; width: 10px; height: 10px; background: yellow;
    z-index:10000000;
    -moz-box-shadow: 0px 0px 80px #ddd;
    -webkit-box-shadow: 0px 0px 80px #ddd;
    box-shadow: 0px 0px 80px #ddd;
    border-radius: 5px; }



.sliding_content a { color:#6effec; }