#water {width:722px; height:370px; border:10px solid #888; background:#36b5cb; }
#maze {width:702px; height:360px; background: url(maze_back.gif); position:relative; margin:10px 10px 0 10px;}
#maze a {display:block; width:50px; height:23px; position:absolute; z-index:10;}
#maze a b {visibility:hidden; width:104px; height:27px; position:absolute;}
#maze a em {visibility:hidden; width:26px; height:54px; position:absolute;}
#maze a i {visibility:hidden; width:108px; height:25px; position:absolute;}
#maze a span{visibility:hidden; width:50px; height:42px; position:absolute; left:0; top:-15px; z-index:100;}

#maze a#fail {background:transparent; display:block; width:722px; height:370px; position:absolute; left:-10px; top:-10px; z-index:1;}
#maze a:hover#fail {background:#36b5cb url(sunk.gif) no-repeat center 10px; z-index:600;}
#maze a:hover#fail span {display:block; width:6px; height:50px; position:absolute; left:722px; top:320px; background:#fff; border-left:10px solid #888;}
#maze a:hover#fail b {display:block; width:30px; height:5px; position:absolute; left:700px; top:370px; background:#888; overflow:hidden;}

#maze a.a1 {left:2px; top:163px;}
#maze a.b1 {left:56px; top:136px;}
#maze a.c1 {left:110px; top:109px;}
#maze a.d1 {left:164px; top:82px;}
#maze a.e1 {left:218px; top:55px;}
#maze a.f1 {left:272px; top:28px;}
#maze a.g1 {left:326px; top:1px;}

#maze a.a2 {left:56px; top:190px;}
#maze a.b2 {left:110px; top:163px;}
#maze a.c2 {left:164px; top:136px;}
#maze a.d2 {left:218px; top:109px;}
#maze a.e2 {left:272px; top:82px;}
#maze a.f2 {left:326px; top:55px;}
#maze a.g2 {left:380px; top:28px;}

#maze a.a3 {left:110px; top:217px;}
#maze a.b3 {left:164px; top:190px;}
#maze a.c3 {left:218px; top:163px;}
#maze a.d3 {left:272px; top:136px;}
#maze a.e3 {left:326px; top:109px;}
#maze a.f3 {left:380px; top:82px;}
#maze a.g3 {left:434px; top:55px;}

#maze a.a4 {left:164px; top:244px;}
#maze a.b4 {left:218px; top:217px;}
#maze a.c4 {left:272px; top:190px;}
#maze a.d4 {left:326px; top:163px;}
#maze a.e4 {left:380px; top:136px;}
#maze a.f4 {left:434px; top:109px;}
#maze a.g4 {left:488px; top:82px;}

#maze a.a5 {left:218px; top:271px;}
#maze a.b5 {left:272px; top:244px;}
#maze a.c5 {left:326px; top:217px;}
#maze a.d5 {left:380px; top:190px;}
#maze a.e5 {left:434px; top:163px;}
#maze a.f5 {left:488px; top:136px;}
#maze a.g5 {left:542px; top:109px;}

#maze a.a6 {left:272px; top:298px;}
#maze a.b6 {left:326px; top:271px;}
#maze a.c6 {left:380px; top:244px;}
#maze a.d6 {left:434px; top:217px;}
#maze a.e6 {left:488px; top:190px;}
#maze a.f6 {left:542px; top:163px;}
#maze a.g6 {left:596px; top:136px;}

#maze a.a7 {left:326px; top:325px;}
#maze a.b7 {left:380px; top:298px;}
#maze a.c7 {left:434px; top:271px;}
#maze a.d7 {left:488px; top:244px;}
#maze a.e7 {left:542px; top:217px;}
#maze a.f7 {left:596px; top:190px;}
#maze a.g7 {left:650px; top:163px;}

#maze a.d8 {left:512px; top:256px;}
#maze a.d8 b {visibility:visible;background: url(tl.gif);}

#maze a b.dlu1 {top:-14px; left:-54px;}
#maze a b.dlu2 {top:-41px; left:-108px;}
#maze a b.dlu3 {top:-68px; left:-162px;}
#maze a b.dlu4 {top:-95px; left:-216px;}
#maze a b.dlu5 {top:-122px; left:-270px;}
#maze a b.dlu6 {top:-149px; left:-324px;}
#maze a:hover b.dlux1 {width:80px; top:-14px; left:-30px; background-position: right top;} 
#maze a:hover b.dlux2 {width:80px; top:-41px; left:-84px; background-position: right top;} 
#maze a:hover b.dlux3 {width:80px; top:-68px; left:-138px; background-position: right top;} 
#maze a:hover b.dlux4 {width:80px; top:-95px; left:-192px; background-position: right top;} 
#maze a:hover b.dlux5 {width:80px; top:-122px; left:-246px; background-position: right top;} 
#maze a:hover b.dlux6 {width:80px; top:-149px; left:-300px; background-position: right top;} 

#maze a b.drd1 {top:13px; left:0;}
#maze a b.drd2 {top:40px; left:54px;}
#maze a b.drd3 {top:67px; left:108px;}
#maze a b.drd4 {top:94px; left:162px;}
#maze a b.drd5 {top:121px; left:216px;}
#maze a b.drd6 {top:148px; left:270px;}

#maze a.d8 b.drd4 {top:82px; left:138px;}

