/* ================================================================ 
This copyright notice must be untouched at all times.

This stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/maze2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
Please do not copy without permission of Stu Nicholls.
=================================================================== */
#boxmodel {width:400px; height:400px; background:#333; position:relative; margin:0 auto;}
#boxmodel a {display:block; width:0; height:0; background:#fff; position:absolute; z-index:20;}
#boxmodel a b {display:block; position:absolute; left:0; top:0; width:30px; height:30px;}
#boxmodel a em {display:block; position:absolute; left:0; top:0; width:30px; height:30px;}

#boxmodel a#failed {position:absolute; display:block; width:400px; height:400px; background:#334 url(grid2.gif); z-index:1;}

#a0, #b0, #c0, #d0, #e0, #f0, #g0, #h0, #i0, #j0 {left:5px;}
#a1, #b1, #c1, #d1, #e1, #f1, #g1, #h1, #i1, #j1 {left:45px;}
#a2, #b2, #c2, #d2, #e2, #f2, #g2, #h2, #i2, #j2 {left:85px;}
#a3, #b3, #c3, #d3, #e3, #f3, #g3, #h3, #i3, #j3 {left:125px;}
#a4, #b4, #c4, #d4, #e4, #f4, #g4, #h4, #i4, #j4 {left:165px;}
#a5, #b5, #c5, #d5, #e5, #f5, #g5, #h5, #i5, #j5 {left:205px;}
#a6, #b6, #c6, #d6, #e6, #f6, #g6, #h6, #i6, #j6 {left:245px;}
#a7, #b7, #c7, #d7, #e7, #f7, #g7, #h7, #i7, #j7 {left:285px;}
#a8, #b8, #c8, #d8, #e8, #f8, #g8, #h8, #i8, #j8 {left:325px;}
#a9, #b9, #c9, #d9, #e9, #f9, #g9, #h9, #i9, #j9 {left:365px;}

a#a0, #a1, #a2, #a3, #a4, #a5, #a6, #a7, #a8, #a9 {top:5px;}
#b0, #b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8, #b9 {top:45px;}
#c0, #c1, #c2, #c3, #c4, #c5, #c6, #c7, #c8, #c9 {top:85px;}
#d0, #d1, #d2, #d3, #d4, #d5, #d6, #d7, #d8, #d9 {top:125px;}
#e0, #e1, #e2, #e3, #e4, #e5, #e6, #e7, #e8, #e9 {top:165px;}
#f0, #f1, #f2, #f3, #f4, #f5, #f6, #f7, #f8, #f9 {top:205px;}
#g0, #g1, #g2, #g3, #g4, #g5, #g6, #g7, #g8, #g9 {top:245px;}
#h0, #h1, #h2, #h3, #h4, #h5, #h6, #h7, #h8, #h9 {top:285px;}
#i0, #i1, #i2, #i3, #i4, #i5, #i6, #i7, #i8, #i9 {top:325px;}
#j0, #j1, #j2, #j3, #j4, #j5, #j6, #j7, #j8, #j9 {top:365px;}


#boxmodel a:hover {border:0; cursor:pointer; z-index:1; cursor: crosshair;}

#boxmodel a:hover b {background:#eee url(path.gif);}
#boxmodel a:hover em {background:#eee url(path.gif);}

#boxmodel a#failed:hover {background:#49412e url(lose.gif); z-index:30;}

#boxmodel a#g0 b {left:-5px; width:35px; background:#eee url(path.gif) 5px 0; z-index:15;}
#boxmodel a#j8 b {background:#eee url(path.gif);}
#boxmodel a#j8:hover {background:#fff;}
#boxmodel a#j8:hover em {width:400px; height:400px; left:-325px; top:-365px; background:#fff url(win2.gif); z-index:100;}

#boxmodel a#a0:hover b {width:70px;}
#boxmodel a#a0:hover em {height:70px;}
#boxmodel a#a1:hover b {width:110px; left:-40px;}
#boxmodel a#a2:hover b {width:70px; left:-40px;}
#boxmodel a#a2:hover em {height:70px;}
#boxmodel a#a3:hover b {width:70px;}
#boxmodel a#a3:hover em {height:70px;}
#boxmodel a#a4:hover b {width:110px; left:-40px;}
#boxmodel a#a5:hover b {width:110px; left:-40px;}
#boxmodel a#a6:hover b {width:70px; left:-40px;}
#boxmodel a#a6:hover em {height:70px;}
#boxmodel a#a7:hover b {width:70px;}
#boxmodel a#a7:hover em {height:70px;}
#boxmodel a#a8:hover b {width:110px; left:-40px;}
#boxmodel a#a9:hover b {width:70px; left:-40px;}
#boxmodel a#a9:hover em {height:70px;}

