@charset "utf-8";
	/* CSS Document */
	#mainheader {
		width: 100%;
		height: 70px;
		position: fixed;
		display: block;
		top: 0px;
		left: 0px;
		z-index: 999;
		background-color: #fff;
	}
	.pagecontent {
		display: block;
		width: auto;
		position: relative;
		top: 70px;
		height: auto;
		margin: auto;
		background-color:#fff;
	}	
	.centertext {
		width: 80%;
		text-align:justify;
		margin: auto;
	}
	.pages {
		width: 18%;
		float: left;
		padding: 3%;
	}
	body {
		font-family: Verdana, Geneva, sans-serif;
		margin: 0px;
		padding: 0px;
	}
	#slider1_container {
		display: block;
		position: relative; 
		margin: auto;
	    top: 70px; 
		left: 0px; 
		width: 1300px; 
		height: 400px; 
		overflow: hidden;		
	}
	.jssor_divs {
		position: absolute; 
		top: 0px; 
		left: 0px;
		width: 100%; height: 100%;
	    display: block;
	}
	.opac70 {
		filter: alpha(opacity=70); 
		opacity: 0.7; 
	}
	.opac80 {
		filter: alpha(opacity=80); 
		opacity: 0.8; 
	}
	.slide-title {
		position: absolute; 
		width: 500px; 
		height: 120px; 
		top: 30px; 
		left: 30px; 
		padding: 5px;
	    text-align: left; 
		line-height: 50px; 
		text-transform: uppercase; 
		font-size: 40px;
	    color: #FFFFFF;
		text-shadow: 2px 2px #000;
		z-index: 800;
	}
	.slide-tagline {
		position: absolute; 
		width: 500px; 
		height: 120px; 
		top: 300px; 
		left: 30px; 
		padding: 5px;
	    text-align: left; 
		line-height: 25px; 
		font-size: 25px; 
		color: #FFFFFF;
		text-shadow: 2px 2px #000;
	}
	.moving-TEXT, .slide-TEXT {
		position:absolute;
		z-index: 900;
		top: 5px;
		left: 5px;
	}
	.moving-BG {	
		height: 65px;
		position: absolute;
		width: 560px;  
		top: 0px; 
		left: 0px; 
		background-color:#457124;
	}
	.slide-BG {
		position: absolute;
		height: 80px;
		width: 520px;
		background-color: #5c5c5c;
		top: 0px;
		left: 0px;
	}
	.homelinks, .logo {
		display: inline;
		list-style:none;
	}
	.homelinks {
		margin-right: 10%;
		float: right;
	}
	.logo {
		margin-left: 10%;
		float: left;
	}
	.logo h1, .logo p {
		display: inline;
		margin: 0;
		vertical-align:baseline;
	}
	.logo a, .logo a:hover {
		color: #000;
		text-decoration:none;
	}
	.homelinks nav ul li, .logo p {
		display: inline;
		margin-left: 3em;
	}
	h2, .center {
		text-align: center;
	}
	.centertext h2 {
		text-align: left;
	}
	.maincontent, .pagecontent, .slider1_container, .portfolio, .smallContainer {
		clear: both;
	}
	.portfolio .portfolio-items img {
		width: 33%;
		display: block;
		float: left;
		border: 1px #fff solid;
		position: static;
	}
	.smallContainer .smallBanner img {
		width: 25%;
		display: block;
		float: left;
		margin: 0px;
		border: 0px;
		position: static;
	}
	.smallContainer {
		position: relative;
		display: block;
		top: 70px;
	}
	.portfolio {
		margin: auto;
		padding: 1px;
		width: 99%;
	}	
	
	.textBlock {  
		display: block; 
		min-width: 95%; 
		padding: 2px; 
		position: static; 
		width: 99%;
	 }	
	 .textBlock-items {
		padding: 30px;
		width: 70% 
		margin: auto;
		text-align:justify; 
	 }
	 .grey-bg { 
		background-color: #666;
		color: #fff;
	 }

@media only screen and (max-width: 1150px) and (min-width: 770px) {

	.centertext {
		width: 100%;
		text-align:justify;
	}

	.pages {
		width: 44%;
		float: left;
		padding: 3%;
	}

	.homelinks {
		margin-right: 0%;
		float: left;
		text-align: center;
	}
	.logo {
		margin-left: 1%;
		float:left;
		text-align:center;
	}
	
	.logo h1, .logo p {
		display: inline;
		margin: 0;
		vertical-align:baseline;
		text-align:center;
	}	

	.homelinks nav ul li, .logo p {
		display: inline;
		margin-left: 1em;
	}
	
	.portfolio .portfolio-items img  {
		width: 49.5%;
		display: block;
		float: left;
	}
	
	 .textBlock-items {
		padding: 15px;
		width: 90% 
		margin: auto;
		text-align:justify; 
	 }
}


@media only screen and (max-width: 770px) {
	
	.homelinks, .homelinks nav ul li, .homelinks nav, .pages p.hide {
		display: none;
	}
	.centertext {
		width: 100%;
		text-align:justify;
		margin: auto;
	}
	

	.pages {
		width: 99%;
		float: left;
		padding: 0px;
		background-color:#DDD;
		border:#999 3px;
		border-style:groove;
		text-align: center;
	}	
	.pages:hover {
		background-color:#FFF;
	}
	.pages a {
		color: #000;
	}
	.logo {
		margin: 0px;
		float:none;
		text-align:center;
	}
	
	.logo h1, .logo p {
		display: block;
		margin: 0;
		vertical-align:baseline;
		text-align:center;
	}	
	.logo p {
		margin-bottom: 10px; 
	}
	.portfolio .portfolio-items img {
		width: 100%;
		display: block;
	}
	.textBlock-items {
		padding: 8px;
		width: 100% 
		margin: auto;
		text-align:justify; 
	 }
}