/*
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: 5px;

}
.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:none;
}

/*
.Collage img:hover{

    This is where you set the border you want for the image
    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;

    
}