#boxmodel a#b0:hover em {top:-40px; height:110px;}
#boxmodel a#b1:hover b {width:70px;}
#boxmodel a#b1:hover em {height:70px;}
#boxmodel a#b2:hover b {width:70px; left:-40px;}
#boxmodel a#b2:hover em {height:70px; top:-40px;}
#boxmodel a#b3:hover b {width:70px;}
#boxmodel a#b3:hover em {height:70px; top:-40px;}
#boxmodel a#b4:hover b {width:70px; left:-40px;}
#boxmodel a#b4:hover em {height:70px;}
#boxmodel a#b5:hover em {height:70px;}
#boxmodel a#b6:hover em {height:70px; top:-40px;}
#boxmodel a#b7:hover em {top:-40px; height:110px;}
#boxmodel a#b8:hover b {width:70px;}
#boxmodel a#b8:hover em {height:70px;}
#boxmodel a#b9:hover b {width:70px; left:-40px;}
#boxmodel a#b9:hover em {height:70px; top:-40px;}

#boxmodel a#c0:hover em {top:-40px; height:110px;}
#boxmodel a#c1:hover em {top:-40px; height:110px;}
#boxmodel a#c2:hover b {width:70px;}
#boxmodel a#c2:hover em {height:70px;}
#boxmodel a#c3:hover b {width:110px; left:-40px;}
#boxmodel a#c4:hover b {width:70px; left:-40px;}
#boxmodel a#c4:hover em {height:70px; top:-40px;}
#boxmodel a#c5:hover em {height:110px; top:-40px;}
#boxmodel a#c6:hover b {width:70px;}
#boxmodel a#c6:hover em {height:70px;}
#boxmodel a#c7:hover b {width:70px; left:-40px;}
#boxmodel a#c7:hover em {height:110px; top:-40px;}
#boxmodel a#c8:hover em {height:110px; top:-40px;}
#boxmodel a#c9:hover em {height:70px;}

#boxmodel a#d0:hover em {top:-40px; height:110px;}
#boxmodel a#d1:hover em {top:-40px; height:110px;}
#boxmodel a#d2:hover b {width:70px;}
#boxmodel a#d2:hover em {height:70px; top:-40px;}
#boxmodel a#d3:hover b {width:70px; left:-40px;}
#boxmodel a#d3:hover em {height:70px;}
#boxmodel a#d4:hover b {width:70px;}
#boxmodel a#d4:hover em {height:70px;}
#boxmodel a#d5:hover b {width:70px; left:-40px;}
#boxmodel a#d5:hover em {height:110px; top:-40px;}
#boxmodel a#d6:hover em {top:-40px; height:110px;}
#boxmodel a#d7:hover em {top:-40px; height:110px;}
#boxmodel a#d8:hover b {width:70px;}
#boxmodel a#d8:hover em {height:70px; top:-40px;}
#boxmodel a#d9:hover b {width:70px; left:-40px;}
#boxmodel a#d9:hover em {height:110px; top:-40px;}


#boxmodel a#e0:hover em {top:-40px; height:110px;}
#boxmodel a#e1:hover b {width:70px;}
#boxmodel a#e1:hover em {height:70px; top:-40px;}
#boxmodel a#e2:hover b {width:70px; left:-40px;}
#boxmodel a#e2:hover em {height:70px;}
#boxmodel a#e3:hover em {top:-40px; height:110px;}
#boxmodel a#e4:hover em {top:-40px; height:110px;}
#boxmodel a#e5:hover em {top:-40px; height:110px;}
#boxmodel a#e6:hover em {top:-40px; height:110px;}
#boxmodel a#e7:hover b {width:70px;}
#boxmodel a#e7:hover em {height:70px; top:-40px;}
#boxmodel a#e8:hover b {left:-40px; width:70px;}
#boxmodel a#e9:hover em {top:-40px; height:110px;}


#boxmodel a#f0:hover em {top:-40px; height:70px;}
#boxmodel a#f1:hover b {width:70px;}
#boxmodel a#f1:hover em {height:70px;}
#boxmodel a#f2:hover b {width:70px; left:-40px;}
#boxmodel a#f2:hover em {height:70px; top:-40px;}
#boxmodel a#f3:hover b {width:70px;}
#boxmodel a#f3:hover em {height:110px; top:-40px;}
#boxmodel a#f4:hover b {width:70px; left:-40px;}
#boxmodel a#f4:hover em {height:70px; top:-40px;}
#boxmodel a#f5:hover b {width:70px;}
#boxmodel a#f5:hover em {height:70px; top:-40px;}
#boxmodel a#f6:hover b {width:110px; left:-40px;}
#boxmodel a#f6:hover em {height:70px; top:-40px;}
#boxmodel a#f7:hover b {width:110px; left:-40px;}
#boxmodel a#f8:hover b {width:70px; left:-40px;}
#boxmodel a#f8:hover em {height:70px;}
#boxmodel a#f9:hover em {top:-40px; height:110px;}


