/* 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-bottom: -6px;	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:700px; background:#fff; border:1px solid #ffc; margin: 10px 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(01psiliamos-75.jpg);}
a.slideb {background:url(02psiliamos-75.jpg);}
a.slidec {background:url(03psiliamos-75.jpg);}
a.slided {background:url(04psiliamos-75.jpg);}
a.slidee {background:url(05psiliamos-75.jpg);}
/*
a.slidef {background:url(../psiliamos/kambos_beachbar2-75.jpg);}
a.slideg {background:url(../psiliamos/kambos_hillside-75.jpg);}
a.slideh {background:url(../psiliamos/kambos_road1-75.jpg);}
a.slidei {background:url(../psiliamos/kambos_road2-75.jpg);}
a.slidej {background:url(../psiliamos/kambos_road3-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:absolute; top: 450px; width:580px; height:70px; border:none; text-align: center;}