@charset "iso-8859-1";
/* menus for galleries */

#menu {position:relative; width:776px; height:634px; background:none;}

#menu a.p1:visited, #menu a.p2:visited, #menu a.p3:visited,
#menu a.p4:visited,#menu a.p5:visited,#menu a.p6:visited,
#menu a.p7:visited, #menu a.p8:visited, #menu a.p9:visited,
#menu a.p10:visited,#menu a.p11:visited,#menu a.p12:visited,
#menu a.p13:visited, #menu a.p14:visited, #menu a.p15:visited,
#menu a.p16:visited,#menu a.p17:visited,#menu a.p18:visited,
#menu a.p19:visited, #menu a.p20:visited, #menu a.p21:visited
{
position:absolute; display:block; width:85px; height:64px; background-color:#fff; color:#000;
text-decoration:none; border: 1px #000 solid;
}
#menu a.p1:visited {top:5px; left:260px;}
#menu a.p2:visited {top:5px; left:345px;}
#menu a.p3:visited {top:5px; left:430px;}
#menu a.p4:visited {top:5px; left:515px;}
#menu a.p5:visited {top:5px; left:600px;}

#menu a.p6:visited {top:5px; left:685px;}

#menu a.p7:visited {top:70px; left:685px;}
#menu a.p8:visited {top:134px; left:685px;}
#menu a.p9:visited {top:198px; left:685px;}
#menu a.p10:visited {top:262px; left:685px;}
#menu a.p11:visited {top:326px; left:685px;}

#menu a.p12:visited {top:262px; left:5px;}
#menu a.p13:visited {top:326px; left:5px;}
#menu a.p14:visited {top:390px; left:5px;}
#menu a.p15:visited {top:454px; left:5px;}
#menu a.p16:visited {top:518px; left:5px;}

#menu a.p17:visited {top:582px; left:5px;}

#menu a.p18:visited {top:582px; left:90px;}
#menu a.p19:visited {top:582px; left:175px;}
#menu a.p20:visited {top:582px; left:260px;}
#menu a.p21:visited {top:582px; left:345px;}


#menu a.p1, #menu a.p2, #menu a.p3, #menu a.p4, #menu a.p5,#menu a.p6,
#menu a.p7, #menu a.p8, #menu a.p9, #menu a.p10, #menu a.p11,#menu a.p12,
#menu a.p13, #menu a.p14, #menu a.p15, #menu a.p16, #menu a.p17,#menu a.p18,
#menu a.p19, #menu a.p20, #menu a.p21, #menu a.p22
{
position:absolute; display:block; width:85px; height:64px; background-color:#fff; color:#000;
 text-decoration:none; border: 1px #000 solid;
}
#menu a.p1 {top:5px; left:260px;}
#menu a.p2 {top:5px; left:345px;}
#menu a.p3 {top:5px; left:430px;}
#menu a.p4 {top:5px; left:515px;}
#menu a.p5 {top:5px; left:600px;}

#menu a.p6 {top:5px; left:685px;}

#menu a.p7 {top:70px; left:685px;}
#menu a.p8 {top:134px; left:685px;}
#menu a.p9 {top:198px; left:685px;}
#menu a.p10 {top:262px; left:685px;}
#menu a.p11 {top:326px; left:685px;}

#menu a.p12 {top:262px; left:5px;}
#menu a.p13 {top:326px; left:5px;}
#menu a.p14 {top:390px; left:5px;}
#menu a.p15 {top:454px; left:5px;}
#menu a.p16 {top:518px; left:5px;}
#menu a.p17 {top:582px; left:5px;}

#menu a.p18 {top:582px; left:90px;}

#menu a.p19 {top:582px; left:175px;}
#menu a.p20 {top:582px; left:260px;}
#menu a.p21 {top:582px; left:345px;}
#menu a.p22 {top:582px; left:430px;}


