@charset "UTF-8";
*	{
			margin: 0px;
			border: 0px;
			padding-bottom: 0px;
			padding-left: 0%;
			padding-right: 0px;
			padding-top: 0px;
}	
	html, body {
			height: 100%;
}				
	body {
			background-color: #222;
			font-family: sans-serif;
			text-align: centre;
			text-height: 100%;
}	   
	#container {
			position: absolute;
			background-color: #000;
			width: 100%;
			
			text-align: centre;
}
    #navWrapper{
			width: 100%;
			margin: 0% auto;
	
}
	#nav {
			width: 100%;
			background-color: #000;
			position:fixed;
			text-align: center;
			margin:  0% auto;
			z-index: 10000;
			padding: .8em;
		
  			
}
	
	

	#nav a {
			font-family: sans-serif;
			font-size: 1.0em;
			text-decoration: none;
			color: #F0F8FF;
			font-style: normal;
}
	
	#nav a:hover {
			color:#CC6600;
			
}
	#nav ul li {
			display: inline;
			padding: 2.15em;
			
			line-height: 3em;
			list-style-type: none;
			
}






	#banner {
			width: 100%;
			background-color: #222;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			margin-top: 5.9%;
			margin-bottom: 0%;
			padding-top: 4%;
			padding-bottom: 3%;
			clear: right;			
}
	#banner h1 {
			color: #CC6600;
			font-size: 3em;
}
	#banner h2 {
			color: #F0F8FF;
			font-size: 1.2em;
			
}
	.bannerImageContainer{
			max-width: 100%;
			height: auto;
			}
	.resize img{
			
			max-width: 100%;
			height: auto;	
			}
	#wrapperSlideshowTop {
			width: 100%;
			display: block;
			position: relative;
			margin: 0% auto;
			text-align: center;
	}
	#cycle-slideshowTop {
			background-color: #33FF66;
			width: 100%;
			display: block;
			position: relative;
			margin: 0px auto;
			cursor:crosshair;
	
}
	.img-slideTop{
			width: 100%;
			height: auto;
}
#spacerTop2 img {
			max-width: 100%;
			height: auto;			
}
	#spacerTop2 {
			margin: 0% auto;
			width: 90%;
			text-align: center;
			
			
}
#spacerTop2 img {
		
			max-width: 100%;
			height: auto;	
}
	.spacerTop1 img {
			max-width: 100%;
			height: auto;			
}
	.spacerTop1 {
			margin: 0px auto;
			width: 90%;
			text-align: center;
			padding-top: 3%;
			padding-bottom: 3%;
			clear: both;
}
#spacerTop img {
			max-width: 100%;
			height: auto;			
}
	#spacerTop {
			margin: 0px auto;
			width: 90%;
			text-align: center;
			padding-top: 3%;
			padding-bottom: 3%;
			clear: both;
}
#spacerTop img {
		
			max-width: 100%;
			height: auto;	
}
	
	.line1 {
		max-width: 100%;
			height: auto;
			margin: 0px auto;
}
	#about {
			background-color: #222;
			
			width: 100%;
			text-align: center;
			padding-top: 3%;
			padding-bottom: 3%;
			margin-left: auto;
			margin-right: auto;
			margin-top: 1%;
			margin-bottom: 3%;
}
	#about p {
			color: #666666;
}
	#about h1 {
			color: #F0F8FF;
			font-size: 1.7em;
}
	#about h3 {
			color: #F0F8FF;
			font-size: 1.0em;
			padding: .5%;
}
	#wrapperSlideshow2 {
			width: 65%;
			display: block;
			position: relative;
			margin: 2.5% auto;
}
	.cycle-slideshow {
			width: 100%;
			display: block;
			position: absolute;
			margin:  0% auto;
			cursor:crosshair;
}
	.img-slideTwo{
			width: 100%;
			height: auto;
}
	
	.cycle-pager { 
			text-align: center; 
			width: 100%; 
			z-index: 500; 
			position: absolute; 
			bottom: 30px; 
			cursor: pointer;
	     
}
	.cycle-pager span { 
			font-family: arial;
			font-size: 2.5em; 
			width: 1em; 
			height: .5em; 
			display: inline-block;
			color: #111;
			cursor: pointer; 
		  
}
	.cycle-pager span.cycle-pager-active {
			color: #EEE;
	
}
	.title1 {
			margin:  0% auto;
			color: #CC6600;
			width: 90%;
			text-align: center;
			padding-top: 1%;
			padding-bottom: 2%;
			padding-left: 0%;
			padding-right: 0%;
		}
	.title1 h3 {
			color: #F0F8FF;
			text-align: center;	
			font-size: .7em;
			line-height: 2em;
				}
	
	
	#SelectionStills{
			font-size: 1.3em;
			color: #F0F8FF;
			text-align: center;	
			margin-left: auto;
			margin-right: auto;
			margin-top: 46%;
			margin-bottom: 8%;
			background-color: #222;
			padding-top: 3%;
			padding-bottom: 3%;
}
	
	#wrapImgGallery {
			width: 58%;
			background-color: #BB0000;
			margin-left: 22.7%;
			margin-right: 3%;
			position: relative;
			display: block;
			
	
}
	
	.innerContainer {
			  
			width: 31%;
			text-align: center;
			float: left;
			margin-bottom: 0em;
			margin-left: .1em;
			margin-right: .1em;
			margin-top: 0em;	
}
        
	.img-zoom {	
			max-width: 100%;
			height: auto;
			-webkit-transition: all .5s ease-in-out;
			-moz-transition: all .5s ease-in-out;
			-o-transition: all .5s ease-in-out;
			-ms-transition: all .5s ease-in-out;
}
	
	.transition {
			-webkit-transform: scale(2.8); 
			-moz-transform: scale(2.8);
			-o-transform: scale(2.8);
			transform: scale(2.8);
}
	#AnimationsText {
			background-color: #222;
			width: 100%;
			text-align: center;
			padding-top: 3%;
			padding-bottom: 3%;
			float: left;
			margin:  10% auto;
			font-size: 1.3em;
			
			
}
	#AnimationsText h1 {
			color: #F0F8FF;
			font-size: 4.0em;
	
}
	#AnimationsText h3 {
			font-size: 1.2em;
			color: #F0F8FF;
	
}

	#outerContainer{
			text-align: center;
			float: left;
		width: 32%;
		
	
	}
