/* //////////////////////// /////////////////////////////// */
#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:0; left:0; padding:0; /* max-width:1800px;  border:2px solid rgba(191, 211, 223, 0.2); */ margin:0 0 2px 0; height:550px; box-shadow: 0px 2px grey;} 
#photolistholder {position:relative; left:0; top:0; margin:0; padding:0;}
	#photolistholder .photo {
		-webkit-transform: translate3d(0, 0, 0);
		position:absolute;
		display:none;
		top:0;
		width:100%;
		height:550px;
		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}

#dotholder {position:absolute; z-index:100; left: 48%; top:650px; 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;}

#partyholder {position:absolute; z-index:100; left: 45%; top:550px; text-align:center; background:#5574a6; color:#ffffff; border-width: 3px; border-color: #ffffff; border-style:solid; padding: 10px; font-size: 20px; opacity: 0.9;}
#partyholder a {text-decoration:none; color: #ffffff;}
#partyholder a:hover {text-decoration:underline;}

#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;}

#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;
}


/* PHONES ///////////////////////////////////////////////////////////////////////// */
@media (max-width:800px)
{
	#photos {height:300px;}
	#photolistholder .photo {height:300px;}
	#bannertextholder {margin-top:-40px;}
	#bannerradiuslt, #bannerradiusrt {top:284px;}
	#bannerbottomgradient {height:70px;}
}


@media (max-width:640px)
{
	#photos {height:200px;}
	#photolistholder .photo {height:200px;}
	#bannertextholder {margin-top:-40px;}
	#bannerradiuslt, #bannerradiusrt {top:184px;}
	#bannerbottomgradient {height:70px;}
}