#maze a b.drdx1 {width:80px; top:13px; left:0;} 
#maze a b.drdx2 {width:80px; top:40px; left:54px;} 
#maze a b.drdx3 {width:80px; top:67px; left:108px;} 
#maze a b.drdx4 {width:80px; top:94px; left:162px;} 
#maze a b.drdx5 {width:80px; top:121px; left:216px;} 
#maze a b.drdx6 {width:80px; top:148px; left:270px;} 

#maze a b.dru1 {top:-14px; left:0;}
#maze a b.dru2 {top:-41px; left:54px;}
#maze a b.dru3 {top:-68px; left:108px;}
#maze a b.dru4 {top:-95px; left:162px;}
#maze a b.dru5 {top:-122px; left:216px;}
#maze a b.dru6 {top:-149px; left:270px;}
#maze a b.drux1 {width:80px; top:-14px; left:0;}
#maze a b.drux2 {width:80px; top:-41px; left:54px;}
#maze a b.drux3 {width:80px; top:-68px; left:108px;}
#maze a b.drux4 {width:80px; top:-95px; left:162px;}
#maze a b.drux5 {width:80px; top:-122px; left:216px;}
#maze a b.drux6 {width:80px; top:-149px; left:270px;}

#maze a b.dld1 {top:13px; left:-54px;}
#maze a b.dld2 {top:40px; left:-108px;}
#maze a b.dld3 {top:67px; left:-162px;}
#maze a b.dld4 {top:94px; left:-216px;}
#maze a b.dld5 {top:121px; left:-270px;}
#maze a b.dld6 {top:148px; left:-324px;}

#maze a em.up1 {top:-41px; left:12px;}
#maze a em.up2 {top:-95px; left:12px;}
#maze a em.up3 {top:-149px; left:12px;}
#maze a em.up4 {top:-203px; left:12px;}
#maze a em.up5 {top:-257px; left:12px;}
#maze a em.up6 {top:-311px; left:12px;}

#maze a em.dn1 {top:13px; left:12px;}
#maze a em.dn2 {top:67px; left:12px;}
#maze a em.dn3 {top:121px; left:12px;}
#maze a em.dn4 {top:175px; left:12px;}
#maze a em.dn5 {top:229px; left:12px;}
#maze a em.dn6 {top:283px; left:12px;}

#maze a i.rg1 {top:0; left:25px;}
#maze a i.rg2 {top:0; left:133px;}
#maze a i.rg3 {top:0; left:241px;}
#maze a i.rg4 {top:0; left:349px;}
#maze a i.rg5 {top:0; left:457px;}
#maze a i.rg6 {top:0; left:565px;}

#maze a i.lf1 {top:0; left:-83px;}
#maze a i.lf2 {top:0; left:-191px;}
#maze a i.lf3 {top:0; left:-299px;}
#maze a i.lf4 {top:0; left:-407px;}
#maze a i.lf5 {top:0; left:-515px;}
#maze a i.lf6 {top:0; left:-623px;}

#maze a:hover {border:0; z-index:500;}
#maze a:hover b {visibility:visible; background: url(tl.gif);}
#maze a:hover b.dru1,
#maze a:hover b.dru2,
#maze a:hover b.dru3,
#maze a:hover b.dru4,
#maze a:hover b.dru5,
#maze a:hover b.dru6,
#maze a:hover b.dld1,
#maze a:hover b.dld2,
#maze a:hover b.dld3,
#maze a:hover b.dld4,
#maze a:hover b.dld5,
#maze a:hover b.dld6,
#maze a:hover b.drux1,
#maze a:hover b.drux2,
#maze a:hover b.drux3,
#maze a:hover b.drux4,
#maze a:hover b.drux5,
#maze a:hover b.drux6,
#maze a:hover b.dldx1,
#maze a:hover b.dldx2,
#maze a:hover b.dldx3,
#maze a:hover b.dldx4,
#maze a:hover b.dldx5,
#maze a:hover b.dldx6
{background: url(tr.gif);}
#maze a:hover b.dldx1 {width:80px; top:13px; left:-30px; background-position: right top;}
#maze a:hover b.dldx2 {width:80px; top:40px; left:-84px; background-position: right top;}
#maze a:hover b.dldx3 {width:80px; top:67px; left:-138px; background-position: right top;}
#maze a:hover b.dldx4 {width:80px; top:94px; left:-192px; background-position: right top;}
#maze a:hover b.dldx5 {width:80px; top:121px; left:-246px; background-position: right top;}
#maze a:hover b.dldx6 {width:80px; top:148px; left:-300px; background-position: right top;}

#maze a:hover em {visibility:visible; background:url(vert.gif) center center;}
#maze a:hover i {visibility:visible; background:url(horiz.gif);}
#maze a:hover span {visibility:visible; background: url(boy.gif) no-repeat center center;}

#maze a:hover.d4 {background:transparent url(congratulations.jpg) no-repeat center 0; z-index:600; display:block; width:722px; height:370px; position:absolute; left:-10px; top:-10px;}
#maze a:hover.d4 span {display:block; width:6px; height:50px; position:absolute; left:722px; top:320px; background:#fff; border-left:10px solid #888;}
#maze a:hover.d4 b {display:block; width:30px; height:5px; position:absolute; left:700px; top:370px; background:#888; overflow:hidden;}