/* choose a suitable font and center the #container div in Internet Explorer */
body {
   text-align:left;
   font-family: tahoma; arial, sans-serif;
   font-size:70%;
   color:#CCCCCC;   
   font-weight:bold;
   letter-spacing:0.05em;
   }
   
/* The containing box for the gallery. */
#container {
    position:relative;
    width:750px;
    height:396px;
    margin:20px 0 0 0;
    border:1px solid #CCCCCC;
    }
	
/* Removing the list bullets and indentation */ 
	#container ul { 
	    padding:0; 
	    margin:0; 
	    list-style-type:none; 
	    }

/* 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:#CCCCCC;
    text-decoration:none;
    border:1px solid #FFFFFF;
    margin:2px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#container a.slidea {
    background:url(images/img_laos_t_01.jpg);
    height:93px;
    width:60px;
    }
#container a.slideb {
    background:url(images/img_laos_t_02.jpg);
    height:93px;
    width:60px;
    }
#container a.slidec {
    background:url(images/img_laos_t_03.jpg);
    height:93px;
    width:60px;
    }
#container a.slided {
    background:url(images/img_laos_t_04.jpg);
    height:60px;
    width:93px;
    }
* html #container a.slided {
    width:91px;
    w\idth:93px;
    }
#container a.slidee {
    background:url(images/img_laos_t_05.jpg);
    height:60px;
    width:93px;
    }
#container a.slidef {
    background:url(images/img_laos_t_06.jpg);
    height:60px;
    width:93px;
    }
* html #container a.slidef {
    width:91px;
    w\idth:93px;
    }
#container a.slideg {
    background:url(images/img_laos_t_07.jpg);
    height:60px;
    width:93px;
    }
#container a.slideh {
    background:url(images/img_laos_t_08.jpg);
    height:93px;
    width:60px;
    }
#container a.slidei {
    background:url(images/img_laos_t_09.jpg);
    height:93px;
    width:60px;
    }
#container a.slidej {
    background:url(images/img_laos_t_10.jpg);
    height:93px;
    width:60px;
    }
#container a.slidek {
    background:url(images/img_laos_t_11.jpg);
    height:60px;
    width:93px;
    }
* html #container a.slidek {
    width:91px;
    w\idth:93px;
    }
#container a.slidel {
    background:url(images/img_laos_t_12.jpg);
    height:60px;
    width:93px;
    }

/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:198px;
    height:386px;
    }
#container li {
    float:left;
    }

/* move the thumbnails into the correct position */ 
	#container ul { 
	    margin:5px; 
	    float:right; 
	    } 
		
/* change the thumbnail border color */ 
	#container a.gallery:hover { 
	    border:1px solid #fff; 
	    } 
		
/* styling the :hover span */ 
	#container a.gallery:hover span { 
	    position:absolute; 
	    width:540px; /* 372px; */
	    height:390px;  /* 372px; */
	    top:2px; 
	    left:5px;
		color:#666666; /* text color */ 
	    background:#fff; 
	    } 

#container a.gallery:hover img { 
	    border:1px solid #fff; 
	    float:left; 
	    margin-right:5px; 
	    } 
		
#container a.slideb:hover img, #container a.slidei:hover img { 
	    float:right; 
	    } 
/* default image, usually the first*/		
#container { 
	    background:#fff url(images/back3.jpg) 5px 2px no-repeat; 
	    }