body {font-family: 'Trebuchet MS',Arial, sans-serif;}

.gray {
	color:#666666;
	font-style: italic;
}
#spnWarning {
	display:none;
	color:#ff0000;
}

#divContent {
	width:100%;
	position:relative;

}

#divPhotoDisplay {
	width:90%;
	height:470px;
	overflow:hidden;
	position:relative;
	white-space: nowrap;
	left:10px;
}

#divPhotoWrap {
	width:auto;
	height:400px;
	overflow: hidden;
	white-space: nowrap;
	position:absolute;
	left:20px;
	top:50px;
}

.divPhotoFrame {
	max-width:400px;
	max-height:400px;
	margin: 0 10px;
	position: relative;
	display: inline-block;
}

.divPhotoFrame img {
	width:100%;
	opacity: 0;
}

.divPhotoFrame img.displayed {
	opacity: 1;
	transition: opacity 1s;
	-moz-transition: opacity 1s; /* Firefox 4 */
	-webkit-transition: opacity 1s; /* Safari and Chrome */
	-o-transition: opacity 1s; /* Opera */
}

.arrow {
	width:41px;
	position: relative;
	top:220px;
	height:27px;
	display:inline-block;
	background-image: url('../images/arrow-sprite.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 10;
}

.right {
	background-position: -52px -10px;
	float:right;
}

.left {
	background-position: -2px -10px;
	float:left;
}

.displayNone {
	display:none;
}

@media only screen and (max-width:650px){
	.arrow {display: none;}
	#divPhotoDisplay {
	left:0px;
	width:100%;}
	#divPhotoWrap {width:auto;
	left:0px;
	top:20px;}
}