html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td, div {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height: 1; font-family:Arial;color:white;}
ol,ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content: none;}
:focus {outline: 0;}
ins, a {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
li { margin-bottom:10px; }

.hidden { display:none; }

#logo { margin:8px 0; }
#logo { display:block; font-size:24px;}
#logo a { display:block; }

.gallery #wrap { max-width:1000px;}
#wrap { margin:0 auto; max-width:340px; min-height:416px; position:relative; }
#wrap .inner { margin:0 auto; max-width:324px;padding:8px; position:relative; }
.gallery #wrap .inner { max-width:990px;}

.navigation li { clear:both;margin-bottom:1px; }
.navigation li li { margin: 1px 0 0 0;}
.navigation, .navigation { margin: 1px 0 }
.navigation a span, .navigation a span {background:black;color:white;display:block;font-size:14px;padding:10px;}
.navigation ul ul { display:none; }

#content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background:#000;
	font-size:12px;
	line-height:17px;
	margin:0;
	min-height:416px;
	padding:10px;
	height:100%;
}
#ajax { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:100%;
}
p { margin: 5px 0 10px 0 }

#photos { margin-top:36px; min-height:100%; padding:0 0 5px 0; position:absolute; z-index:100; }
#photos .photo {
	cursor:pointer;
	float:left;
	height:25%;
	margin:3px;
	position:relative;
	width:25%;
}
#photos label { font-size:12px; position:absolute; bottom:0; left:0; padding:5px; background:#000; color:white; width:270px;}
#photos .photo img {
	display:block;
	height:100%;
	width:100%;
}

label { display:block; color:white; padding:3px 3px 3px 0; font-size:13px; }
input.text, textarea { border:1px solid #444; color:#999; display:block; font-size:13px; font-family:Arial;margin:3px 0; width:98%; background:#111; padding:3px; }
textarea { height:120px; }
input.submit { border:0; background:url(../images/send.png) no-repeat; display:inline-block; text-indent: -9999px; width:69px; height:28px; text-transform: capitalize; cursor:pointer; margin-top:3px; }

p.thanks {font-family:Arial;text-align:center;}
p.thanks strong {margin-top:20px;display:block;font-size:20px;font-weight:normal;padding-bottom: 4px;}

.flash-text p { margin:0; min-height: 13px; }

.photo-box {
	display:block;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
}
.photo-slide {
	bottom: 0;
    height: auto;
    left: 0;
    opacity:0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.home-slideshow { width:100%; height:255px; }
.gallery-container { position:relative; height:100%; }

#single-photo img { display:block; width:100%; height:auto; }

.film,
.home-overlay { height:100%; left:0; position:absolute; top:0; width:100%; z-index:98; }

.gallery-title { background:rgba(0,0,0,0.6); position:fixed;top:0; height:36px; left:0; width:100%; z-index:101; }
.gallery-title .title { color:#fff; text-align:left; font-weight:bold; padding-left:64px; font-size:18px;}
.gallery-title-block { height:36px;}
.thumbs { display:none; }

.caption { 
	background:rgba(0,0,0,0.6);
	bottom:0;
	position:fixed;
	height:36px;
	font-size:14px;
	left:0;
	line-height:36px;
	width:100%;
	z-index:101;
}
#wrap .caption .inner {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0 8px;
}

.close, .back, .share {
	background:url(../images/home.png) no-repeat center center;
	color:#FFF;
	cursor:pointer;
	display:none;
	height:30px;
	left:5px;
	padding:0;
	position:absolute;
	text-indent:-9999px;
	top:3px;
	width:30px;
	z-index:1000;
}
.back, .share { display:block; }
.close {
	background:url(../images/thumbnail-grid.png) no-repeat top right;
	left:auto;
	right:10px; 
	top:8px;
}
.share { background-image: url('../images/share.png'); left:40px;}


.video { background:rgba(0,0,0,0.1); color:#fff; display:block; margin-bottom:5px; padding:5px 0 5px 5px; overflow:hidden;  }
.video:last-child { margin-bottom:0; }
.video .thumb { float:left; margin-right:5px; width:60px; }
.video img { display:block;}
.video .info { float:left; width:225px; }
.video h4 { font-size:18px; padding-top:5px; height:35px; white-space:nowrap; }
.video small { font-size:8px; }
.video .clear { clear:both; }


@media all and (-webkit-min-device-pixel-ratio : 1.5) {
    .back {
    	background-image: url('../images/home@2x.png');
    	background-size: 20px 20px;
    }
    .share {
    	background-image: url('../images/share@2x.png');
    	background-size: 20px 20px;
    }
}

.navigation-overlay, .share-overlay { -webkit-text-size-adjust: none; display:none; position:absolute; left:0; top:0; z-index:99; width:100%; }
.navigation-overlay-text { margin-top:36px; }