/* Gallery creates five thumbnails and main pic displayed with :hover */

h2 { bottom-align:-6px;}

.a, .a:visited {color:#000;}

#header {
position:relative; width:600px; height:40px; font-family:tahoma, geneva, verdana, sans-serif; font-weight:normal; 	font-size: 16px; color: #9cf; margin-right: auto;	margin-left: auto;
}

.strap {
font-family:tahoma, geneva, verdana, sans-serif; font-weight:normal; font-size: x-small; color: #069}

#container {
position:relative; width:600px; height:600px; background:#fff; border:1px solid #ffc; margin: 5px auto;}

#container b {
width:560px; text-align:left; position:absolute; top:200px; left: 20px; color:#000; font-family:tahoma, geneva, verdana, sans-serif; font-weight:normal; font-size:small; letter-spacing:1px; line-height:1 em; z-index:1;}

#container a, a:visited {
color:#000; text-decoration:none}

#container a:hover {
color:#f00; text-decoration:none}


a.gallery, a.gallery:visited {
display:inline; color:#000; text-decoration:none; border:1px solid #069; width:75px; height:75px; float:left; margin:7px 21px; position:relative; cursor:default;}

/*these are the five thumbnails each 75x75px - unblank to make two rows of five*/

a.slidea {background:url(hera1-75.jpg);}
a.slideb {background:url(hera2-75.jpg);}
a.slidec {background:url(hera3-75.jpg);}
a.slided {background:url(hera4-75.jpg);}
a.slidee {background:url(hera5-75.jpg);}
a.slidef {background:url(hera6-75.jpg);}
a.slideg {background:url(hera7-75.jpg);}
a.slideh {background:url(hera8-75.jpg);}
a.slidei {background:url(hera9-75.jpg);}
a.slidej {background:url(hera10-75.jpg);}


a.gallery span {
visibility:hidden; display:block; position:absolute; width:580px; height:480px; top:189px; left:9px; color:#000; background:#ccc; text-align:center; border:1px solid #fff; font-size:small; font-family:tahoma, geneva, verdana, sans-serif; cursor:default;}

/*these position the thumbnails across the container */

a.slidea span {left:-13px; top:180px;}
a.slideb span {left:-132px; top:180px;}
a.slidec span {left:-251px; top:180px;}
a.slided span {left:-370px; top:180px;}
a.slidee span {left:-489px; top:180px;}
a.slidef span {left:-13px; top:89px;}
a.slideg span {left:-132px; top:89px;}
a.slideh span {left:-251px; top:89px;}
a.slidei span {left:-370px; top:89px;}
a.slidej span {left:-489px; top:89px;}

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

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

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

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

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

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

#googad500 {
	position:relative; display:block; margin: auto; width:750; height:80px; border: solid black 1px; text-align: center;}