/* //////////////////////// /////////////////////////////// */
#photopreloader {position:absolute; text-align:center; z-index:120; color:#fff; background:rgba(0,0,0,0.6); border-radius:5px; width:72px; padding:10px 0; top:300px; left:50%; margin-left:-36px; display:none;}
#photos {position:relative; background:#ddd; z-index:0; top:0; left:0; padding:0; height:540px;} 
#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:540px;
		-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; 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;}

#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.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	width:100%; height:200px;
	position:absolute; bottom:0;
	z-index:200;
}

/* PHONES ///////////////////////////////////////////////////////////////////////// */
@media (max-width:586px)
{
	#photos {height:370px;}
	#photolistholder .photo {height:350px;}

	/*#photo1{display:none !important;}*/
	
	/* Home Page */
	#page-1 #dotholder {top:105px; text-align:right; right:5px; width:50%; left:auto; margin-left:auto;}
	#page-1 #photos {height:500px;}
	#page-1 #photolistholder .photo {height:480px;}
}