@charset "utf-8";
/* CSS Document */

body{
	background-color: #444444; background-image: url('../images/gray-back.jpg'); background-repeat: repeat; background-position: top left; background-attachment: scroll;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:none;
}
a, a:visited{
	text-decoration:none;
	color: #cccccc;
}

a img{
	text-decoration: none;
	border: none;
	outline:none;
}
.clear{
	clear:both;
	height:0px;
}
#wrapper{
	margin: 0 auto;
	width:90%;
	max-width: 1100px;
	min-width:900px;
}
#nav{
	width: 100%;
	margin: 0 auto;
	text-align:center;
	margin-top:50px;
}
#nav ul li{
	display:inline;
	list-style-type:none;
	margin-right: 60px;
	color:#cccccc;
	font-size: .85em;
}
#stage{
	
	float:left;
	width:100%;
	background:#000000;
	border-radius: 8px;
}
#logo-box{
	
	float:left;
	width:25%;
	height:auto;
	background: #000000;
	border-top-left-radius:8px;
	}
#logo-box img{
	margin-top: 200px;
	margin-left: 15%;
	width:70%;
}
#logo-box img.fb{
	margin-left: 40%;
	width:20%;
	margin-top: 80px;
}
#picture-box{
	
	float:left;
	background:#111111;
	width:75%;
	height:auto;
	overflow:hidden;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	
}
#picture-box p{
	color: #eeeeee;
	margin: 30px 60px 30px 30px;
	line-height: 1.5em;
}
#picture-box img{
	height:550px;
	max-width:90%;
	min-height: 550px;
	display:block;
	margin: 0 auto;
}
#text-box{
	
	float:left;
	background:#111111;
	width:75%;
	height:auto;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
#text-box p{
	color: #eeeeee;
	margin: 30px 60px 30px 30px;
	line-height: 1.5em;
}
.about {
	display:block;
	margin: 0 auto;
	width:100%;
	border-top-right-radius: 8px;
}
.page-header{
	width: 100%;
	background:#000000;
	margin-top:0px;
	padding:20px 0px 20px 0px;
	border-top-right-radius: 8px;
	color: #eeeeee;
}
.page-header h1 {
	margin:0px 0px 0px 30px;
	font-family: 'Droid Serif', serif;
	font-weight: normal;
}
.overview-thumb {
	float:left;
	width: 41%;
	margin-left:6%;
	margin-bottom: 20px;
	color: #ffffff;
}
.overview-thumb h4{
	font-family: 'Droid Serif';
	font-weight: normal;
	
}
div.overview-thumb:last-child {
	margin-bottom: 60px;
}
.overview-thumb a img {
	width: 100%;
	display:block;
	outline:none;
	border-radius:4px;
}
#footer{
	font-size: .65em;
	text-align:right;
	color: #cccccc;
}
/*gallery*/
#gallery_container{ width: 100%; clear: both; }
#gallery_body{ width: 100%; clear: both; }
#gallery{ width: 100%; height: 375px; padding: 15px 0px 0px 0px;}
#slideshow{ width: 100%; height: 375px;}

div.content{ display: none; }

.home .controls, .home .thumbs, .home #thumbs{ height: 0; display: none; }
.home #gallery, .home #slideshow,
.home div.slideshow-container,
.home div.loader,
.home div.slideshow a.advance-link{ width: 100%; }

div.content a, div.navigation a{ text-decoration: none; }
div.content a:hover, div.content a:active{ text-decoration: underline; }

div.navigation a.pageLink{ height: 77px; line-height: 77px; }

div.controls{ margin-top: 9px; clear: both; width: 200px; }
div.controls a{ outline: none; float: left; background-color: rgba(0,0,0,.25); border: 1px solid rgba(360, 360, 360, 0.15); }
.play, .pause{ display: block; margin: 5px 5px 0 0; width: 87px; height: 40px; text-indent: -9000px; }
.prev, .next{ display: block; float: left; margin: 5px 5px 0 0; width: 40px; height: 40px; text-indent: -9000px; }
.play{ background: url(../images/play.png) center center no-repeat; }
.pause{ background: url(../images/pause.png) center center no-repeat; }
.prev{ background: url(../images/arrow_left.png) center center no-repeat; }
.next{ background: url(../images/arrow_right.png) center center no-repeat; }
a.play:hover, a.pause:hover,
a.prev:hover, a.next:hover{ background-color: rgba(0,0,0,.5); }

div.slideshow-container,
div.loader,
div.slideshow a.advance-link{ display: block; width: 100%; padding: 0; margin: 0; }

div.loader,
div.slideshow a.advance-link,
div.caption-container{ height: 385px; }

div.slideshow-container{ position: relative; height: 385px; padding: 0; margin: 0; }

div.loader{ position: absolute; top: 0; left: 0; }
div.slideshow span.image-wrapper{ position: absolute; display: block; width: 100%; }
div.slideshow a.advance-link{ display: block; width: 100%; height: 377px; text-align: center; }

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited{ text-decoration: none; }
div.slideshow a.advance-link:focus{ outline: none; }

div.slideshow img{ display: block; padding: 0; margin: 0 auto; border: none; width: auto; max-height: 100%; max-width: 100%; }

#thumbs{ width: 100%; height: auto; float: left; margin-left:2%; padding-bottom: 30px; }
div.navigation{ position: relative; }
div.navigation a.pageLink{ display: block; position: relative; float: left; margin: 2px; width: 16px; background-position:center center; background-repeat:no-repeat; }
div.navigation a.pageLink:focus{ outline: none; }

ul.thumbs{ margin: 5px 0 0; padding: 0; height: auto; }
ul.thumbs li{ padding: 0; margin: 0; list-style: none; position: relative; float: left; }
html>body ul.thumbs li{ opacity: .35; }
html>body ul.thumbs li.selected{ opacity: 1; }
html>body ul.thumbs li.selected a.thumb{ }
html>body ul.thumbs li.selected a.thumb img{  } 
a.thumb{ display: block; float: left; width: 40px; height: 40px; margin: 7px 5px 0 0; border: 1px solid rgba(360, 360, 360, 0.5); overflow: hidden; -webkit-transition-duration: .2s; }
a.thumb:focus{ outline: none; }
ul.thumbs img{ min-width: 60px; min-height: 40px; border: none; display: block; -webkit-transition-duration: .2s; }
div.pagination{ position: relative; left: -50%; }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis{ position: relative; display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; }
div.pagination a:hover{ text-decoration: none; }
div.pagination span.current{ font-weight: bold; }
div.pagination span.ellipsis{ border: none; padding: 5px 0 3px 2px; }

div.gallery-gutter{ clear: both; padding-bottom: 20px; }