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



/* #Media Queries
================================================== */


.gallery img{
	width:100%;
	display:block;
}

#slider img {
	height:100%;
	width:auto;
	display:block;
}

#show-menu{
	position:absolute;
	top:10px;
	left:10px;
	width:30px;
	height:30px;
    border-bottom: 12px double #333; 
    border-top: 4px solid #333; 
    content:"";
    height: 4px; 
    width:30px;
	display:none;
	z-index:1000;
}

#nav{
	display:block;
}

#slider .slides > li .slide-image-wrap{
	overflow:hidden;
}

#description2{
	padding:20px;
	position:absolute;
	background:#696566;
	top:40px;
	left:0;
	z-index:900;
	display:none;
	border:solid 1px #555;
	margin:0 10px;
}

	@media only screen and (min-width: 1200px){
		.container{width:1200px;}
	
    	/* Base Grid */
    	.container .four.columns                    { width: 280px; }
    	.container .eight.columns                   { width: 580px; }
    	.container .one-third.column                { width: 380px; }
    	.container .sixteen.columns                 { width: 1180px; }		
    	.container .five.columns                    { width: 360px; }
    	.container .eleven.columns                  { width: 800px; }	
	}
	
	@media only screen and (min-width: 960px) and (max-width: 1199px) {

		.wrap{
			width:960px;
			margin:0 auto;
		}
		#slider, #slideshow-wrap{
			height:640px;
		}
		#slider .slides > li{
			width:960px;
			height:640px;
			text-align:center;
		}
		#slider .slides > li .slide-image-wrap{height:640px;width:100%;}

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		
		.wrap{
			width:768px;
			margin:0 auto;
		}
		#slider, #slideshow-wrap{
			height:511px;
		}
		#slider .slides > li{
			width:768px;
			height:511px;
			text-align:center;
		}
		#slider .slides > li .slide-image-wrap{height:511px;width:100%;}

	}
	
	@media only screen and (min-width: 1025px){
		#description{display:block;}
		#toggle{display:block;}
		#toggle2{display:none;}
		#description2{display:none;}
	}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 1024px) {
			
		.home .content{
			padding: 18px 18px;
		}
		

		#slideshow-wrap{overflow:visible;margin-top:40px;}
		.slideshow-caption{background:none;}
		#description-close{display:none;}
		#description-wrap{padding-top:15px;}
		
		#description,#toggle{display:none;}

		#description2 h6{font-weight:bold;color:#fff;}
		.caption-wrap{padding:10px 0;}
		.slideshow-caption{right:50%; margin-right:-40%;width:80%;bottom:-160px;}
		
	}
	
	@media only screen and (max-width: 768px) {	
		#logo,#header{
			text-align:center;
			width:100%;
		}
		#header{
			height:auto;
		}
		
		#nav{
			float:none;
			clear:both;
			display:none;
		}
		#nav-wrap{
			height:auto;
			float:none;
			width:100%;
			clear:both;
			overflow:hidden;
		}
		#nav li{
			float:none;
			display:block;
			text-align:center;
			clear:both;
		}
		#nav li a{
			text-align:center;
			height:28px;
			padding:0;
			line-height:28px;
		}
		#nav ul{
			width:100%;
			position:static;
		}
		#nav ul li{
			width:auto;
			float:none;
		}
		#social{
			display:none;
		}
		.nav-sep{
			display:none;
		}
		
		#show-menu{
			display:block;
		}
		
		/*

		#social ul{
			margin:0;
		}
		#nav-wrap{
			padding:0;
			margin:0;
			height:30px;
			line-height:30px;
			float:left;
		}
		
		#nav ul.menu{
			background:#f2f2f2;
		}
				
		#nav ul.menu li{
			float:none;
			height:20px;
		}

		#nav li a {
			line-height: 30px;
			height: 30px;
		}
		
		*/
		#description2{margin:0;}
	}
	
	@media only screen and (max-width:767px){
		#carousel{display:none;}
		.slideshow-caption{bottom:-80px;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		.wrap{
			width:480px;
			margin:0 auto;
		}
		#slider, #slideshow-wrap{
			height:320px;
		}
		#slider .slides > li{
			width:480px;
			height:320px;
			text-align:center;
		}
		#slider .slides > li .slide-image-wrap{height:320px;width:100%;}
		
		.nav-sep{
			top:8px;
		}
		#home-news a{float:none;margin:0 auto;}
		.slideshow-caption{right:0; margin-right:0;width:100%;}
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.wrap{
			width:300px;
			margin:0 auto;
		}
		#slider, #slideshow-wrap{
			height:200px;
		}
		#slider .slides > li{
			width:300px;
			height:200px;
			text-align:center;
		}
		#slider img {
			height:200px;
			width:auto;
		}
		#slider .slides > li .slide-image-wrap{height:200px;width:100%;}

		#home-news a{float:none;margin:0 auto;}
		
		#logo img{
			width:70%;
			height:auto;
		}

	}

	
	/* Second, the vertical media queries! */
      @media screen and (max-height:870px) and (min-width:959px){
		#slider, #slideshow-wrap{
			height:640px;
		}
		#slider .slides > li{
			width:960px;
			height:640px;
			text-align:center;
		}
		#slider .slides > li .slide-image-wrap{height:640px;width:100%;}
      }
      @media screen and (max-height:720px) and (min-width:959px){
		#slider, #slideshow-wrap{
			height:511px;
		}
		#slider .slides > li{
			width:768px;
			height:511px;
			text-align:center;
		}
		#slider .slides > li .slide-image-wrap{height:511px;width:100%;}
      }
      @media screen and (max-height:580px) and (min-width:959px){
		#slider, #slideshow-wrap{
			height:320px;
		}
		#slider .slides > li{
			width:480px;
			height:320px;
			text-align:center;
		}
		#slider .slides > li .slide-image-wrap{height:320px;width:100%;}
      }