.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

a.thumbnail img{
border:none;
margin: 0 0px 0px 0;
}

a.thumbnail:hover img{
border: none; 
cursor:pointer;
}

a.thumbnail:active, a.thumbnail:focus {
border: none; 
cursor:pointer;
}

a.thumbnail span{ /*CSS for enlarged image*/
position: absolute; 
background-color:none;
padding: 0px; 
left: -100px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

a.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50; 
cursor:pointer;
}

a.thumbnail:active span, a.thumbnail:focus span {
visibility: visible; 
display:block;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50; 
cursor:pointer;
}

a.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}
a.thumbnail:active span img, a.thumbnail:focus span img {
visibility: visible;
display:block;
border: 1px #00FF00 solid;
padding: 0px; 
}



.thumbnail2 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnail2:active img{
border:none;
}

.thumbnail2:hover img{
border: none; 
cursor:pointer;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
margin:0px;
left: -100px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnail2:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 96px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 96px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


.thumbnail3 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnail3:active img{
border:none;
}

.thumbnail3:hover img{
border: none; 
cursor:pointer;
}

.thumbnail3:hover{
background-color: transparent;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
margin:0px;
left: -100px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnail3:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 192px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail3:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 192px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


.thumbnail4 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnail4:active img{
border:none;
}

.thumbnail4:hover img{
border: none; 
cursor:pointer;
}

.thumbnail4:hover{
background-color: transparent;
}

.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
margin:0px;
left: -100px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnail4:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 288px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail4:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 288px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail4 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


.thumbnail5 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnail5:active img{
border:none;
}

.thumbnail5:hover img{
border: none; 
cursor:pointer;
}

.thumbnail5:hover{
background-color: transparent;
}

.thumbnail5 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
margin:0px;
left: -100px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnail5:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 384px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail5:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 384px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail5 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}




.thumbnail6 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnail6:active img{
border:none;
}

.thumbnail6:hover img{
border: none; 
cursor:pointer;
}

.thumbnail6:hover{
background-color: transparent;
}

.thumbnail6 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
margin:0px;
left: -100px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnail6:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 306px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail6:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 306px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail6 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


.thumbnail7 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnail7:active img{
border:none;
}

.thumbnail7:hover img{
border: none; 
cursor:pointer;
}

.thumbnail7:hover{
background-color: transparent;
}

.thumbnail7 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
margin:0px;
left: -100px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnail7:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 358px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail7:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 358px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail7 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


.thumbnail8 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnail8:active img{
border:none;
}

.thumbnail8:hover img{
border: none; 
cursor:pointer;
}

.thumbnail8:hover{
background-color: transparent;
}

.thumbnail8 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
margin:0px;
left: -100px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnail8:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 472px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail8:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 472px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail8 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


.thumbnail9 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnail9:active img{
border:none;
}

.thumbnail9:hover img{
border: none; 
cursor:pointer;
}

.thumbnail9:hover{
background-color: transparent;
}

.thumbnail9 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
margin:0px;
left: -100px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnail9:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 509px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail9:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 509px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail9 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


.thumbnail10 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnail10:active img{
border: none;
}

.thumbnail10:hover img{
border: none; 
cursor:pointer;
}

.thumbnail10:hover{
background-color: transparent;
}

.thumbnail10 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
left: -100px;
margin:0px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnail10:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 620px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail10:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 620px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail10 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

/* for English */

.thumbnaile6 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnaile6:active img{
border:none;
}

.thumbnaile6:hover img{
border: none; 
cursor:pointer;
}

.thumbnaile6:hover{
background-color: transparent;
}

.thumbnaile6 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
margin:0px;
left: -100px;  
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnaile6:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 318px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnaile6:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 318px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnaile6 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


.thumbnaile7 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnaile7:active img{
border:none;
}

.thumbnaile7:hover img{
border: none; 
cursor:pointer;
}

.thumbnaile7:hover{
background-color: transparent;
}

.thumbnaile7 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
margin:0px;
left: -100px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnaile7:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 354px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnaile7:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 354px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnaile7 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


.thumbnaile8 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnaile8:active img{
border:none;
}

.thumbnaile8:hover img{
border: none; 
cursor:pointer;
}

.thumbnaile8:hover{
background-color: transparent;
}

.thumbnaile8 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
margin:0px;
left: -100px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnaile8:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 491px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnaile8:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 491px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnaile8 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


.thumbnaile9 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnaile9:active img{
border:none;
}

.thumbnaile9:hover img{
border: none; 
cursor:pointer;
}

.thumbnaile9:hover{
background-color: transparent;
}

.thumbnaile9 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
margin:0px;
left: -100px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnaile9:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 579px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnaile9:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 579px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnaile9 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


.thumbnaile10 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnaile10:active img{
border: none;
}

.thumbnaile10:hover img{
border: none; 
cursor:pointer;
}

.thumbnaile10:hover{
background-color: transparent;
}

.thumbnaile10 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
left: -100px;
margin:0px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnaile10:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 624px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnaile10:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 624px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnaile10 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


/* for Spanish */

.thumbnails6 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnails6:active img{
border:none;
}

.thumbnails6:hover img{
border: none; 
cursor:pointer;
}

.thumbnails6:hover{
background-color: transparent;
}

.thumbnails6 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
margin:0px;
left: -100px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnails6:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 126px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnails6:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 126px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnails6 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


.thumbnails7 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnails7:active img{
border:none;
}

.thumbnails7:hover img{
border: none; 
cursor:pointer;
}

.thumbnails7:hover{
background-color: transparent;
}

.thumbnails7 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
margin:0px;
left: -100px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnails7:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 277px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnails7:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 277px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnails7 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


.thumbnails8 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnails8:active img{
border:none;
}

.thumbnails8:hover img{
border: none; 
cursor:pointer;
}

.thumbnails8:hover{
background-color: transparent;
}

.thumbnails8 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
margin:0px;
left: -100px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnails8:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 473px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnails8:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 473px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnails8 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


.thumbnails9 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnails9:active img{
border:none;
}

.thumbnails9:hover img{
border: none; 
cursor:pointer;
}

.thumbnails9:hover{
background-color: transparent;
}

.thumbnails9 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
margin:0px;
left: -100px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnails9:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 512px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnails9:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 512px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnails9 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}


