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

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

#menu .topleft, #menu .topright, #menu .bottomleft,
#menu .bottomright
{
position:absolute; display:block; height:210px; background-color:#423433; color:#000;border:1px #F4E9D3 solid;
text-decoration:none;
}
#menu .topleft p, #menu .topright p, #menu .bottomleft p,
#menu .bottomright p
{
position:absolute; top:197px; left:2px; background-color:#423433; color:#F4E9D3;font-style:arial;z-index:20;
}
#menu .topleft {top:172px; left:62px; width:202px;}
#menu .topright {top:172px; left:293px; width:200px;}
#menu .bottomleft {top:411px; left:62px; width:202px;}
#menu .bottomright {top:411px; left:290px; width:200px;}

#menu a.p1 img, #menu a.p2 img, #menu a.p3 img, #menu a.p4 img
{display:block; position:absolute; border:0px; top:1px; left:1px; visibility: hidden; z-index: 11;}

 #menu a.p1 img.thumb, #menu a.p2 img.thumb, #menu a.p3 img.thumb, #menu a.p4 img.thumb
{display:block; position:absolute; border:0px; top:1px; left:1px; visibility: visible; z-index: 9;}

/*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:hover
{
 background-color: #ffe;
}


#menu a.p1:hover img {visibility: visible; top: 0px; left: 0px;}
#menu a.p2:hover img {visibility: visible; top: 0px; left: 0px;}
#menu a.p3:hover img {visibility: visible; top: 0px; left: 0px;}
#menu a.p4:hover img {visibility: visible; top: 0px; left: 0px;}



#menu a.nav1 {position: absolute; display: block; width:145px; height:45px; top:195px; left:540px;}
#menu a.nav1:hover {background: url(../images/hoverburst.gif) no-repeat;}

#menu a.nav2 {position: absolute; display: block; width:260px; height:40px; top:270px; left:500px;}
#menu a.nav2:hover {background: url(../images/hoverburst.gif) no-repeat;}

#menu a.nav3 {position: absolute; display: block; width:120px; height:30px; top:335px; left:560px;}
#menu a.nav3:hover {background: url(../images/hoverburst.gif) no-repeat;}

#menu a.nav4 {position: absolute; display: block; width:132px; height:40px; top:400px; left:555px;}
#menu a.nav4:hover {background: url(../images/hoverburst.gif) no-repeat;}

#menu a.nav5 {position: absolute; display: block; width:140px; height:30px; top:460px; left:550px;}
#menu a.nav5:hover {background: url(../images/hoverburst.gif) no-repeat;}

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