body {
	_behavior: url("../ie/csshover3.htc"); /* For IE6 only, it enables hover on non anchor tags */
}


.zoom img {
	/* CSS3 transitions to resize the image and set a glow,
	   the "scale" is the ratio to resize the image, the box shadow
	   is the glow effect and the duration the timing of the effect
	   on mouse hover */
	-webkit-transform:scale(0.9);
	-webkit-box-shadow:0px 0px 20px #000000;
	-webkit-transition-duration: 0.5s;
	-moz-transform:scale(0.9);
	-moz-box-shadow:0px 0px 20px #000000;
	-moz-transition-duration: 0.5s;
	-o-transform:scale(0.9);
	-o-transition-duration: 0.5s;
	box-shadow:0px 0px 20px #000000;
}
.zoom img:hover{
	
	/* On pouse hover, the scale mkes the image grow
	   and the box shadow makes the glow lighter with the #666666 color */
	-webkit-box-shadow:0px 0px 30px #666666;
	-webkit-transform:scale(1);
	-moz-box-shadow:0px 0px 30px #666666;
	-moz-transform:scale(1);
	-o-transform:scale(1);
	box-shadow:0px 0px 30px #666666;
}



/*  _______________________________________

	3.a, 3.b OVERLAYS
    _______________________________________  */
ul.commission{margin:5px 0 0 0; padding:0; list-style:none;}


.overlay {
	position: relative; 
	display: inline-block;
	
}                    
	.overlay img {
		display: block;
		margin-bottom:10px;
		
		
	}  
.overlay .description {
	position: absolute;
	left:0px; 
	width:196px;
	
	/* Setting a zero opacity so we have a nice fading effect on mouse hover */
	filter: alpha(opacity=0);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	/* Semi-transparent background for modern browsers, black for older browsers */
	background:#000000;
	background: rgba(0,0,0,0.8);
	/* CSS3 transition, makes the fading effect */ 
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}
	.description p {
		/* Text styling */
		padding:5px;
		color:#ffffff;
		margin:0;
		
	}
.overlay:hover .description {
	/* Setting a 100% opacity on mouse hover */
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.description p, .description p a {color:#ffffff; text-decoration:none; text-align:center; font-size:15px; line-height:20px; letter-spacing:normal;}

.description p a:hover{color:#ffffff; text-decoration:underline;}
/* Aligning to the bottom of the image */
.bottom {
	bottom: 0px;
}
/* Aligning to the top of the image */
.top {
	top: 0px;
}