@media screen {

	#slideshowContainer {
		max-width: 950px;
		background: rgba(255, 255, 255, 0.8);
		margin: 0 auto;		
		padding: 15px 0px 55px;
		position: relative;
	}
	
	#bodyHome #slideshowContainer {
		padding-bottom: 75px;
	}
	
	/* Welcome Message */
	
	#welcome {
	  position: absolute;
	  width: 330px;
	  right: 0;
	  padding-right: 35px;
	}
	
	#welcome h2 {
		font-size: 2.5em;
	  margin: 20px 0 5px;
	}
	
	#banner-bg {
		background: url('/images/slideshow/banner-bg.png') no-repeat;
		background-size: contain;
		/*padding: 20px 0;*/
		padding: 1.8% 0;
		margin-right: 368px;
	}
	
	.slideshow {
		background: transparent url('/images/slideshow/default-postcard.png') center top no-repeat;
	}
	
	.gallery {
		max-width: 509px;
		position: relative;
		overflow: hidden;
		border: 3px solid #fff;
	  /*left: 36px;*/
	  left: 6.2%;
	  margin-right: 67px;
	}
	.gallery .holder {
		width: 100%;
		position: relative;
		overflow: hidden;
		height: 0;
		padding: 59.727% 0 0 0;
		background-size: contain;
	}
	.gallery .holder ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.gallery .holder ul li {
		float: left;
	}
	
	/* fade */
	.gallery-fade { 
		max-width: 509px;
	}
	.gallery-fade .holder ul {
		max-width: 509px;
		padding: 59.727% 0 0 0;
	}
	.gallery-fade .holder ul li {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		padding: 59.727% 0 0 0;
		background-size: cover !important;
	}
	
	
	.imageSummary {
		color: #fff;
		font-family: 'museo-sans-100', tahoma, arial, sans-serif;
		font-size: 1.2em;
		position: absolute;
		bottom: 0;
		left: 0;
	    right: 0;
	    padding: 6px 70px 6px 6px;
		background: rgba(0, 0, 0,.7);
	}
	
	.imageSummary img {
		margin-left: 8px;
		border: 0;
		position: relative;
		top: 2px;
	}
	
	.paging {
		position: absolute;
		bottom: 11px;
		right: 0;
		margin: 0 8px 0 0;
		padding: 0;
		z-index: 6400;
	}
	.paging ul {
		margin: 0;
		padding: 0;
	}
	.paging li {
		padding: 0 0 0 5px;
		float: left;
		list-style: none;
	}
	.paging li a {
		width: 10px;
		height: 10px;
		display: block;
		background-color: #e5e2d9;
		text-align: center;
		text-decoration: none;
		color: #fff;
		text-indent: 400px;
		overflow: hidden;
	}
	.paging li a.active {
		background-color: #9e0b0f;
	}
	.next,
	.prev {
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -30px;
		width: 42px;
		height: 55px;
		background: url('/images/slideshow/slide-next.png') no-repeat;
		z-index: 20;
		overflow: hidden;
		text-indent: -9999px;
		outline: none;
		cursor: pointer;
	}
	.next-disable { 
		opacity:0.7;
		filter:alpha(opacity=70); /* For IE8 and earlier */
	}
	.prev {
		background: url('/images/slideshow/slide-prev.png') no-repeat;
		right: auto;
		left: 0;
	}
	.prev-disable { 
		opacity:0.7;
		filter:alpha(opacity=70); /* For IE8 and earlier */
	}
	.stop,
	.start {
		background: url(../images/btn-pause.png) no-repeat;
		overflow: hidden;
		text-indent: -9999px;
		width: 30px;
		height: 30px;
		float: left;
		margin: 0 0 0 10px;
		outline: none;
		cursor: pointer;
	}
	.stopped .start { background: url(../images/btn-play.png) no-repeat; }
	.start,
	.no-active .start {
		margin: 0;
		background: url(../images/btn-play-disable.png) no-repeat;
	}
	.stopped .stop { background: url(../images/btn-pause-disable.png) no-repeat; }
	.control {
		display: none;
		font-size: 18px;
		line-height: 21px;
		padding: 0;
	}

}






/********************************************************************************
* Portrait Tablets
********************************************************************************/
@media screen and (max-width: 820px) {

	body {
		-webkit-text-size-adjust:none;
	}

	/* Header
	*************************************************************/
	#slideshowContainer {
		padding: 15px 20px 55px;
	}
	
	#bodyHome #slideshowContainer {
		padding-bottom: 75px;
	}
	
	#welcome {
	  position: static; 
	  width: auto; 
	}
	
	#banner-bg {
		background-position: center;
		padding: 2.5% 0;
		margin: 0;
	}
	
	.gallery {
		left: 0;
	  margin: 0 auto;
	}	
	
	.gallery-fade { 
		max-width: 650px;
	}
	
}