@charset "UTF-8";
*	{
			margin: 0;
			border: 0;
			padding: 0;
}	
	html, body {
	
	font-size: 100%;
	height: 100%;
	font-family: sans-serif;
	background-image: url(imagesOzi/concreteTex.jpg);
	background-repeat: repeat;
	background-size: 100% auto;
}
#container {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 8px;
	top: -1px;
	}
#banner .img {
}
 nav {
	 
	 width: 100%;
			background-color: #000;
			
			text-align: center	;
			margin:  0% auto;
			z-index: 20000;
			padding:.1em;
			top:0;
	 } 
	 nav ul li {
			display: inline;
			padding: 1em;
			text-decoration:none;
			line-height: 3em;
			list-style-type: none;
			
}
    nav a {
	font-family: sans-serif;
	font-size: 1.0em;
	text-decoration: none;
	color: #F0F8FF;
	font-style: normal;
}
    nav a:hover {
			color:#CC6600;
			
} 
  
   header {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6%;
	margin-bottom: 0%;
	color: #000000;
	  }
	  header h1 {
		  font-size: 2em;
		  color: rgb(0,0,0);  
		  }
		   header p {
			   color: rgb(221,0,0); 	  
		  }
  #MainAdvert {
	  
	  text-align:center;
	  margin: 2% auto;
	 width: 80%;
	  
	  }
  #captionTop {
	  text-align:center;
	  margin: 2% auto;
	  	clear: left;				  
}
#captionTop h1 {
	 font-size: 1.4em;
	  line-height: 1.0em;
	  color:rgb(0,0,0) 		
	
	  
}
  
  img {
	max-width: 100%;
	height: auto;
	float:none;
	
	
	}
   
	 #banner {
	width: 80%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	margin-bottom: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
			
}
.innerContainer {
			  
			width: 25%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	margin-bottom: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
}
.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.0); 
			-moz-transform: scale(2.0);
			-o-transform: scale(2.0);
			transform: scale(2.0);
}
.img-zoom1 {	
			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;
}
	
	.transition1 {
			-webkit-transform: scale(3.0); 
			-moz-transform: scale(3.0);
			-o-transform: scale(3.0);
			transform: scale(3.0);
}
#textTop {
	 margin: 0% auto;
	width: 80%;
	clear: left;
	line-height: 1.5em;
	font-size:1.1em;
}
#textOrd {
	 margin: 0% auto;
	width: 80%;
	clear: left;
	line-height: 1em;
	font-size:1.5em;
}
#picsMid {
width: 100%;

	background-color: rgb(187,187,187);
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1	%;
	margin-bottom: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	padding-right: 0%;	
	
	}

#banner1 {
	width: 60%;
	font-size: 1em;
	text-align: center;
	margin-left: 6%;
	margin-right: 0;
	margin-top: 0%;
	margin-bottom: 0%;
	padding-top: 2%;
	padding-bottom: 0%;
	float:left;		
}
#banner2 {
	width: 25%;
	font-size: 1em;
	text-align: center;
	margin-left: 5%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
	float:left;		
}

#textMid {
    font-size:1.1em;
	 width: 80%;
    clear: left;	
	line-height: 1.3em;
	 margin: 0% auto;
	
}
#paypal {
	width: 60%;
	font-size: 1em;
	text-align: center;
	margin-left: 25%;
	margin-right: 0%;
	margin-top: 5%;
	margin-bottom: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
	float:left;		
}


#banner3 {
	width: 35%;
	font-size: .8em;
	text-align: center;
	margin-left: 2%;
	margin-right: 0%;
	margin-top: 5%;
	margin-bottom: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
	float:left;		
}
#textBot {

	font-size:1.1em;
	width: 80%;
    clear: left;	
	line-height: 1.3em;
	 margin: 1% auto;
	
}
#botStory {
	  text-align:center;
	  margin: 1% auto;
	  width: 80%;
	
	  }	
#endStory {
	 text-align:center;
	   margin-left: 10%;
	margin-right: 1%;
	margin-top: 0%;
	margin-bottom: 0%;
	 width: 80%;
   
	}
	.oziNewText6 {
	 margin: 0% auto;
	width: 80%;
	clear: left;
	line-height: 1.3em;
	font-size:1.1em;
}
#captionBot {
	  text-align:center;
	  margin: 2% auto;
	  	clear: left;				  
}
.copy {
	font-size: .7em;
	 margin-left: 0%;
	margin-right: 0;
	margin-top: 0%;
	margin-bottom: 0%;
	}
}

	@media only screen and (max-width:1024px) {
	#banner {
	width: 85%;
}
#banner1 {
	width: 54%;
	
	margin-left: 0%;
	margin-right: 0;
	margin-top: 5%;
	margin-bottom: 0%;
		
}
#banner2 {
	width: 34%;
	
	margin-left: 12%;
	margin-right: 0%;
	margin-top: 5.25%;
	margin-bottom: 0%;
	
}	
#banner3 {
	width: 55%;
	
	margin-left: 2%;
	margin-right: 0%;
	margin-top: 4%;
	margin-bottom: 0%;	
}

	}
	@media only screen and (max-width:768px) {
	#banner {
	width: 90%;
					
}	
#banner1 {
	width: 57%;
	font-size: .7em;
	margin-left: 0%;
	margin-right: 0;
	margin-top: 5%;
	margin-bottom: 0%;
		
}
#banner2 {
	width: 38%;
	font-size: .7em;
	margin-left: 5%;
	margin-right: 0%;
	margin-top: 5.25%;
	margin-bottom: 0%;
	
}
#banner3 {
	width: 56%;
	font-size: .7em;
	margin-left: 2%;
	margin-right: 0%;
	margin-top: 4%;
	margin-bottom: 0%;	
}

	@media only screen and (max-width:480px) {
	#banner {
	width: 90%;
					
}	
#banner1 {
	width: 85%;
	font-size: .7em;
	margin-left: 7.5%;
	margin-right: 0;
	margin-top: 5%;
	margin-bottom: 0%;
		
}
#banner2 {
	width: 60%;
	font-size: .7em;
	margin-left: 20%;
	margin-right: 0%;
	margin-top: 5.25%;
	margin-bottom: 0%;
	
}
#banner3 {
	width: 80%;
	font-size: .7em;
	margin-left: 10%;
	margin-right: 0%;
	margin-top: 4%;
	margin-bottom: 0%;	
}

	



