@charset "UTF-8";
/* CSS Document */

/* choose a suitable font and center the #container div in Internet Explorer */

body {text-align:center; font-family: tahoma; arial, sans-serif; font-size:76%; letter-spacing:0.06em; color:#FFF;}
/* The containing box for the gallery. */
#container {
	position:relative;
	width:770px;
	height:396px;
	margin:20px auto 0 auto;
	color:#FFF;
	font-family: tahoma;
}

/* Removing the list bullets and indentation - add size - and position */
#container ul {width:198px; height:386px; 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; ;}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container a.slidea {background:url(images/i1_t.jpg); height:93px; width:60px;}
#container a.slideb {background:url(images/i2_t.jpg); height:93px; width:60px;}
#container a.slidec {background:url(images/i3_t.jpg); height:93px; width:60px;}
#container a.slided {background:url(images/i4_t.jpg); height:60px; width:93px;}
* html #container a.slided {width:91px; w\idth:93px;}
#container a.slidee {background:url(images/i5_t.jpg); height:60px; width:93px;}
#container a.slidef {background:url(images/i6_t.jpg); height:60px; width:93px;}
* html #container a.slidef {width:91px; w\idth:93px;}
#container a.slideg {background:url(images/i7_t.jpg); height:60px; width:93px;}
#container a.slideh {background:url(images/i8_t.jpg); height:93px; width:60px;}
#container a.slidei {background:url(images/i9_t.jpg); height:93px; width:60px;}
#container a.slidej {background:url(images/i10_t.jpg); height:93px; width:60px;}
#container a.slidek {background:url(images/i11_t.jpg); height:60px; width:93px;}
* html #container a.slidek {width:91px; w\idth:93px;}
#container a.slidel {background:url(images/i12_t.jpg); height:60px; width:93px;}
.body2 {font-family: tahoma; arial, sans-serif; font-size:10px; letter-spacing:0.06em; color:#FFF;}
.footer_txt {text-align: center; font-family: tahoma; arial, sans-serif; font-size:9px; letter-spacing:0.06em; color:#666;}


/* styling the hovers */

#container a.gallery:hover span {position:absolute; width:372px; height:372px; top:10px; left:75px; border:none; color:#FFF;}
#container a.gallery:hover img {float:left; margin-right:5px; border:none;}
#container a.slideb:hover img, #container a.slidei:hover img {float:right; border:none;}