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

body {
	margin:0px;
	
	}

#header-title {
	width: 100% -20px;
	background-color:#000000;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left:20px;
	
	}

.newspic {
	
	
	}

.newsitem {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: thin dotted #979292;
	padding-bottom:10px;
	}


#hero {
   background-image: url(IMGS/hero.jpg);
  background-size: cover;
  background-position:50% 50%; 
  height:300px;
	
	}
	
	
#circle {
	float:left;
	width:300px;
	height:300px;
	margin-top:20px;
	
	}	


#square {
	float:left;
	width:440px;
	height:250px;
	margin-top:20px;
	background-color: #8F8D8D;
	margin-right:10px;
	margin-bottom:20px;
	}	
	
#squareright {
	float:left;
	width:440px;
	height:250px;
	margin-top:20px;
	background-color: #8F8D8D;
	margin-left:10px;
	margin-bottom: 20px;
	}	


.titleTXT {
	 color: #484848;
font-family: "Open Sans", sans-serif;
   font-weight: 200;
        font-size: 22px;
		display: block;
  text-align:center;
  width: 100%;
	}
.generalTXT {
	color: #484848;
	 font-weight: 100;
  font-family: "Open Sans", sans-serif;
  display: block;
  text-align:center;
  font-size: 14px;
  width: 100%;
	}	
	
	
.generalTXTBIO {
	color: #484848;
	 font-weight: 100;
  font-family: "Open Sans", sans-serif;
  display: block;
  text-align:left;
  font-size: 14px;
  width: 100% -20px;
  margin-left:20px;
  margin-right: 20px;
	}	

a.generalTXT:link {
	color: #484848;
}
a.generalTXT:visited {
	color: #484848;
}
a.generalTXT:hover {
	color: #484848;
}
a.generalTXT:active {
	color: #484848;
}



.generalTXTtestimonial {
	color: #484848;
	 font-weight: 100;
  font-family: "Open Sans", sans-serif;
  display: block;
  text-align:left;
  font-size: 14px;
  width: 100% -20px;
  margin-left:20px;
  margin-right: 20px;
  background-color: #E9E6E6;
  padding:20px;
  margin-bottom: 20px;
	}




#content {
	width:900px;
	margin-left: auto;
	margin-right: auto;
	
	}
	
	
.herotxtspan {
	width:60%;
	display:block;
	float:left;
		color: #ffffff;
	 font-weight: 100;
  font-family: "Open Sans", sans-serif;
	font-size: 2em;
	margin-top: 50px;
	clear: none;
	
	}		
	
.heroPIC {
	width:auto;
	display:block;
	float:right;
	margin-right:50px;
	margin-top: 2px;
	clear: none;

	
	}		
	
@media (max-width: 899px)  {
        #content {
          width: 100%;
		  margin-left:0px;
		  margin-right:0px;
        }
		#circle {
	float:left;
	width:100%;
	height:300px;
	
	}
	
#square {
	float: left;
	width: 100%;
	height: 196px;
	margin-top: 20px;
	background-color: #8F8D8D;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../IMGS/smaller_download_tile.jpg);
	background-repeat: repeat-x;
	}			
	
#squareright {
	float:left;
	width:100%;
	height:196px;
	margin-top:20px;
	background-color: #8F8D8D;
	margin-left:0px;
	margin-bottom:20px;
	background-image: url(../IMGS/smaller_download_tile.jpg);
	background-repeat: repeat-x;
	}
	
.downloadIMG {
	width: 320px;
	height: 196px;
	
	}
	

.herotxtspan {
	width:50%;
	display:block;
	float:left;
		color: #ffffff;
	 font-weight: 100;
  font-family: "Open Sans", sans-serif;
	font-size: 1.7em;
	margin-left: 20px;
clear: none;
	}
.heroPIC {
	width:auto;
	display:block;
	float:right;
	margin-right:0px;
	margin-top: 2px;
	clear: none;
	
	
	}	
		
	
	
}



@media (max-width: 500px)  {
	
.herotxtspan {
	width:30%;
	display:block;
	float:left;
		color: #ffffff;
	 font-weight: 100;
  font-family: "Open Sans", sans-serif;
	font-size: 1.3em;
	margin-left: 20px;
clear: none;
	}	
	
	
	
	}

.cirlceIMAGES {
	
	display:block;
	text-align:center;
	width:230px;
	
	}


span.circleIMAGES {
display:table;
margin:0 auto;
}


.downloadboxleft {
	float: left;
	width: 450px;
	background-color: #C9C9C9;
	
	
	}
	
	
.downloadboxright {
	float: left;
	background-color: #C9C9C9;
	width:450px;
	}	
	
	
#boxholder {
	width:900px;
	
	}
	
	
#herotext {
	margin-left:auto;
	margin-right: auto;
	width:100%;
	max-width: 900px;

	}	
	

#formWrapper {
	background-color: #D6D1D1;
	margin-top: 20px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:10px;
	padding-left:10px;
	padding-right: 10px;
	padding-top: 10px;
	}	
	
	
.FormTXT {
	color: #484848;
	 font-weight: 100;
  font-family: "Open Sans", sans-serif;
  display: block;
  text-align:left;
  font-size: 14px;
  width: 100%;
	}		




#navigation {
	width: 100% -20px;
	background-color: #585858;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	
	}


ul{
list-style-type: none;
padding: 0;
margin-left: 20px;

}

li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	}
	
li+li { border-left: 1px solid #000000 }


li:first-child {
  padding-left: 0px;
}


.navTXT {
	color: #ffffff;
	 font-weight: 100;
  font-family: "Open Sans", sans-serif;

  text-align:left;
  font-size: 12px;

	}
	
	
a.navTXT:link {
color: #ffffff;
	text-decoration: none;
}
a.navTXT:visited {
	text-decoration: none;
	color: #ffffff;
}
a.navTXT:hover {
	text-decoration: none;
color: #2dc5fd;
}
a.navTXT:active {
	text-decoration: none;
	color: #ffffff;
}