
/***************  templates/main/css/template.gallery.css  ***************/
body{
	width:100%;
	height:100%;
}

div#header{
	z-index:4;
}
div#gallery-holder{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
}

div#gallery-holder:-webkit-full-screen {
	width: 100%;
	height: 100%;
}

div#gallery-slideshow{
	position:fixed;_position:absolute;
	top:76px;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}

div#gallery-slideshow-controls{
	top:50% !important;
}
	div#gallery-thumb-controls{
		background:url(/templates/main/images/gallery-thumb-bg.png) repeat-x 0 0;
		width:100%;
		height:110px;
		padding:28px 0px 0px;
		position:fixed;_position:absolute;
		bottom:61px;
		left:0;
		z-index:3;
		overflow:hidden;
	}
	div#gallery-slideshow .load-item{
		z-index:10;
	}
	
		div#thumb-wrapper{
			margin:0 10px;
			overflow:hidden;
			float:left;_display:inline;
		}
		ul#thumb-list{
			list-style-type:none;
			margin:0;
			padding:0;
			zoom:1;
		}
		ul#thumb-list li{
			float:left;_display:inline;
			margin-right:10px;
			cursor:pointer;
		}
		
div#controls{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:28px;
	padding:8px 0 0;
}

div#slidecounter,
div#slidecaption{
	line-height:1.2;
	padding:0 15px;
}
div#slidecounter{
	width:50px;
	margin:0;
}

div#slidecounter,
div#slidecaption{
	background:url(/templates/main/images/gallery-caption-separator.png) no-repeat right top;
}

div#slidecaption,
div#controls a.slidedownload{
	float:left;_display:inline;
}

a#tray-button{
	position:absolute;
	top:8px;
	right:15px;
	width:13px;
	height:13px;
	display:block;
	background:url(/templates/main/images/tray-button.png) no-repeat left top;
	float:none;
	border:none;
	margin:0;
}

a#tray-button.thumbs{
	background-position:left bottom;
}

a#fullscreen-button{
	display:block;
	width:12px;
	height:13px;
	position:absolute;
	right:45px;
	top:8px;
	background:url(/templates/main/images/fullscreen-bg.png) no-repeat left top;
}

.fullScreen #supersized{
	top:0 !important;
}

.fullScreen #supersized li,
.fullScreen #gallery-thumb-controls{
	bottom:0;
}

.fullScreen #header,
.fullScreen #footer{
	display:none;
}
div#controls a.slidedownload{
	color: #FFFFFF;
	font-family: 'brandon_grotesque_regularRg',Verdana,Geneva,sans-serif;
	font-size: 0.7em;
	padding: 0 0 0 18px;
	text-transform: uppercase;	
	
	margin:0;	
	padding-right:12px;
	background:url(/templates/main/images/black/download-bg.png) no-repeat right 2px;
	line-height:1.2;
}

div#controls a.slidedownload:hover{
	color:#e1e1e1;
	
	background-position: right -14px;
}

#thumb-tray .thumb0 a{
	display:block;
}
#thumb-tray .thumb0 img{
	position:relative;
	z-index:1;
}
#thumb-tray .thumb0 .vid-bg{
	position:absolute;
	top:0;
	left:0;
	display:block;
	background:url(/templates/main/images/video-bg.png) no-repeat 62px 33px;
	width:148px;
	height:102px;
	z-index:2;
}

@media only screen and (min-width: 680px) {
	#prevslide{
		left:20px !important;
	}
}

