/* //////////////////////// /////////////////////////////// */
#nobanner {display:none;}
#photopreloader {position:absolute; text-align:center; z-index:120; font-size:14px; color:#fff; background:rgba(0,0,0,0.6); border-radius:5px; width:72px; padding:10px 0; top:50%; margin-left:-36px; margin-top:-30px; left:50%; display:none;}
#photos {position:relative; background:#fff; z-index:0; top:50px; left:0; padding:0; margin:0px; height:90vh; border-radius:0px;} 
#photolistholder {position:relative; left:0; top:0px; margin:0; padding:0;}
	#photolistholder .photo {
		-webkit-transform: translate3d(0, 0, 0);
		position:absolute;
		display:none;
		top:0;
		width:100%;
		height:90vh;
		border-radius:0px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-repeat:no-repeat;
		background-position:center center;
	}	
#photolistholder .photo img {display:none}
#page-1 #photolistholder {
	-webkit-background-size: cover;
	background-image: url(/vimages/bannerswoop.png);
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
#dotholder {position:absolute; z-index:100; right:5px; top:50px; text-align:center;}
	.photodot {position:relative; display:inline-block; z-index:201; margin-left:8px; background:rgba(255,255, 255, 1); border:2px solid #fff; border-radius:50%; opacity:.4; filter: alpha(opacity=40); cursor:pointer;  width:12px; height:12px;}
	.photodot:hover {transition: opacity 500ms; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; -webkit-transition: opacity 500ms; opacity:1; filter: alpha(opacity=100);}
	.photodotinit, .photodotinit:hover {position:relative; display:inline-block;  margin-left:8px; opacity:1; background:rgba(20,112,111, 1); border:2px solid #fff; border-radius:50%; filter: alpha(opacity=100); width:12px; height:12px;}

#bannerradiuslt {position:absolute; z-index:201; left:0; top:435px; width:14px; height:16px; background:url(/banner/images/banner_radius_lt.png) no-repeat;}
#bannerradiusrt {position:absolute; z-index:201; right:0; top:435px; width:14px; height:16px; background:url(/banner/images/banner_radius_rt.png) no-repeat;}
#bannertopgradient {
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 100%;
	height: 100px;
	position: absolute;
	z-index: 200;
	display: block;
}
#bannerbottomgradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	width:100%; height:100px;
	position:absolute; bottom:0;
	z-index:200;
	display:block;
}
@media (max-width:1080px) {

	#photolistholder .photo {
		/*background-position: left;*/
	}
}
/* PHONES ///////////////////////////////////////////////////////////////////////// */
@media (max-width:800px)
{
	#photos {height:75vh;top:0;}
	#photolistholder .photo {height:75vh;}
	
	#bannerradiuslt, #bannerradiusrt {top:284px;}
	#bannerbottomgradient {height:70px;}
	
}


@media (max-width:640px) {
	#bannertextholder {
		margin-top: -40px;
	}

	#bannerradiuslt, #bannerradiusrt {
		top: 184px;
	}

	#bannerbottomgradient {
		height: 70px;
	}

	
}