#boxmodel a#g0:hover b {left:-5px; width:75px; background:#eee url(path.gif) 5px 0; z-index:15;}
#boxmodel a#g0:hover em {height:70px;}
#boxmodel a#g1:hover b {width:70px; left:-40px;}
#boxmodel a#g1:hover em {height:70px; top:-40px;}
#boxmodel a#g2:hover em {height:70px;}
#boxmodel a#g3:hover b {width:70px;}
#boxmodel a#g3:hover em {height:70px; top:-40px;}
#boxmodel a#g4:hover b {width:70px; left:-40px;}
#boxmodel a#g4:hover em {height:70px;}
#boxmodel a#g5:hover b {width:70px;}
#boxmodel a#g5:hover em {height:70px;}
#boxmodel a#g6:hover b {width:110px; left:-40px;}
#boxmodel a#g7:hover b {width:70px; left:-40px;}
#boxmodel a#g7:hover em {height:70px;}
#boxmodel a#g8:hover em {height:70px; top:-40px;}
#boxmodel a#g9:hover em {top:-40px; height:110px;}


#boxmodel a#h0:hover em {top:-40px; height:110px;}
#boxmodel a#h1:hover b {width:70px;}
#boxmodel a#h1:hover em {height:70px;}
#boxmodel a#h2:hover b {width:70px; left:-40px;}
#boxmodel a#h2:hover em {height:110px; top:-40px;}
#boxmodel a#h3:hover b {width:70px;}
#boxmodel a#h3:hover em {height:70px;}
#boxmodel a#h4:hover b {width:70px; left:-40px;}
#boxmodel a#h4:hover em {height:70px; top:-40px;}
#boxmodel a#h5:hover em {top:-40px; height:110px;}
#boxmodel a#h6:hover b {width:70px;}
#boxmodel a#h6:hover em {height:70px;}
#boxmodel a#h7:hover b {width:110px; left:-40px;}
#boxmodel a#h7:hover em {height:70px; top:-40px;}
#boxmodel a#h8:hover b {width:110px; left:-40px;}
#boxmodel a#h9:hover b {width:70px; left:-40px;}
#boxmodel a#h9:hover em {height:70px; top:-40px;}


#boxmodel a#i0:hover b {width:70px;}
#boxmodel a#i0:hover em {height:70px; top:-40px;}
#boxmodel a#i1:hover b {width:70px; left:-40px;}
#boxmodel a#i1:hover em {height:110px; top:-40px;}
#boxmodel a#i2:hover b {width:70px;}
#boxmodel a#i2:hover em {height:110px; top:-40px;}
#boxmodel a#i3:hover b {width:70px; left:-40px;}
#boxmodel a#i3:hover em {height:70px; top:-40px;}
#boxmodel a#i4:hover b {width:70px;}
#boxmodel a#i4:hover em {height:70px;}
#boxmodel a#i5:hover b {width:70px; left:-40px;}
#boxmodel a#i5:hover em {height:70px; top:-40px;}
#boxmodel a#i6:hover em {top:-40px; height:70px;}
#boxmodel a#i7:hover b {width:70px;}
#boxmodel a#i7:hover em {height:70px;}
#boxmodel a#i8:hover b {width:110px; left:-40px;}
#boxmodel a#i9:hover b {width:70px; left:-40px;}
#boxmodel a#i9:hover em {height:70px;}


#boxmodel a#j0:hover b {width:70px;}
#boxmodel a#j1:hover b {width:70px; left:-40px;}
#boxmodel a#j1:hover em {height:70px; top:-40px;}
#boxmodel a#j2:hover b {width:70px;}
#boxmodel a#j2:hover em {height:70px; top:-40px;}
#boxmodel a#j3:hover b {left:-40px; width:70px;}
#boxmodel a#j4:hover b {width:70px;}
#boxmodel a#j4:hover em {height:70px; top:-40px;}
#boxmodel a#j5:hover b {width:110px; left:-40px;}
#boxmodel a#j6:hover b {width:110px; left:-40px;}
#boxmodel a#j7:hover b {width:70px; left:-40px;}
#boxmodel a#j7:hover em {height:70px; top:-40px;}
#boxmodel a#j8:hover b {background:#f00 url(win.gif);}
#boxmodel a#j9:hover b {width:70px; left:-40px;}
#boxmodel a#j9:hover em {height:70px; top:-40px;}