@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: #4E4949;
			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: 1em;	
			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: 0%;
			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;	
			}
#TopText {
	        font-family: "Helvetica";
			background-color: #000000;
			width: 100%;
			text-align: center;
			padding-top: 1%;
			padding-bottom: 1%;
			float: center;
			margin:  5% auto;
			font-size: .9em;
}
#TopText h1 {
			color: #F0F8FF;
			font-size: 4.0em;
}
#TopText h3 {
			font-size: 1.2em;
			color: #F0F8FF;
}
#wrapImgGallery1 {
			width: 55%;
			background-color: #BB0000;
			margin-bottom: 1%;
			margin-left: 27%;
			margin-right: 3%;
			margin-top: 1%;
			position: relative;
			display: block;
		    padding-left: 0%;
			padding-right: 0%;
}
.outerContainer{
			text-align: center;
			float: left;
		    width: 42%;
	        margin-left:1%;
			margin-right: 0%;
}
#outerContainer25{
	        display: block;
	        font-size: 1.2em;
			text-align: center;
			float: left;
		    width: 100%;
	        margin-top: 5%;
	        margin-bottom: 5%;
}
 .innerContainer1 {
			
			width: 100%;
			text-align: center;
			margin-bottom: 0em;
			margin-left: .1em;
			margin-right: .1em;
			margin-top: 0em;	
}
.title1 {
			margin:  0% auto;
			color: #CC6600;
			width: 90%;
			text-align: center;
			padding-top: 1%;
			padding-bottom: 2%;
			padding-left: 0%;
			padding-right: 0%;
	        font-size: 1.5em;
		}
.title1 h3 {
			color: #F0F8FF;
			text-align: center;	
			font-size: .6em;
			line-height: 1.5em;
				}
.img-thumb {
			width: 100%;
			height: auto;
			float: left;
}

.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;
}	
	#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;	
}
	.innerContainer {
			width: 45%;
}
				
	.transition {
			-webkit-transform: scale(2.35); 
			-moz-transform: scale(2.35);
			-o-transform: scale(2.35);
			transform: scale(2.35);
}
	#TopText {
	        
			font-size: .7em;
}
	#wrapImgGallery1 {
			width: 65.0%;
			margin-left: 20.4%;
}
	.outerContainer{
			text-align: center;
			float: left;
			width: 45%;	
}
	#outerContainer25{
	        display: block;
	        font-size: 1.1em;
			text-align: center;
			float: left;
		    width: 100%;
	        margin-top: 5%;
	        margin-bottom: 5%;
}
	.title1 {
			
	        font-size: 1.2em;
		}
	.title1 h3 {		
		    color: #F0F8FF;
			text-align: center;
}
		
	.title2 {	
			width: 90%;	
}
	.title2 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%;
}
	#TopText {
	        
			font-size: .5em;
}
	
	#wrapImgGallery {
			width: 80%;
			margin-left: 13.7%;	
}
	.innerContainer {
			width: 90%;			
}
	.innerContainer2 {		
			width: 90%;
			text-align: center;
			margin-bottom: 0em;
			margin-left: 0%;
			margin-right: .1em;
			margin-top: 0em;	
}
	.title2 {
			margin:  0% auto;
			color: #CC6600;
			width: 90%;
			text-align: center;
			padding-top: 1%;
			padding-bottom: 2%;
			padding-left: 0%;
			padding-right: 0%;
	        font-size: 1.5em;
}
	#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 {
			
	        font-size: 1.0em;
		}
	.title1 h3 {		
}	
	.outerContainer{
			text-align: center;
			float: left;
		    width: 90%;	
}
	#outerContainer25{
	        
	        font-size: 1em;
			
}
	#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: .1em;
			
}