/* ================================================================ 
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/tilt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
Please do not copy without permission of Stu Nicholls.
=================================================================== */
#maze {width:460px; height:460px; position:relative; padding:0; background:url(tilt.gif);}
#maze ul {padding:10px 0 0 0; margin:0; list-style:none; width:450px; height:450px;}
#maze ul li {display:block; width:40px; height:40px; float:left; margin:0 10px 10px 0;}
#maze a {display:block; width:40px; height:40px; background:transparent; position:absolute; z-index:10;}
#maze a b,
#maze a i,
#maze a span,
#maze a em
{display:block; width:0; height:0; position:absolute; left:0; top:0; z-index:100;}
#maze a.r6c4 {background:url(robber.gif);}
#maze a:hover.r6c4 b {width:500px; height:460px; background:url(captured.gif); left:-160px; top:-260px; z-index:500;}
#maze a:hover.r6c4 em {background:transparent;}

#maze a.way_in {position:absolute; height:60px; width:50px; left:450px; top:150px; background:url(enter_off.gif);}
#maze a:hover.way_in {background:url(enter_on.gif)}
#maze a:hover.way_in em {width:50px; height:60px; background:url(cop.gif) no-repeat center center; z-index:200;}

#maze a.r1 {top:10px;}
#maze a.r2 {top:60px;}
#maze a.r3 {top:110px;}
#maze a.r4 {top:160px;}
#maze a.r5 {top:210px;}
#maze a.r6 {top:260px;}
#maze a.r7 {top:310px;}
#maze a.r8 {top:360px;}
#maze a.r9 {top:410px;}

#maze a.c1 {left:10px;}
#maze a.c2 {left:60px;}
#maze a.c3 {left:110px;}
#maze a.c4 {left:160px;}
#maze a.c5 {left:210px;}
#maze a.c6 {left:260px;}
#maze a.c7 {left:310px;}
#maze a.c8 {left:360px;}
#maze a.c9 {left:410px;}

#maze a:hover {z-index:100; position:absolute; cursor:crosshair;}
#maze a:hover em {width:40px; height:40px; background:url(cop.gif); z-index:200;}
#maze a:hover.r1c1 b {width:100px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100; }
#maze a:hover.r1c2 b {width:40px; height:50px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r1c2 i {width:10px; height:40px; background:url(hwalk.gif); z-index:100; left:-10px;}
#maze a:hover.r1c2 span {width:50px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r1c3 b {width:40px; height:300px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r1c3 i {width:60px; height:40px; background:url(hwalk.gif); z-index:100; left:-60px;}
#maze a:hover.r1c4 b {width:150px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r1c4 i {width:40px; height:150px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r1c7 b {width:110px; height:40px; background:url(hwalk.gif); z-index:100; left:-110px;}
#maze a:hover.r1c7 i {width:40px; height:250px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r1c8 b {width:50px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r1c8 i {width:40px; height:350px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r1c9 i {width:10px; height:40px; background:url(hwalk.gif); z-index:100; left:-10px;}

#maze a:hover.r2c1 b {width:50px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r2c1 i {width:40px; height:100px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r2c2 b {width:10px; height:40px; background:url(hwalk.gif); z-index:100; left:-10px;}
#maze a:hover.r2c2 i {width:40px; height:10px; background:url(vwalk.gif); z-index:100; top:-10px;}
#maze a:hover.r2c3 b {width:250px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r2c3 i {width:40px; height:10px; background:url(vwalk.gif); z-index:100; top:-10px;}
#maze a:hover.r2c3 span {width:40px; height:250px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r2c6 b {width:110px; height:40px; background:url(hwalk.gif); z-index:100; left:-110px;}
#maze a:hover.r2c6 i {width:100px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r2c6 span {width:40px; height:100px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r2c8 b {width:210px; height:40px; background:url(hwalk.gif); z-index:100; left:-210px;}
#maze a:hover.r2c8 i {width:40px; height:10px; background:url(vwalk.gif); z-index:100; top:-10px;}
#maze a:hover.r2c8 span {width:40px; height:300px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r2c9 b {width:40px; height:100px; background:url(vwalk.gif) 0 100%; z-index:100;}

