/* this is the thuimbnail section for the ewrs et site  */


.transparent {
	float: right;
	z-index:5000;

}
	
.vignette{
position: relative;
z-index: 0;
}

.vignette:hover{
background-color: transparent;
z-index: 50;
}

.vignette span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.vignette:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute;
/*display: block;*/
top: -300px;
left:-700px; /*position where enlarged image should offset horizontally */

}

.vignette1{
position: relative;
z-index: 0;
}

/*
.vignette1:hover{
background-color: transparent;
z-index: 50;
}
*/

.vignette1 span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #CF9;
	padding: 5px;
	left: -100px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}


.vignette1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute;
/*display: block;*/
top: -175px;
left:-50px; /*position where enlarged image should offset horizontally */

}

	
.vignette2{
position: relative;
z-index: 0;
}

.vignette2:hover{
background-color: transparent;
z-index: 50;
}

.vignette2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.vignette2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute;
/*display: block;*/
top: -200px;
left:-700px; /*position where enlarged image should offset horizontally */

}