#menu a.p1:hover, #menu a.p2:hover, #menu a.p3:hover, #menu a.p4:hover, #menu a.p5:hover, #menu a.p6:hover,
#menu a.p7:hover, #menu a.p8:hover, #menu a.p9:hover, #menu a.p10:hover, #menu a.p11:hover, #menu a.p12:hover,
#menu a.p13:hover, #menu a.p14:hover, #menu a.p15:hover, #menu a.p16:hover, #menu a.p17:hover, #menu a.p18:hover,
#menu a.p19:hover, #menu a.p20:hover, #menu a.p21:hover, #menu a.p22:hover
{text-decoration:none; background-color:#fff; color:#001;}

#menu a.p1 img, #menu a.p2 img, #menu a.p3 img, #menu a.p4 img, #menu a.p5 img, #menu a.p6 img,
#menu a.p7 img, #menu a.p8 img, #menu a.p9 img, #menu a.p10 img, #menu a.p11 img, #menu a.p12 img,
#menu a.p13 img, #menu a.p14 img, #menu a.p15 img, #menu a.p16 img, #menu a.p17 img, #menu a.p18 img,
#menu a.p19 img, #menu a.p20 img, #menu a.p21 img, #menu a.p22 img
{display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;}

 #menu a.p1 img.thumb, #menu a.p2 img.thumb, #menu a.p3 img.thumb, #menu a.p4 img.thumb, #menu a.p5 img.thumb, #menu a.p6 img.thumb,
#menu a.p7 img.thumb, #menu a.p8 img.thumb, #menu a.p9 img.thumb, #menu a.p10 img.thumb, #menu a.p11 img.thumb, #menu a.p12 img.thumb,
#menu a.p13 img.thumb, #menu a.p14 img.thumb, #menu a.p15 img.thumb, #menu a.p16 img.thumb, #menu a.p17 img.thumb, #menu a.p18 img.thumb,
#menu a.p19 img.thumb, #menu a.p20 img.thumb, #menu a.p21 img.thumb, #menu a.p22 img.thumb
{display:block; position:absolute; width:76px; height:61px; border:0px; top:1px; left:1px;}

/*Fix the :hover bug in IE6 which requires a hover attribute for links in order to activate hover for images - Thanks a lot, M$ for the waste of time spent on figuring this one out. */
#menu a.p1:hover, #menu a.p2:hover, #menu a.p3:hover, #menu a.p4:hover, #menu a.p5:hover,#menu a.p6:hover,
#menu a.p7:hover, #menu a.p8:hover, #menu a.p9:hover, #menu a.p10:hover, #menu a.p11:hover,#menu a.p12:hover,
#menu a.p13:hover, #menu a.p14:hover, #menu a.p15:hover, #menu a.p16:hover, #menu a.p17:hover, #menu a.p18:hover,
#menu a.p19:hover, #menu a.p20:hover, #menu a.p21:hover, #menu a.p22:hover
{
 border: 1px #001 solid;
}


#menu a.p1:hover img {  top:128px; left:-115px; width:500px; height:375px; z-index: 4;}
#menu a.p1:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}
#menu a.p2:hover img {  top:128px; left:-200px; width:500px; height:375px; z-index: 4;}
#menu a.p2:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}
#menu a.p3:hover img {  top:128px; left:-285px; width:500px; height:375px; z-index: 4;}
#menu a.p3:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}
#menu a.p4:hover img {  top:128px; left:-370px; width:500px; height:375px; z-index: 4;}
#menu a.p4:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}
#menu a.p5:hover img {  top:128px; left:-455px; width:500px; height:375px; z-index: 4;}
#menu a.p5:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}
#menu a.p6:hover img {  top:128px; left:-540px; width:500px; height:375px; z-index: 4;}
#menu a.p6:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}

#menu a.p7:hover img {  top:64px;left:-540px; width:500px; height:375px; z-index: 4;}
#menu a.p7:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}
#menu a.p8:hover img {  top:0px;left:-540px; width:500px; height:375px; z-index: 4;}
#menu a.p8:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}
#menu a.p9:hover img {  top:-64px;left:-540px; width:500px; height:375px; z-index: 4;}
#menu a.p9:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}
#menu a.p10:hover img {  top:-128px;left:-540px; width:500px; height:375px; z-index: 4;}
#menu a.p10:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}
#menu a.p11:hover img {  top:-192px;left:-540px; width:500px; height:375px; z-index: 4;}
#menu a.p11:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}

#menu a.p12:hover img {  top:-128px;left:142px; width:500px; height:375px;  z-index: 4;}
#menu a.p12:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}
#menu a.p13:hover img {  top:-192px;left:142px; width:500px; height:375px; z-index: 4;}
#menu a.p13:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}
#menu a.p14:hover img {  top:-256px;left:142px; width:500px; height:375px; z-index: 4;}
#menu a.p14:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}
#menu a.p15:hover img {  top:-320px;left:142px; width:500px; height:375px; z-index: 4;}
#menu a.p15:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}
#menu a.p16:hover img {  top:-384px;left:142px; width:500px; height:375px; z-index: 4;}
#menu a.p16:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}

#menu a.p17:hover img {  top:-448px;left:142px; width:500px; height:375px; z-index: 4;}
#menu a.p17:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}

#menu a.p18:hover img {  top:-448px;left:57px; width:500px; height:375px; z-index: 4;}
#menu a.p18:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}
#menu a.p19:hover img {  top:-448px;left:-28px; width:500px; height:375px; z-index: 4;}
#menu a.p19:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}
#menu a.p20:hover img {  top:-448px;left:-113px; width:500px; height:375px; z-index: 4;}
#menu a.p20:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}
#menu a.p21:hover img {  top:-448px;left:-198px; width:500px; height:375px; z-index: 4;}
#menu a.p21:hover img.thumb {  top:1px; left:1px; width:75px; height:58px;}


#menu a.nav1 {position: absolute; display: block; width:75px; height:20px; top:678px; left:35px;}
#menu a.nav1:hover {width:75px; height:20px; top:678px; left:35px; background: url(../images/hoverburst.gif) no-repeat;}

#menu a.nav2 {position: absolute; display: block; width:145px; height:20px; top:678px; left:125px;}
#menu a.nav2:hover {width:145px; height:20px; top:678px; left:125px; background: url(../images/hoverburst.gif) no-repeat;}

#menu a.nav3 {position: absolute; display: block; width:70px; height:20px; top:678px; left:280px;}
#menu a.nav3:hover {width:70px; height:20px; top:678px; left:280px; background: url(../images/hoverburst.gif) no-repeat;}

#menu a.nav4 {position: absolute; display: block; width:75px; height:20px; top:678px; left:365px;}
#menu a.nav4:hover {width:75px; height:20px; top:678px; left:365px; background: url(../images/hoverburst.gif) no-repeat;}

#menu a.nav5 {position: absolute; display: block; width:85px; height:20px; top:678px; left:453px;}
#menu a.nav5:hover {width:85px; height:20px; top:678px; left:453px; background: url(../images/hoverburst.gif) no-repeat;}

#menu a.nav6 {position: absolute; display: block; width:165px; height:20px; top:678px; left:550px;}
#menu a.nav6:hover {width:165px; height:20px; top:678px; left:550px; background: url(../images/hoverburst.gif) no-repeat;}

#menu a.nav7 {position: absolute; display: block; width:103px; height:86px; top:0px; left:0px;}
#menu a.nav7:hover {position: absolute; display: block; top:1px; left:1px; border: 1px; background: #423433;}