/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* modified by Robert Whiting */


.miniGallery{
	float: left;
	position: relative;
	background: black;
	height: 400px;
	width: 420px;
}

.miniGallery table td{
	text-align: center;
	width: 100px;
	height: 75px;
}

.miniGallery table{
	float:left;
	display:inline;
	margin-top:300px;
}

.thumbnail img{
	border: none;
/*	border: 1px solid white;*/
	/*for most browsers*/
	max-width: 160px;
	/*max-height: 120px;*/
	/* for IE */
	width: expression(this.width > this.height ? 160 : true); 
	height: expression(this.height > this.width ? 120 : true);
}

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

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	/*for most browsers*/
	max-width: 400px;
	max-height: 300px;
	/* for IE */
	width: expression(this.width > 400 ? 400 : true); 
	height: expression(this.height > 300 ? 300 : true);
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	background:none;
	z-index: 50;
}

.miniGallery{
	width:400px;
	height:375px;
	position:relative;
	background:#e1e1e1 url('./images/bg-preview.jpg') no-repeat 50% 40%;
}	

.miniGallery a:hover span{
	position:absolute;
	width:400px;
	height:300px;
	float:left;
	top:0;
	left:0;
	display:block;
}