.outerContainer{
			text-align: center;
			float: left;
		width: 32%;
		
	
	}
	 .innerContainer1 {
			
			width: 100%;
			text-align: center;
			
			margin-bottom: 0em;
			margin-left: .1em;
			margin-right: .1em;
			margin-top: 0em;	
}
	.img-thumb {
			width: 100%;
			height: auto;
			float: left;
		
}

	.title1 {
			margin:  0% auto;
			color: #CC6600;
			width: 90%;
			text-align: center;
			padding-top: 1%;
			padding-bottom: 2%;
			padding-left: 0%;
			padding-right: 0%;
		}
	.title1 h3 {
			color: #F0F8FF;
			text-align: center;	
			font-size: .6em;
				}
	
	#wrapImgGallery1 {
			width: 55%;
			background-color: #BB0000;
			margin-bottom: 3%;
			margin-left: 22.7%;
			margin-right: 3%;
			margin-top: 5%;
			position: relative;
			display: block;
}
	#contact {
		
			position: relative;
			width: 40%;
			text-align: center;
			margin: 1% auto;		
}
	
	#contactText {
			
			position: relative;
			width: 40%;
			text-align: center;
			margin: 0% auto;	
			padding-top: 0%;
			padding-bottom: 0%;	
}
	#contactText h2 {
			color: #09F;
			text-align: center;
			font-size: 1.6em;
			padding-top: 5%;
			padding-bottom: 7%;
}
	#contactText h3 {
		font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
		
		
		
			color: #EEE;
			text-align: center;
			font-size: .9em;
			padding-top: 0%;
			padding-bottom: 4%;
}
	.imgContact {
			width: 100%;
			height: auto;
	
}
	.copy{
			color:rgb(238,238,238);
			padding-top: 2%;
			padding-bottom: 2%;
			font-size: 1em;
			margin: 0% auto;
			text-align: center;  
			background-color: #222;
 }