.thumbnails10 img{
border:none;
margin: 0 0px 0px 0;
}

.thumbnails10:active img{
border: none;
}

.thumbnails10:hover img{
border: none; 
cursor:pointer;
}

.thumbnails10:hover{
background-color: transparent;
}

.thumbnails10 span{ /*CSS for enlarged image*/
position: absolute;
background-color:none;
padding: 0px;
left: -100px;
margin:0px;
border:none;
visibility: hidden;
color:#FFFFFF;
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
}

.thumbnails10:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 590px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnails10:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 590px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnails10 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}















.a, .a:visited {color:#000;}
#container {position:relative; width:600px; height:700px; background:#888; border:1px solid #000; margin:10px auto;}
#container b {font-weight:normal; width:600px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:none; width:75px; height:67px; float:left; margin:0px 4px; position:relative; cursor:default;}

a.slidea {background:url(../data/small1.gif);}
a.slideb {background:url(../data/small2.gif);}
a.slidec {background:url(../data/small3.gif);}
a.slided {background:url(../data/small4.gif);}
a.slidee {background:url(../data/small5.gif);}
a.slidef {background:url(../data/small6.gif);}
a.slideg {background:url(../data/small7.gif);}
a.slideh {background:url(../data/small8.gif);}
a.slidei {background:url(../data/small9.gif);}
a.slidej {background:url(../data/small10.gif);}

a.gallery span {visibility:hidden; display:block; position:absolute; width:89px; height:88px; top:100px; left:0px; color:#000; background:none; text-align:center; border:none; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:pointer;}

a.slidea span {left:0px; top:2px;}
a.slideb span {left:0px; top:2px;}
a.slidec span {left:0px; top:2px;}
a.slided span {left:0px; top:2px;}
a.slidee span {left:0px; top:2px;}
a.slidef span {left:0px; top:2px;}
a.slideg span {left:0px; top:2px;}
a.slideh span {left:0px; top:2px;}
a.slidei span {left:0px; top:2px;}
a.slidej span {left:0px; top:2px;}

a.gallery:hover {white-space:normal; border:none; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:0px; border:none; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:none; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:0px; z-index:10;}