#carouselwrapper {
	width: 100%;
	margin: 0;
	overflow: hidden;
	clear: both;
	}

	.carouselslide {
		width: 256px;
		height: 373px;
		float: left;
		position: relative;
		margin: 0 3px 0 0;
		-webkit-transition: width .5s ease;
		-moz-transition: width .5s ease;
		transition: width .5s ease;
		overflow: hidden;
		}
			
			#carousel div img {
				border: none;
				height: 379px;
				margin: 0 0 0 -118px;
				-webkit-transition: margin .5s ease;
				-moz-transition: margin .5s ease;
				transition: margin .5s ease;
				}
			
			#carousel div:hover {
				width: 485px;
				-webkit-transition: width .5s ease;
				-moz-transition: width .5s ease;
				transition: width margin .5s ease;
				}
		
			#carousel div:hover img {
				margin: 0;
				-webkit-transition: margin .5s ease;
				-moz-transition: margin .5s ease;
				transition: margin .5s ease;
				}
			
			.slideoverlay {
				display: block;
				position: absolute;
				top: 379px;
				bottom: 0;
				left: 0;
				width: 485px;
				background-color: rgba(0,0,0,0.7);
				overflow: hidden;
				text-decoration: none;
				color: #FFFFFF;
				padding: 0;
				-webkit-transition: top .5s ease;
				-moz-transition: top .5s ease;
				transition: top .5s ease;
				}
				
			#carousel div:hover .slideoverlay {
				display: block;
				top: 310px;
				-webkit-transition: top .5s ease;
				-moz-transition: top .5s ease;
				transition: top .5s ease;
				}
				
				.slideoverlay h3 {
					display: block;
					position: relative;
					clear: both;
					float: none;
					text-align: center;
					font-weight: bold;
					color: #cfb080;
					text-transform: uppercase;
					font-size: 14px;
					line-height: 14px;
					margin: 5px auto 0 auto;
					padding: 0;
					}
					
				.slideoverlay p {
					display: block;
					position: relative;
					clear: both;
					text-align: justify;
					font-size: 11px;
					line-height: auto;
					margin: 2px 3px 0 3px;
					}
					
				.readmore {
					display: block;
					position: relative;
					clear: both;
					text-align: center;
					font-size: 12px;
					line-height: auto;
					margin: 2px auto 0 auto;
					padding: 0 0 0 3px;
					color: #cfb080;
					}
					
					.readmore:hover {
						text-decoration: underline;
						}