* { margin: 0; padding: 0; }
body {  }
#container { background: black url(../images/phgy00.jpg) no-repeat 15px 15px; position:relative; width:750px; height:580px; margin-right: auto; margin-left: auto; border: solid 1px #aaa; }

#container ul { width:160px; height:500px; list-style-type:none; float:right; margin: 15px 5px 10px 10px; }

#container li { float:left; margin-right: 4px; margin-bottom: 10px; margin-left: 4px; }

#container a.gallery, #container a.gallery:visited { color: white; display:block; background-color: #f1f0f0; text-decoration:none; text-align:left; }
#container div.slidex { background-color: black; width: 70px; height: 70px; }
#container a.slidea { background-color: transparent; background-image: url(../images/iphgy01.jpg); background-repeat: no-repeat; background-attachment: scroll; height:70px; width:70px; }
#container a.slideb { background-color: transparent; background-image: url(../images/iphgy02.jpg); background-repeat: no-repeat; background-attachment: scroll; height:70px; width:70px; }
#container a.slidec { background-color: transparent; background-image: url(../images/iphgy03.jpg); background-repeat: no-repeat; background-attachment: scroll; height:70px; width:70px; }
#container a.slided { background-color: transparent; background-image: url(../images/iphgy04.jpg); background-repeat: no-repeat; background-attachment: scroll; height:70px; width:70px; }
* html #container a.slided {width:70px; w\idth:70px;}
#container a.slidee { background-color: transparent; background-image: url(../images/iphgy05.jpg); background-repeat: no-repeat; background-attachment: scroll; height:70px; width:70px; }
#container a.slidef { background-color: transparent; background-image: url(../images/iphgy06.jpg); background-repeat: no-repeat; background-attachment: scroll; height:70px; width:70px; }
* html #container a.slidef {width:70px; w\idth:70px;}
#container a.slideg { background-color: transparent; background-image: url(../images/iphgy07.jpg); background-repeat: no-repeat; background-attachment: scroll; height:70px; width:70px; }
#container a.slideh { background-color: transparent; background-image: url(../images/iphgy08.jpg); background-repeat: no-repeat; background-attachment: scroll; height:70px; width:70px; }
#container a.slidei { background-color: transparent; background-image: url(../images/iphgy09.jpg); background-repeat: no-repeat; background-attachment: scroll; height:70px; width:70px; }
#container a.slidej { background-color: transparent; background-image: url(../images/iphgy10.jpg); background-repeat: no-repeat; background-attachment: scroll; height:70px; width:70px; }
#container a.slidek { background-color: transparent; background-image: url(../images/iphgy11.jpg); background-repeat: no-repeat; background-attachment: scroll; height:70px; width:70px; }
* html #container a.slidek {width:80px; w\idth:70px;}
#container a.slidel { background-color: transparent; background-image: url(../images/iphgy12.jpg); background-repeat: no-repeat; background-attachment: scroll; height:70px; width:70px; }
#container a.slidem { background-color: transparent; background-image: url(../images/iphgy13.jpg); background-repeat: no-repeat; background-attachment: scroll; height:70px; width:70px; }
#container a.sliden { background-color: transparent; background-image: url(../images/iphgy14.jpg); background-repeat: no-repeat; background-attachment: scroll; height:70px; width:70px; }
#container a.gallery span { position:absolute; width:1px; height:1px; background:white; top: 15px; overflow:hidden; }
#container a.gallery:hover { background-color: white; }
#container a.gallery:hover img { float:left; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; border-width: 0; }
#container a.gallery:hover span { position:absolute; width:555px; height:550px; left:15px; background:black; bottom: 15px; }