@media only screen and (max-width:768px) {
	#banner {
			
			
			padding-top: 4%;
			padding-bottom: 0%;
				
}
	
	
	#banner h1 {
			
			font-size: 1.6em;
}
	#banner h2 {
			
			font-size: 1.0em;
}
	#about {
			
			 
			
}	
	#about h1 {
			
			font-size: 1.2em;
}

	#about h3 {
			
			font-size: .9em;
			padding: .3%;
	
}	
	#nav {
		width: 100%;
		padding-top: 2%;
		padding-bottom: 3%;
		}
					#nav a {
						font-size: .6em;
						}
					#nav a:hover {
						}
					#nav ul li {
						display:inline;
						
						padding: 1em;
						line-height: 1em;	
						}
		#wrapperSlideshow2 {
				width: 75%;
				display: block;
				position: relative;
				margin: 0% auto;
				padding-top: 1%;
				padding-bottom: 3%;
}
		#SelectionStills{
				font-size: 1.0em;
				
				
				
	}
		#wrapImgGallery {
				width: 65%;
				margin-left: 20.40%;	
				}
		.innerContainer {
				width: 45%;
				
				}
				
		.transition {
			-webkit-transform: scale(2.35); 
			-moz-transform: scale(2.35);
			-o-transform: scale(2.35);
			transform: scale(2.35);
		}
			#wrapImgGallery1 {
				width: 65.0%;
				margin-left: 20.4%;
			}
			#outerContainer{
			text-align: center;
			float: left;
			width: 45%;
		
	
	}
	.outerContainer{
			text-align: center;
			float: left;
			width: 45%;
		
	
	}
			
		#contact {
		
			position: relative;
			width: 70%;
			text-align: center;
			margin: 0% auto;		
}
		#contactText h2 {
			
			text-align: center;
			font-size: 1.1em;
			padding-top: 0%;
			padding-bottom: 1%;
		}
		#contactText h3 {
			font-size: .9em;
		}	
		.title1 {
			
			width: 90%;
			
		
		
		
		}
		.title1 h3 {
		
		color: #F0F8FF;
			text-align: center;	
		
		
		
		}
		
		
	}
	

@media only screen and (max-width:480px) {
	#banner {
					margin-left: auto;
					margin-right: auto;
					margin-top: 6%;
					margin-bottom: .3%;
			padding-top: .1%;
			padding-bottom: 0%;
			
}
	#banner h1 {
			
			font-size: 1.2em;
}
	#banner h2 {
			
			font-size: .6em;
}
		#about h1 {
			
			font-size: .9em;
}

	#about h3 {
			
			font-size: .6em;
	
}
			#wrapperSlideshow2 {
				width: 96%;
				display: block;
				position: relative;
				margin: 5% auto;
		
				padding-bottom: 15%;
	
	
}
			#SelectionStills{
				font-size: .8em;
				
				text-align: center;	
					margin-left: auto;
					margin-right: auto;
					margin-top: 43%;
					margin-bottom: 5%;
				
				padding-top: 4%;
				padding-bottom: 2%;
			}
	
			#wrapImgGallery {
				width: 80%;
				margin-left: 13.7%;
								}
			.innerContainer {
				width: 90%;			
				}
			#nav {
				width: 100%;
				padding-top: 1%;
				padding-bottom: 1%;
				}
			#nav a {
				font-size: .4em;
				}
			#nav a:hover {
				}
			#nav ul li {
				display:inline;
				margin-bottom: .2em;
				
				padding: .4em;
				line-height: .8em;	
				}
				.transition {
			-webkit-transform: scale(1.35); 
			-moz-transform: scale(1.35);
			-o-transform: scale(1.35);
			transform: scale(1.35);
		}
		#wrapImgGallery1 {
				width: 85%;
				margin-left: 12.0%;
								}
		
		.title1 h3 {
		
			
		
		
		
		}
		#outerContainer{
			text-align: center;
			float: left;
		width: 90%;
		
	
	}
	.outerContainer{
			text-align: center;
			float: left;
		width: 90%;
		
	
	}
			
		
		#AnimationsText h3 {
			font-size: .8em;
	
	
	}
			#contact {
			width: 95%;
}
		#contactText {
			
			position: relative;
			width: 70%;
			text-align: center;
			margin: 0% auto;	
			padding-top: 0%;
			padding-bottom: 0%;	
}
		#contactText h2 {
			font-size: .8em;
		}	
		#contactText h3 {
			font-size: .6em;
		}	
		.copy{
			
			font-size: .7em;
			
	  }

			
	


	}