/* CSS Document */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
font-size:80%;
z-index: 2;
}

.thumbnail:hover{
background-color: black;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:lightblue;
padding:00px ;
left: -400px;
border:2px inset #100065;
visibility: hidden;
color: black;
font-size:80%;
font:Arial, Helvetica, sans-serif;
text-decoration: none;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 1;
padding-bottom:0px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:150px;
left:210px; /*position where enlarged image should offset horizontally */
margin-top:-390px;
width:200px

}

.thumbnail1{
position: relative;
font-size:80%;
z-index: 2;
}



.thumbnailone span{ /*CSS for enlarged image*/
position: absolute;
/*background-color:lightblue;*/
padding:00px ;
left: -1000px;
border:2px solid #000066 ;
visibility: hidden;
/*color: black;*/
font-size:80%;
font:Arial, Helvetica, sans-serif;
text-decoration: none;

}

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

}

.thumbnailone:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position:absolute;
top:200px;
left:780px; /*position where enlarged image should offset horizontally */
margin-top:330px;


}
.thumbnailone:hover{
background-color: black;
z-index: 50;
}

.thumbnailtwo span{ /*CSS for enlarged image*/
position: absolute;
/*background-color:lightblue;*/
padding:00px ;
left: -1000px;
border: 2px solid #000066;
visibility: hidden;
color:  black;
font-size:80%;
font:Arial, Helvetica, sans-serif;
text-decoration: none;

}

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

}

.thumbnailtwo:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:200px;
left:780px; /*position where enlarged image should offset horizontally */
margin-top:330px;


}
.thumbnailtwo:hover{
background-color: black;
z-index: 50;
}

.thumbnail2{
position: relative;
font-size:80%;
z-index: 2;
}

.thumbnail2:hover{
background-color: black;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color:lightblue;
padding:00px ;
left: -400px;
border: 2px inset #000066;
visibility: hidden;
color: black;
font-size:80%;
font:Arial, Helvetica, sans-serif;
text-decoration: none;

}

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

}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:50px;
left:210px; /*position where enlarged image should offset horizontally */
margin-top:-150px;
width:220px

}



.thumbnailFF{
position: relative;
font-size:80%;
z-index: 2;
}

.thumbnailFF:hover{
background-color: black;
z-index: 50;
}

.thumbnailFF span{ /*CSS for enlarged image*/
position: absolute;
background-color:lightblue;
padding:00px ;
left: -400px;
border: 2px inset #000066;
visibility: hidden;
color: black;
font-size:80%;
font:Arial, Helvetica, sans-serif;
text-decoration: none;

}

.thumbnailFF span img{ /*CSS for enlarged image*/
border-width: 1;
padding-bottom:0px;

}

.thumbnailFF:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:50px;
left:210px; /*position where enlarged image should offset horizontally */
margin-top:-65px;
width:170px;
padding:0px

}