/* choose a suitable font and center the #container div in Internet Explorer */
body {text-align:center; }

/* The containing box for the gallery. */
#container {position:relative; width:860px; height:384px; margin:20px auto 20px auto; border:1px solid #000000; background:#222222 url(images/back.jpg) 10px 10px no-repeat;}

/* Removing the list bullets and indentation - add size - and position */
#container ul {width:378px; height:280px; padding:0;  margin:7px 10px 7px 10px; 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 #000000; margin:3px 2px 3px 2px; text-align:left; cursor:default;}
#container a.slidea {background:url(th/01.jpg); height:84px; width:120px;}
#container a.slideb {background:url(th/02.jpg); height:84px; width:120px;}
#container a.slidec {background:url(th/03.jpg); height:84px; width:120px;}

#container a.slided {background:url(th/04.jpg); height:84px; width:120px;}
#container a.slidee {background:url(th/05.jpg); height:84px; width:120px;}
#container a.slidef {background:url(th/06.jpg); height:84px; width:120px;}

#container a.slideg {background:url(th/07.jpg); height:84px; width:120px;}
#container a.slideh {background:url(th/08.jpg); height:84px; width:120px;}
#container a.slidei {background:url(th/09.jpg); height:84px; width:120px;}

#container a.slidej {background:url(th/10.jpg); height:84px; width:120px;}
#container a.slidek {background:url(th/11.jpg); height:84px; width:120px;}
#container a.slidel {background:url(th/12.jpg); height:84px; width:120px;}

/* styling the hovers */
#container a.gallery:hover {border:1px solid #aaaaaa;}
#container a.gallery:hover span {position:absolute; width:432px; height:362px; top:10px; left:10px; color:#fff; background:#222222;}
#container a.gallery:hover img {border:0px solid #ffffff; float:left; }
/*#container a.slideb:hover img, #container a.slidei:hover img {float:right;}*/

a.gray:link 	{color: #AAAAAA}
a.gray:visited 	{color: #888888}
a.gray:hover 	{color: #FFFFFF}