/* The containing box for the gallery. */
#container {position:relative; width:650px; height:435px; margin:20px auto 0 auto; background:#fff url(../galeria/fun_lanca.jpg) 31px 11px no-repeat;}

/* Removing the list bullets and indentation - add size - and position */
#container ul {width:158px; height:366px; padding:0;  margin:5px; list-style-type:none; float:right;}

#container li {float:left;}

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

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container a.slidea {background:url(../galeria/lanca1_t.jpg); height:100px; width:100px;}
#container a.slideb {background:url(../galeria/lanca2_t.jpg); height:100px; width:100px;}
#container a.slidec {background:url(../galeria/lanca3_t.jpg); height:100px; width:100px;}
#container a.slided {background:url(../galeria/lanca4_t.jpg); height:100px; width:100px;}

/* styling the hovers */
#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover span {position:absolute; width:420px; height:435px; top:10px; left:30px; color:#000; background:#fff;}
#container a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}

#ads {display:none;}
#adsie {clear:both; text-align:center; width:630px; margin-top:11px;}