#ph { 
	width:540px;
	height:422px;
	border: 1px solid #999999;
	text-align:center;
	}

#onerow {position:relative; width:540px; height:90px; margin:10px auto;}
#tworow {position:relative; width:540px; height:180px; margin:10px auto;}

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

a.slide1a {background:url(../images/Johan1a-thumb.jpg);}
a.slide1b {background:url(../images/Johan2-thumb.jpg);}
a.slide1c {background:url(../images/Bourg1-thumb.jpg);}
a.slide1d {background:url(../images/Ball-thumb.jpg);}
a.slide2a {background:url(../images/Sajous-thumb.jpg);}
a.slide2b {background:url(../images/Ouds1-thumb.jpg);}
a.slide2c {background:url(../images/brzez-thumb.jpg);}
a.slide2d {background:url(../images/proam-thumb.jpg);}
a.slide3a {background:url(../images/Baker8-thumb.jpg);}
a.slide3b {background:url(../images/okun-thumb.jpg);}
a.slide3c {background:url(../images/brzez6-thumb.jpg);}
a.slide3d{background:url(../images/Johan6-thumb.jpg);}
a.slide3e {background:url(../images/Ouds5-thumb.jpg);}
a.slide3f {background:url(../images/Guez7-thumb.jpg);}
a.slide3g {background:url(../images/Johan5-thumb.jpg);}
a.slide4a {background:url(../images/Aokun-thumb.jpg);}
a.slide4b {background:url(../images/Akids-thumb.jpg);}
a.slide4c {background:url(../images/AJohan1-thumb.jpg);}
a.slide4d {background:url(../images/Astarke-thumb.jpg);}
a.slide5a {background:url(../images/park-thumb.jpg);}
a.slide5b {background:url(../images/Kutznet-thumb.jpg);}
a.slide5c {background:url(../images/rain-thumb.jpg);}
a.slide5d {background:url(../images/Vemic1-thumb.jpg);}
a.slide5e {background:url(../images/Johnorman-thumb.jpg);}
a.slide5f {background:url(../images/Johokun-thumb.jpg);}
a.slide5g {background:url(../images/Johan12c-thumb.jpg);}
a.slide5h {background:url(../images/Johan12b-thumb.jpg);}

a.gallery span {visibility:hidden; display:block; position:absolute; width:540px; height:422px; top:189px; left:9px; background:#008540; text-align:center; cursor:default; }

a.slide1a span, a.slide2a span, a.slide4a span {left:-17px; top:93px;}
a.slide1b span, a.slide2b span, a.slide4b span  {left:-124px; top:93px;}
a.slide1c span, a.slide2c span, a.slide4c span  {left:-231px; top:93px;}
a.slide1d span, a.slide2d span, a.slide4d span  {left:-338px; top:93px;}

a.slide3a span, a.slide5a span {left:-17px; top:183px;}
a.slide3b span, a.slide5b span {left:-124px; top:183px;}
a.slide3c span, a.slide5c span {left:-231px; top:183px;}
a.slide3d span, a.slide5d span {left:-338px; top:183px;}
a.slide3e span, a.slide5e span {left:-445px; top:183px;}
a.slide3f span, a.slide5f span {left:-17px; top:92px;}
a.slide3g span, a.slide5g span {left:-124px; top:92px;}
a.slide5h span {left:-229px; top:92px;}

a.gallery:hover {border:1px solid #f2e60d; 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 #f2e60d; 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;}