@charset "UTF-8";
#slideshow {
	width: 95%;
	height: 100%;
	min-height: 390px;
}


.Centered
{
    display: inline-block;
    vertical-align: middle;
	text-align: center; /*handles the horizontal centering*/

}

/*This css rule makes the position of the div fixed, as whereas, a the fading in new div will make the previous move down/left instead overlaping it.*/

#slideshow .slideshow_div {
	position: absolute;
	height: inherit;
	width: inherit;
}

/*
@media screen and (max-width: 600px) {
	#slideshow .slideshow_div {
		height: inherit;
		width: inherit;
		margin-top: 50%;
	}
  }
*/


#slideshow img {
	width: 99%;

	
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	box-shadow: 0 7px 8px rgba(0,0,0,0.2);

}


@media only screen and (min-width : 768px) {
	#slideshow img {
		max-height: 330px;
		max-width: 495px;
	}
}


#imageSlides{
	height: 280px;
	vertical-align: middle;
}