#maze a:hover.r3c1 b {width:250px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r3c1 i {width:40px; height:10px; background:url(vwalk.gif) 100% 0; z-index:100; top:-10px;}
#maze a:hover.r3c1 span {width:40px; height:50px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r3c2 b {width:10px; height:40px; background:url(hwalk.gif); z-index:100; left:-10px;}
#maze a:hover.r3c2 i {width:200px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r3c2 span {width:40px; height:150px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r3c5 b {width:160px; height:40px; background:url(hwalk.gif); z-index:100; left:-160px;}
#maze a:hover.r3c5 i {width:50px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r3c5 span {width:40px; height:200px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r3c6 b {width:210px; height:40px; background:url(hwalk.gif); z-index:100; left:-210px;}
#maze a:hover.r3c6 i {width:40px; height:10px; background:url(vwalk.gif) 100% 0; z-index:100; top:-10px;}
#maze a:hover.r3c6 span {width:40px; height:50px; background:url(vwalk.gif) 0 100%; z-index:100;}

#maze a:hover.r4c1 b {width:50px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r4c1 i {width:40px; height:60px; background:url(vwalk.gif) 100% 0; z-index:100; top:-60px;}
#maze a:hover.r4c2 b {width:10px; height:40px; background:url(hwalk.gif); z-index:100; left:-10px;}
#maze a:hover.r4c2 i {width:40px; height:10px; background:url(vwalk.gif) 100% 0; z-index:100; top:-10px;}
#maze a:hover.r4c2 span {width:40px; height:100px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r4c3 b {width:100px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r4c3 i {width:40px; height:110px; background:url(vwalk.gif) 100% 0; z-index:100; top:-110px;}
#maze a:hover.r4c3 span {width:40px; height:150px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r4c4 b {width:10px; height:40px; background:url(hwalk.gif); z-index:100; left:-10px;}
#maze a:hover.r4c4 i {width:50px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r4c4 span {width:40px; height:110px; background:url(vwalk.gif); z-index:100; top:-110px;}
#maze a:hover.r4c5 b {width:60px; height:40px; background:url(hwalk.gif); z-index:100; left:-60px;}
#maze a:hover.r4c5 i {width:40px; height:10px; background:url(vwalk.gif) 100% 0; z-index:100; top:-10px;}
#maze a:hover.r4c5 span {width:40px; height:150px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r4c6 b {width:150px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r4c6 i {width:40px; height:60px; background:url(vwalk.gif) 100% 0; z-index:100; top:-60px;}
#maze a:hover.r4c9 b {width:110px; height:40px; background:url(hwalk.gif); z-index:100; left:-110px;}
#maze a:hover.r4c9 i {width:40px; height:60px; background:url(vwalk.gif) 100% 0; z-index:100; top:-60px;}

#maze a:hover.r5c1 b {width:300px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r5c1 i {width:40px; height:150px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r5c7 b {width:260px; height:40px; background:url(hwalk.gif); z-index:100; left:-260px;}
#maze a:hover.r5c7 i {width:40px; height:160px; background:url(vwalk.gif) 100% 0; z-index:100; top:-160px;}
#maze a:hover.r5c7 span {width:40px; height:60px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r5c8 b {width:60px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r5c8 i {width:40px; height:160px; background:url(vwalk.gif) 100% 0; z-index:100; top:-160px;}
#maze a:hover.r5c8 span {width:40px; height:150px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r5c9 b {width:10px; height:40px; background:url(hwalk.gif); z-index:100; left:-10px;}
#maze a:hover.r5c9 i {width:40px; height:60px; background:url(vwalk.gif) 0 100%; z-index:100;}

#maze a:hover.r6c1 b {width:150px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r6c1 i {width:40px; height:10px; background:url(vwalk.gif) 100% 0; z-index:100; top:-10px;}
#maze a:hover.r6c1 span {width:40px; height:110px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r6c2 b {width:10px; height:40px; background:url(hwalk.gif); z-index:100; left:-10px;}
#maze a:hover.r6c2 i {width:100px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r6c2 span {width:40px; height:110px; background:url(vwalk.gif); z-index:100; top:-110px}
#maze a:hover.r6c6 b {width:150px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r6c6 i {width:40px; height:150px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r6c7 b {width:10px; height:40px; background:url(hwalk.gif); z-index:100; left:-10px;}
#maze a:hover.r6c7 i {width:100px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r6c7 span {width:40px; height:210px; background:url(vwalk.gif); z-index:100; top:-210px}
#maze a:hover.r6c9 b {width:110px; height:40px; background:url(hwalk.gif); z-index:100; left:-110px}
#maze a:hover.r6c9 i {width:40px; height:10px; background:url(vwalk.gif) 100% 0; z-index:100; top:-10px;}

