#gallery {
  border: none;
  height: 700px; 
  margin: 0 auto;
  position: relative; 
  width: 600px; 
}
* html #gallery {
  padding-left:22px;
}
#galleryid {
  text-align:center;
}

a.galry, a.galry:visited {
  border: 1px solid #888;
  color: #000; 
  cursor: default;
  display: inline; 
  float: left; 
  height: 80px; 
  margin: 6px; 
  position: relative; 
  text-decoration: none; 
  width: 80px; 
}
#gallery div.placemat, a.galry span {
  background-color: #edfd9a;
  border: 1px solid #edfd9a;
  color: #000; 
  cursor: default;
  display: block; 
  height: 510px; 
  left: 0; 
  letter-spacing: 1px; 
  position: absolute; 
  text-align: center; 
  top: 200px; 
  visibility: hidden; 
  width: 596px; 
}
#gallery div.placemat {
  border: 1px solid #bbb;
  left: -4px;
  height: 534px;
  width: 624px;
  top: 202px;
  visibility: visible;
}

a.g1 span  {left:-13px;  top:200px;}
a.g2 span  {left:-102px; top:200px;}
a.g3 span  {left:-206px; top:200px;}
a.g4 span  {left:-294px; top:200px;}
a.g5 span  {left:-392px; top:200px;}
a.g6 span  {left:-480px; top:200px;}
a.g7 span  {left:-13px;  top:106px;}
a.g8 span  {left:-102px; top:106px;}
a.g9 span  {left:-206px; top:106px;}
a.g10 span {left:-294px; top:106px;}
a.g11 span {left:-392px; top:106px;}
a.g12 span {left:-480px; top:106px;}

/* 
* html a.g1 span  {left:-1px; }
* html a.g2 span  {left:-90px; }
* html a.g3 span  {left:-196px; }
* html a.g4 span  {left:-282px;}
* html a.g5 span  {left:-390px; }
* html a.g6 span  {left:-468px; }
* html a.g7 span  {left:-1px; }
* html a.g8 span  {left:-90px; }
* html a.g9 span  {left:-196px; } 
* html a.g10 span {left:-282px;}
* html a.g11 span {left:-390px; }
* html a.g12 span {left:-468px; }
*/

#g1,#g2,#g3,#g4,#g5,#g6,#g7,#g8,#g9,#g10,#g11,#g12 {margin-left:-3px}

a.galry:hover {
  border: 1px solid #fff;
  white-space:normal; 
  z-index:100;
}

a.galry:hover span {
  visibility:visible; 
  z-index:100;
}

a.galry:hover span img {
  border: 1px solid #000;
  margin:10px; 
  position:relative; 
  z-index:100;
}

a.galry:active, a.galry:focus {
  border: 1px solid #800;
  z-index:10;
}

a.galry:active span, a.galry:focus span {
  visibility:visible; 
  z-index:10;
}

a.galry:active span img, a.galry:focus span img {
  border: 1px solid #666;
  position:relative; 
  margin:10px; z-index:10;
}

a.g1, a.g7 {margin-left: 28px;}

#pageMenu {
  font-size: small;
  text-align: center;
}
#pageMenu a {
  border: 1px solid #cada77;
  padding: 2px 6px;
}
#pageMenu a:hover {
  border: 1px solid #edfd9a;
  color: #fff;
  text-decoration: none;
}
#pageMenu #curpage {
  border: 1px solid #fff;
  color: #000;
  font-style: italic;
  padding: 2px 6px;
}

#supportText div.gallery {
  height: 800px !important;
}
div.preload {
  height:1px;
  left:-500px;
  position:absolute;
  top:-500px;
  width:1px;
}
div.preload img {
  height:1px;
  width:1px;
}