/***************  templates/main/css/template.gallery.css  ***************/
body{
	border: none;
	background: #fff;
}
	div#holder{
		width: 100%;
		padding: 0;
	}
		div#main-content{
			position: fixed; _position: absolute;
			left: 10px;
			bottom: 0;
			width: 100%;
			height: 145px;
			padding: 8px 0;
			background: url(/templates/main/images/transparent-overlay.png) repeat 0 0;
			z-index: 100;
		}
			#main-content-wrapper{
				position: relative;
				top: 0;
				width: 100%;
				height: 89px;
				/* padding: 0 40px; */
				margin: 0 auto
			}
			#main-content-wrapper h2{
				margin: 0 0 8px;
			}
				.slideshow-thumbs-wrapper{
					position: relative;
					bottom: 0;
					left: 0;
					width: 100%;
					height: 90px;
					z-index: 100;
				}
					.thumbs{
						margin: 0;
						padding: 0;
					}
						.imageThumb{
							float: left; _display: inline;
							width: 120px;
							height: 90px;
							margin: 0 20px 0 0;
							list-style-type: none;
						}
			.slideshow{ /** This is used when java-script is disabled */
				position: fixed;
				top: 0;
				left: 0;
			}
				
	div#large-image{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: #ccc;
	}
		.imagecontainer{
			width: 100% !important;
			height: auto !important;
		}
			.slideshow img{
				width: 100%;
				height: auto;
			} 
			
	.close-button{
		position: absolute;
		top: 20px;
		right: 20px;
		width: 34px;
		height: 34px;
		background: url(/templates/main/images/bg-sprite.png) no-repeat 0 -890px;
		z-index: 250;
		cursor: pointer;
	}
	.top-border, .bottom-border{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 10px;
		background: #fff;
		z-index: 100;
	}
	.bottom-border{
		top: auto;
		bottom: 0;
	}
	.left-border, .right-border{
		position: fixed;
		left: 0;
		top: 0;
		width: 10px;
		height: 100%;
		background: #fff;
		z-index: 100;
	}
	.right-border{
		left: auto;
		right: 0;
	}