#box1 { position:absolute; top:250px; left: 50%; margin-left:-317px; z-index:1; visibility:hidden}
#box2 { position:absolute; top:250px; left: 50%; margin-left:-317px; z-index:9; visibility:hidden}
#box3 { position:absolute; top:250px; left: 50%; margin-left:-317px; z-index:3; visibility:hidden}
#box4 { position:absolute; top:250px; left: 50%; margin-left:-317px; z-index:4; visibility:hidden}
#box5 { position:absolute; top:250px; left: 50%; margin-left:-317px; z-index:5; visibility:hidden}
#box6 { position:absolute; top:250px; left: 50%; margin-left:-317px; z-index:6; visibility:hidden}
#box7 { position:absolute; top:250px; left: 50%; margin-left:-317px; z-index:7; visibility:hidden}
#box8 { position:absolute; top:250px; left: 50%; margin-left:-317px; z-index:8; visibility:hidden}
#box9 { position:absolute; top:250px; left: 50%; margin-left:-317px; z-index:2; visibility:hidden}

#box1on { position:absolute; top:540px; left: 50%; margin-left: -320px; visibility:hidden }
#box2on { position:absolute; top:540px; left: 50%; margin-left: -240px; visibility:hidden }
#box3on { position:absolute; top:540px; left: 50%; margin-left: -160px; visibility:hidden }
#box4on { position:absolute; top:540px; left: 50%; margin-left: -80px; visibility:hidden }
#box5on { position:absolute; top:540px; left: 50%; margin-left: 0px; visibility:hidden }
#box6on { position:absolute; top:540px; left: 50%; margin-left: 80px; visibility:hidden }
#box7on { position:absolute; top:540px; left: 50%; margin-left: 160px; visibility:hidden }
#box8on { position:absolute; top:540px; left: 50%; margin-left: 240px; visibility:hidden }
#box9on { position:absolute; top:540px; left: 50%; margin-left: 320px; visibility:hidden }

#box1off { position:absolute; top:540px; left: 50%; margin-left: -320px; visibility:hidden }
#box2off { position:absolute; top:540px; left: 50%; margin-left: -240px; visibility:hidden }
#box3off { position:absolute; top:540px; left: 50%; margin-left: -160px; visibility:hidden }
#box4off { position:absolute; top:540px; left: 50%; margin-left: -80px; visibility:hidden }
#box5off { position:absolute; top:540px; left: 50%; margin-left: 0px; visibility:hidden }
#box6off { position:absolute; top:540px; left: 50%; margin-left: 80px; visibility:hidden }
#box7off { position:absolute; top:540px; left: 50%; margin-left: 160px; visibility:hidden }
#box8off { position:absolute; top:540px; left: 50%; margin-left: 240px; visibility:hidden }
#box9off { position:absolute; top:540px; left: 50%; margin-left: 320px; visibility:hidden }