/* The containing box for the gallery. */
#gggallery {
position:relative;
width:630px;
height:520px;
margin:10px auto 10px auto;

text-align:center;
font-family: trebuchet; arial, sans-serif;
font-size:16px;
background:#fff url(/gggallery/gg1sm.jpg) 0px 0px no-repeat; */
}

/* Removing the list bullets and indentation - add size - and position */
#gggallery ul {position:absolute; width:630px; height:60px; padding:0; top:425px; left:7px; margin:10px 0px; list-style-type:none;}

#gggallery li {float:left;}

/* Remove the images and text from sight */
#gggallery a.gallery span {position:absolute; width:1px; height:1px; top:-411px; left:-2px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
#gggallery a.gallery, #gggallery a.gallery:visited {display:block; color:#000; text-decoration:none; border:2px solid #000; margin:0; text-align:center; cursor:default;}
#gggallery a.slidea {background:url(/gggallery/gg1_thumb.jpg); height:57px; width:80px;}
#gggallery a.slideb {background:url(/gggallery/gg2_thumb.jpg); height:57px; width:80px;}
#gggallery a.slidec {background:url(/gggallery/gg3_thumb.jpg); height:57px; width:80px;}
#gggallery a.slided {background:url(/gggallery/gg4_thumb.jpg); height:57px; width:80px;}
#gggallery a.slidee {background:url(/gggallery/gg5_thumb.jpg); height:57px; width:80px;}
#gggallery a.slidef {background:url(/gggallery/gg6_thumb.jpg); height:57px; width:80px;}
#gggallery a.slideg {background:url(/gggallery/gg7_thumb.jpg); height:57px; width:80px;}


/* styling the hovers */
#gggallery a.gallery:hover {border:2px solid #fff;}
#gggallery a.gallery:hover span {position:absolute; width:600px; height:440px; top:-436px; left:-8px; color:#000; background:#fff;}
#gggallery a.gallery:hover img {border:1px solid #fff; float:left; margin-right:0px;}
#gggallery a.slideb:hover img {float:right;}