#maze a:hover.r7c2 b {width:350px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r7c2 i {width:40px; height:100px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r7c3 b {width:10px; height:40px; background:url(hwalk.gif); z-index:100; left:-10px;}
#maze a:hover.r7c3 i {width:300px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r7c3 span {width:40px; height:260px; background:url(vwalk.gif); z-index:100; top:-260px}
#maze a:hover.r7c5 b {width:110px; height:40px; background:url(hwalk.gif); z-index:100; left:-110px;}
#maze a:hover.r7c5 i {width:200px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r7c5 span {width:40px; height:160px; background:url(vwalk.gif); z-index:100; top:-160px}
#maze a:hover.r7c7 b {width:210px; height:40px; background:url(hwalk.gif); z-index:100; left:-210px;}
#maze a:hover.r7c7 i {width:100px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r7c7 span {width:40px; height:100px; background:url(vwalk.gif) 0 100% ; z-index:100;}
#maze a:hover.r7c9 b {width:310px; height:40px; background:url(hwalk.gif); z-index:100; left:-310px;}
#maze a:hover.r7c9 i {width:40px; height:100px; background:url(vwalk.gif) 0 100%; z-index:100;}

#maze a:hover.r8c1 b {width:200px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r8c1 i {width:40px; height:110px; background:url(vwalk.gif); z-index:100; top:-110px;}
#maze a:hover.r8c4 b {width:110px; height:40px; background:url(hwalk.gif); z-index:100; left:-110px;}
#maze a:hover.r8c4 i {width:50px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r8c4 span {width:40px; height:50px; background:url(vwalk.gif) 0 100% ; z-index:100;}
#maze a:hover.r8c5 b {width:160px; height:40px; background:url(hwalk.gif); z-index:100; left:-160px;}
#maze a:hover.r8c5 i {width:40px; height:50px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r8c6 b {width:150px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r8c6 i {width:40px; height:60px; background:url(vwalk.gif) 100% 0; z-index:100; top:-60px;}
#maze a:hover.r8c6 span {width:40px; height:50px; background:url(vwalk.gif) 0 100%; z-index:100;}
#maze a:hover.r8c8 b {width:60px; height:40px; background:url(hwalk.gif); z-index:100; left:-60px;}
#maze a:hover.r8c8 i {width:50px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r8c8 span {width:40px; height:310px; background:url(vwalk.gif); z-index:100; top:-310px;}
#maze a:hover.r8c9 b {width:110px; height:40px; background:url(hwalk.gif); z-index:100; left:-110px;}
#maze a:hover.r8c9 i {width:40px; height:10px; background:url(vwalk.gif) 100% 0; z-index:100; top:-10px;}
#maze a:hover.r8c9 span {width:40px; height:50px; background:url(vwalk.gif) 0 100%; z-index:100;}

#maze a:hover.r9c1 b {width:150px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r9c2 b {width:10px; height:40px; background:url(hwalk.gif); z-index:100; left:-10px;}
#maze a:hover.r9c2 i {width:100px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r9c2 span {width:40px; height:60px; background:url(vwalk.gif); z-index:100; top:-60px}
#maze a:hover.r9c4 b {width:110px; height:40px; background:url(hwalk.gif); z-index:100; left:-110px;}
#maze a:hover.r9c5 b {width:150px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r9c5 i {width:40px; height:10px; background:url(vwalk.gif) 100% 0; z-index:100; top:-10px;}
#maze a:hover.r9c6 b {width:100px; height:40px; background:url(hwalk.gif) 100% 0; z-index:100;}
#maze a:hover.r9c6 i {width:10px; height:40px; background:url(hwalk.gif) ; z-index:100; left:-10px;}
#maze a:hover.r9c6 span {width:40px; height:310px; background:url(vwalk.gif); z-index:100; top:-310px;}
#maze a:hover.r9c8 b {width:110px; height:40px; background:url(hwalk.gif); z-index:100; left:-110px;}
#maze a:hover.r9c9 b {width:40px; height:60px; background:url(vwalk.gif); z-index:100; top:-60px;}

#maze a.fail {display:block; width:460px; height:460px; position:absolute; top:0; left:0; z-index:1;}
#maze a:hover.fail {width:500px; background:url(escape.gif); z-index:500;}