/*
This CSS is really just for this demo page
But take a look at the comments to see how I set padding
and borders on the images
*/

.Collage{
	/*This is where you set the padding you want between the images*/
	padding: 8px;

}
.Collage img{
    margin:0;
    padding:0;
    display:inline-block;
    vertical-align:bottom;
    opacity:1;
		-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

    /*This is where you set the border you want for the image*/
border:3px solid #fff;
}

.Collage img:hover{

/* border:3px solid #87a633;*/
	opacity:0.7;
}


/* In this example, this is the main item being resized */
.Image_Wrapper{
    /* to get the fade in effect, set opacity to 0 on the first element within the gallery area */
    opacity:0;

    
}