@font-face {
	font-family: titlefont;
	src: url(../fonts/graph-black-webfont.ttf);
}

@font-face {
	font-family: klima;
	src: url(../fonts/klima-regular-web.ttf);
}

@media only screen and (min-width:0px) and (max-width: 901px) {
	body {
		font-family: klima;
		padding: 0;
		margin: 0;
		color: #2B2E2F;
	}

	p {
		padding: 0;
		margin: 0;
	}

	span.bold {
		font-weight: bold;
	}

	a:link {
		color: #7D959B;
		text-decoration: none;
	}

	a:visited {
		color: #7D959B;
		text-decoration: none;
	}

	a:hover {
		color: #FFA017;
		text-decoration: none;
	}

	div.total_wrapper {
		width:100%;
	}

	div.titlebar {
		min-height: 70px;
		background-color: #FFA017;
		overflow-y: scroll;
	}

	div.greentitlebar {
		min-height: 70px;
		background-color: #99CC00;
		overflow-y: scroll;
	}

	div.titlebar_logo img {
		height: 70px;
	}

	div.titlebar_logo {
		float:left;
	}

	div.mob_title_nav {
		padding-top: 20px;
		padding-bottom: 24px;
		font-size: 18px;
		padding-left: 1%;
		padding-right: 1%;
		float:right;
		color: #2B2E2F;
	}

	div.greenmob_title_nav {
		padding-top: 20px;
		padding-bottom: 24px;
		font-size: 18px;
		padding-left: 1%;
		padding-right: 1%;
		float:right;
		color: #2B2E2F;
	}

	.titlebar:hover .mob_title_nav {
		display: none;
	}
	.titlebar:hover .titlebar_logo {
		clear:both;
		float:none;
	}

	.greentitlebar:hover .greentitlebar_logo {
		clear:both;
		float:none;
	}

	.greentitlebar:hover .greenmob_title_nav {
		display: none;
	}


	.titlebar:hover .mob_titlebar_button {
		padding-top: 20px;
		padding-bottom: 24px;
		font-size: 18px;
		padding-left: 1%;
		padding-right: 1%;
		display: block;
		color: #2B2E2F;
	}

	.greentitlebar:hover .greenmob_titlebar_button {
		padding-top: 20px;
		padding-bottom: 24px;
		font-size: 18px;
		padding-left: 1%;
		padding-right: 1%;
		display: block;
		color: #2B2E2F;
	}

	.titlebar:hover .mob_titlebar_button:hover {
		background-color: #2B2E2F;
		color: #FFA017;
	}

	.greentitlebar:hover .greenmob_titlebar_button:hover {
		background-color: #FFFF00;
		color: #2B2E2F;
	}

	div.mob_titlebar_button a:link {
		color: #2B2E2F
	}
	div.mob_titlebar_button a:visited {
		color: #2B2E2F
	}
	div.mob_titlebar_button a:hover {
		color: #FFA017;
	}

	div.titlebar_button {
		padding-top: 20px;
		padding-bottom: 24px;
		font-size: 18px;
		padding-left: 1%;
		padding-right: 1%;
		float:right;
		color: #2B2E2F;
		display: none;
	}

	div.titlebar_button a:link {
		color: #2B2E2F
	}
	div.titlebar_button a:visited {
		color: #2B2E2F
	}
	div.titlebar_button a:hover {
		color: #FFA017;
	}

	div.titlebar_button:hover {
		float:right;
		background-color: #2B2E2F;
		color: #FFA017;
	}

	div.titlebar_button:hover a{
		float:right;
		background-color: #2B2E2F;
		color: #FFA017;
	}

	div.mob_titlebar_button {
		display: none;
	}

	div.greenmob_titlebar_button {
		display: none;
	}

	div.greentitlebar_logo img {
		height: 70px;

	}

	div.greentitlebar_logo {
		float:left;
	}

	div.greentitlebar_button {
		padding-top: 20px;
		padding-bottom: 24px;
		font-size: 18px;
		padding-left: 20px;
		padding-right: 20px;
		float:right;
		color: #2B2E2F;
		display: none;
	}

	div.greenmob_titlebar_button a:link {
		color: #2B2E2F
	}
	div.greenmob_titlebar_button a:visited {
		color: #2B2E2F
	}
	div.greenmob_titlebar_button a:hover {
		color: #2B2E2F;
	}

	div.greentitlebar_button:hover {
		float:right;
		background-color: #FFFF00;
		color: #2B2E2F;
	}

	div.greenmobtitlebar_button:hover a{
		float:right;
		background-color: #FFFF00;
		color: #2B2E2F;
	}

	div.beamer {
		width: 100%;
		min-height: 350px;
		font-size: 20px;
		padding-bottom: 10px;
	}

	div.beamergroup {
		padding-top: 30px;
	}

	div#home2 {
		background-image: url('../img/homegroup.jpg');
		background-size: cover; 
		background-position: center center;
		height:250px;
		background-color: red;
	}

	div#home1 {
		background-image: url('../img/homegroup4.jpg');
		background-size: cover; 
		background-position: center center;
		height:250px;
		background-color: red;
	}

	div#home3 {
		background-image: url('../img/homegroup5.jpg');
		background-size: cover; 
		background-position: center center;
		height:250px;
		background-color: red;
	}

	div#home1 p {
		display: none;
		color: white;
		font-size: 20px;
	}

	div#home1_tint {
		display: none;
		background-color: rgba(43,46,47,0.8);
		height: 250px;
	}

	div#home2 p {
		display: none;
		color: white;
		font-size: 20px;
	}

	div#home2_tint {
		display: none;
		background-color: rgba(43,46,47,0.8);
		height: 250px;
	}

	div#home3 p {
		display: none;
		color: white;
		font-size: 20px;
	}

	div#home3_tint {
		display: none;
		background-color: rgba(43,46,47,0.8);
		height: 250px;
	}


	span.beamertext {
		background-color: rgba(43,46,47,1);
		color: #bad4db;
		padding: 7px;
	}

	div.homebeamer {
		background-image: url('../img/home.png');
		background-size: cover;
		background-position: center center;
	}

	div.perc_30 {
		width: 100%;
		/*float:left;*/
		text-align: center;
	}

	div.thirty {
		width:40%;
		float:left;
	}

	div.thirty img {
		width: 100%;
	}

	div.seventy {
		width:60%;
		float:left;
	}

	div.seventy img {
		width: 100%;
	}

	span.titlediv {
		padding: 5px;
		font-family: titlefont;
		font-size: 70px;
		background-color: rgba(43,46,47,1);
		color: white;
	}

	span.subtitle {
		font-family: titlefont;
		font-size: 35px;
	}

	span.green {
		color: #99CC00;
	}

	div.spacer {
		clear:both;
		padding: 0;
		margin: 0;
		display: block;
	}
	div.beamer70 {
		width:100%;
		/*float: left;*/
	}

	div.beamer30 {
		width:100%;
		/*float: left;*/
	}

	div.beamerbutton {
		color: white;
		text-align: center;
		font-size: 30px;
		background-color: #2B2E2F;
		padding: 5px;
		margin-top: 30px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	div.beamerbutton a:link {
		color: white;
	}
	div.beamerbutton a:visited {
		color: white;
	}
	div.beamerbutton a:hover {
		color: #FFA017;
	}


	div.signupbox {
		display: none;
		position: absolute;
		top: 25%;
		left: 25%;
		width: 50%;
		height: 50%;
		background-color: white;
		z-index:1002;
		overflow: auto;
	}

	div.homesub_title {
		background-color: #2B2E2F;
		color: #FFA017;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	div.homesub_content {
		text-align: bottom;
	}


	div.footer {
		font-size: 12px;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 20px;
		background-color: #ffa017;
		border-top: 2px solid #2B2E2F;
		color: #2B2E2F;
		min-height: 10px;
		text-align: center;
	}

	div.footer a:link {
		color: #2B2E2F;
	}
	div.footer a:visited {
		color: #2B2E2F;
	}
	div.footer a:hover {
		color: #2B2E2F;
		text-decoration: underline;
	}

	div.pagetitle {
		width: 99%;
		padding-left: 1%;
		background-color: #2B2E2F;
		font-family: titlefont;
		font-size: 35px;
		color: #FFA017;
	}

	div.full {
		width: 100%;
	}

	div.full img {
		width: 100%;
	}

	div.some {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	div.some img {
		width: 100%;
	}

	div.fifty {
		width: 99%;
		padding: 1%;
		/*float: left;*/
	}

	div.fifty p {
		padding-top: 10px;
		padding-bottom: 4px;
	}

	div.fifty img {
		padding-top: 10px;
		padding-bottom: 4px;
		width: 100%;
	}

	div.pagewrap {
		margin-left: auto;
		margin-right: auto;
		width: 98%;
	}

	div.news_strap {
		width: 95%;
		padding-left: 5%;
	}


	form.contactform {
		width: 400px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding: 20px;
	}

	form.contactform label {
		font-size: 20px;
	}

	form.contactform input {
		display: block;
		width: 300px;
		font-size: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	form.contactform textarea {
		display: block;
		width: 300px;
		height: 100px;
		margin-left: auto;
		margin-right: auto;
		font-size: 20px;
	}

	img.contactimg {
		width:90%;
	}

	form.sign label {
		display: block;
	}

	form.sign input {
		display:block;
	}

}

@media only screen and (min-width:902px) and (max-width: 1060px) {
	div.mob_title_nav {
		display: none;
	}

	div.greenmob_title_nav {
		display: none;
	}
	body {
		font-family: klima;
		padding: 0;
		margin: 0;
		color: #2B2E2F;
	}

	p {
		padding: 0;
		margin: 0;
	}

	span.bold {
		font-weight: bold;
	}

	a:link {
		color: #7D959B;
		text-decoration: none;
	}

	a:visited {
		color: #7D959B;
		text-decoration: none;
	}

	a:hover {
		color: #FFA017;
		text-decoration: none;
	}

	div.total_wrapper {
		width:100%;
	}

	div.titlebar {
		min-height: 70px;
		background-color: #FFA017;
		overflow-y: scroll;
	}

	div.greentitlebar {
		min-height: 70px;
		background-color: #99CC00;
		overflow-y: scroll;
	}

	div.titlebar_logo img {
		height: 70px;
	}

	div.titlebar_logo {
		float:left;
	}

	div.titlebar_button {
		padding-top: 20px;
		padding-bottom: 24px;
		font-size: 18px;
		padding-left: 1%;
		padding-right: 1%;
		float:right;
		color: #2B2E2F;
	}

	div.titlebar_button a:link {
		color: #2B2E2F
	}
	div.titlebar_button a:visited {
		color: #2B2E2F
	}
	div.titlebar_button a:hover {
		color: #FFA017;
	}

	div.titlebar_button:hover {
		float:right;
		background-color: #2B2E2F;
		color: #FFA017;
	}

	div.titlebar_button:hover a{
		float:right;
		background-color: #2B2E2F;
		color: #FFA017;
	}

	div.mob_titlebar_button {
		display: none;
	}

	div.greenmob_titlebar_button {
		display: none;
	}

	div.greentitlebar_logo img {
		height: 70px;
	}

	div.greentitlebar_logo {
		float:left;
	}

	div.greentitlebar_button {
		padding-top: 20px;
		padding-bottom: 24px;
		font-size: 18px;
		padding-left: 1%;
		padding-right: 1%;
		float:right;
		color: #2B2E2F;
	}

	div.greentitlebar_button a:link {
		color: #2B2E2F
	}
	div.greentitlebar_button a:visited {
		color: #2B2E2F
	}
	div.greentitlebar_button a:hover {
		color: #FFA017;
	}

	div.greentitlebar_button:hover {
		float:right;
		background-color: #FFFF00;
		color: #2B2E2F;
	}

	div.greentitlebar_button:hover a{
		float:right;
		background-color: #FFFF00;
		color: #2B2E2F;
	}

	div.beamer {
		width: 100%;
		height: 350px;
		font-size: 20px;
	}

	div.beamergroup {
		padding-top: 30px;
	}

	div#home2 {
		background-image: url('../img/homegroup.jpg');
		background-size: cover; 
		background-position: center center;
		height:450px;
		background-color: red;
	}

	div#home1 {
		background-image: url('../img/homegroup4.jpg');
		background-size: cover; 
		background-position: center center;
		height:450px;
		background-color: red;
	}

	div#home3 {
		background-image: url('../img/homegroup5.jpg');
		background-size: cover; 
		background-position: center center;
		height:450px;
		background-color: red;
	}

	div#home1 p {
		display: none;
		color: white;
		font-size: 20px;
	}

	div#home1_tint {
		display: none;
		background-color: rgba(43,46,47,0.8);
		height: 450px;
	}

	div#home2 p {
		display: none;
		color: white;
		font-size: 20px;
	}

	div#home2_tint {
		display: none;
		background-color: rgba(43,46,47,0.8);
		height: 450px;
	}

	div#home3 p {
		display: none;
		color: white;
		font-size: 20px;
	}

	div#home3_tint {
		display: none;
		background-color: rgba(43,46,47,0.8);
		height: 450px;
	}


	span.beamertext {
		background-color: rgba(43,46,47,1);
		color: #bad4db;
		padding: 7px;
	}

	div.homebeamer {
		background-image: url('../img/home.png');
		background-size: cover;
		background-position: center center;
	}

	div.perc_30 {
		width:100%;
		text-align: center;
	}

	div.thirty {
		width:40%;
		float:left;
	}

	div.thirty img {
		width: 100%;
	}

	div.seventy {
		width:60%;
		float:left;
	}

	div.seventy img {
		width: 100%;
	}

	span.titlediv {
		padding: 5px;
		font-family: titlefont;
		font-size: 70px;
		background-color: rgba(43,46,47,1);
		color: white;
	}

	span.subtitle {
		font-family: titlefont;
		font-size: 50px;
	}

	span.green {
		color: #99CC00;
	}

	div.spacer {
		clear:both;
		padding: 0;
		margin: 0;
		display: block;
	}
	div.beamer70 {
		width:70%;
		float: left;
	}

	div.beamer30 {
		width:30%;
		float: left;
	}

	div.beamerbutton {
		color: white;
		text-align: center;
		font-size: 30px;
		background-color: #2B2E2F;
		padding: 5px;
		margin-top: 30px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	div.beamerbutton a:link {
		color: white;
	}
	div.beamerbutton a:visited {
		color: white;
	}
	div.beamerbutton a:hover {
		color: #FFA017;
	}


	div.signupbox {
		display: none;
		position: absolute;
		top: 25%;
		left: 25%;
		width: 50%;
		height: 50%;
		background-color: white;
		z-index:1002;
		overflow: auto;
	}

	div.homesub_title {
		background-color: #2B2E2F;
		color: #FFA017;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	div.homesub_content {
		text-align: bottom;
	}


	div.footer {
		font-size: 12px;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 20px;
		background-color: #ffa017;
		border-top: 2px solid #2B2E2F;
		color: #2B2E2F;
		height: 10px;
		text-align: center;
	}

	div.footer a:link {
		color: #2B2E2F;
	}
	div.footer a:visited {
		color: #2B2E2F;
	}
	div.footer a:hover {
		color: #2B2E2F;
		text-decoration: underline;
	}

	div.pagetitle {
		width: 99%;
		padding-left: 1%;
		background-color: #2B2E2F;
		font-family: titlefont;
		font-size: 35px;
		color: #FFA017;
	}

	div.full {
		width: 100%;
	}

	div.full img {
		width: 100%;
	}

	div.some {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	div.some img {
		width: 100%;
	}

	div.fifty {
		width: 48%;
		padding: 1%;
		float: left;
	}

	div.fifty p {
		padding-top: 10px;
		padding-bottom: 4px;
	}

	div.fifty img {
		padding-top: 10px;
		padding-bottom: 4px;
		width: 100%;
	}

	div.pagewrap {
		margin-left: auto;
		margin-right: auto;
		width: 98%;
	}

	div.news_strap {
		width: 95%;
		padding-left: 5%;
	}


	form.contactform {
		width: 400px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding: 20px;
	}

	form.contactform label {
		font-size: 20px;
	}

	form.contactform input {
		display: block;
		width: 300px;
		font-size: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	form.contactform textarea {
		display: block;
		width: 300px;
		height: 100px;
		margin-left: auto;
		margin-right: auto;
		font-size: 20px;
	}

	img.contactimg {
		width:90%;
	}

	form.sign label {
		display: block;
	}

	form.sign input {
		display:block;
	}
}

@media only screen and (min-width: 1061px) and (max-width: 1700px) {
	body {
		font-family: klima;
		padding: 0;
		margin: 0;
		color: #2B2E2F;
	}

	p {
		padding: 0;
		margin: 0;
	}

	span.bold {
		font-weight: bold;
	}

	a:link {
		color: #7D959B;
		text-decoration: none;
	}

	a:visited {
		color: #7D959B;
		text-decoration: none;
	}

	a:hover {
		color: #FFA017;
		text-decoration: none;
	}

	div.total_wrapper {
		width:100%;
	}

	div.titlebar {
		min-height: 70px;
		background-color: #FFA017;
		overflow-y: scroll;
	}

	div.greentitlebar {
		min-height: 70px;
		background-color: #99CC00;
		overflow-y: scroll;
	}

	div.mob_title_nav {
		display: none;
	}

	div.greenmob_title_nav {
		display: none;
	}

	div.titlebar_logo img {
		height: 70px;
	}

	div.titlebar_logo {
		float:left;
	}

	div.titlebar_button {
		padding-top: 20px;
		padding-bottom: 24px;
		font-size: 18px;
		padding-left: 20px;
		padding-right: 20px;
		float:right;
		color: #2B2E2F;
	}

	div.titlebar_button a:link {
		color: #2B2E2F
	}
	div.titlebar_button a:visited {
		color: #2B2E2F
	}
	div.titlebar_button a:hover {
		color: #FFA017;
	}

	div.titlebar_button:hover {
		float:right;
		background-color: #2B2E2F;
		color: #FFA017;
	}

	div.titlebar_button:hover a{
		float:right;
		background-color: #2B2E2F;
		color: #FFA017;
	}

	div.mob_titlebar_button {
		display: none;
	}

	div.greenmob_titlebar_button {
		display: none;
	}

	div.greentitlebar_logo img {
		height: 70px;
	}

	div.greentitlebar_logo {
		float:left;
	}

	div.greentitlebar_button {
		padding-top: 20px;
		padding-bottom: 24px;
		font-size: 18px;
		padding-left: 20px;
		padding-right: 20px;
		float:right;
		color: #2B2E2F;
	}

	div.greentitlebar_button a:link {
		color: #2B2E2F
	}
	div.greentitlebar_button a:visited {
		color: #2B2E2F
	}
	div.greentitlebar_button a:hover {
		color: #FFA017;
	}

	div.greentitlebar_button:hover {
		float:right;
		background-color: #FFFF00;
		color: #2B2E2F;
	}

	div.greentitlebar_button:hover a{
		float:right;
		background-color: #FFFF00;
		color: #2B2E2F;
	}

	div.beamer {
		width: 100%;
		height: 350px;
		font-size: 20px;
	}

	div.beamergroup {
		padding-top: 30px;
	}

	div#home2 {
		background-image: url('../img/homegroup.jpg');
		background-size: cover; 
		background-position: center center;
		height:250px;
		background-color: red;
	}

	div#home1 {
		background-image: url('../img/homegroup4.jpg');
		background-size: cover; 
		background-position: center center;
		height:250px;
		background-color: red;
	}

	div#home3 {
		background-image: url('../img/homegroup5.jpg');
		background-size: cover; 
		background-position: center center;
		height:250px;
		background-color: red;
	}

	div#home1 p {
		display: none;
		color: white;
		font-size: 20px;
	}

	div#home1_tint {
		display: none;
		background-color: rgba(43,46,47,0.8);
		height: 250px;
	}

	div#home2 p {
		display: none;
		color: white;
		font-size: 20px;
	}

	div#home2_tint {
		display: none;
		background-color: rgba(43,46,47,0.8);
		height: 250px;
	}

	div#home3 p {
		display: none;
		color: white;
		font-size: 20px;
	}

	div#home3_tint {
		display: none;
		background-color: rgba(43,46,47,0.8);
		height: 250px;
	}


	span.beamertext {
		background-color: rgba(43,46,47,1);
		color: #bad4db;
		padding: 7px;
	}

	div.homebeamer {
		background-image: url('../img/home.png');
		background-size: cover;
		background-position: center center;
	}

	div.perc_30 {
		width: 33.3333333%;
		float:left;
		text-align: center;
	}

	div.thirty {
		width:40%;
		float:left;
	}

	div.thirty img {
		width: 100%;
	}

	div.seventy {
		width:60%;
		float:left;
	}

	div.seventy img {
		width: 100%;
	}

	span.titlediv {
		padding: 5px;
		font-family: titlefont;
		font-size: 70px;
		background-color: rgba(43,46,47,1);
		color: white;
	}

	span.subtitle {
		font-family: titlefont;
		font-size: 35px;
	}

	span.green {
		color: #99CC00;
	}

	div.spacer {
		clear:both;
		padding: 0;
		margin: 0;
		display: block;
	}
	div.beamer70 {
		width:70%;
		float: left;
	}

	div.beamer30 {
		width:30%;
		float: left;
	}

	div.beamerbutton {
		color: white;
		text-align: center;
		font-size: 30px;
		background-color: #2B2E2F;
		padding: 5px;
		margin-top: 30px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	div.beamerbutton a:link {
		color: white;
	}
	div.beamerbutton a:visited {
		color: white;
	}
	div.beamerbutton a:hover {
		color: #FFA017;
	}


	div.signupbox {
		display: none;
		position: absolute;
		top: 25%;
		left: 25%;
		width: 50%;
		height: 50%;
		background-color: white;
		z-index:1002;
		overflow: auto;
	}

	div.homesub_title {
		background-color: #2B2E2F;
		color: #FFA017;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	div.homesub_content {
		text-align: bottom;
	}


	div.footer {
		font-size: 12px;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 20px;
		background-color: #ffa017;
		border-top: 2px solid #2B2E2F;
		color: #2B2E2F;
		height: 10px;
		text-align: center;
	}

	div.footer a:link {
		color: #2B2E2F;
	}
	div.footer a:visited {
		color: #2B2E2F;
	}
	div.footer a:hover {
		color: #2B2E2F;
		text-decoration: underline;
	}

	div.pagetitle {
		width: 99%;
		padding-left: 1%;
		background-color: #2B2E2F;
		font-family: titlefont;
		font-size: 35px;
		color: #FFA017;
	}

	div.full {
		width: 100%;
	}

	div.full img {
		width: 100%;
	}

	div.some {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	div.some img {
		width: 100%;
	}

	div.fifty {
		width: 48%;
		padding: 1%;
		float: left;
	}

	div.fifty p {
		padding-top: 10px;
		padding-bottom: 4px;
	}

	div.fifty img {
		padding-top: 10px;
		padding-bottom: 4px;
		width: 100%;
	}

	div.pagewrap {
		margin-left: auto;
		margin-right: auto;
		width: 98%;
	}

	div.news_strap {
		width: 95%;
		padding-left: 5%;
	}


	form.contactform {
		width: 400px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding: 20px;
	}

	form.contactform label {
		font-size: 20px;
	}

	form.contactform input {
		display: block;
		width: 300px;
		font-size: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	form.contactform textarea {
		display: block;
		width: 300px;
		height: 100px;
		margin-left: auto;
		margin-right: auto;
		font-size: 20px;
	}

	img.contactimg {
		width:90%;
	}

	form.sign label {
		display: block;
	}

	form.sign input {
		display:block;
	}
}

@media only screen and (min-width: 1701px) {
	body {
		font-family: klima;
		padding: 0;
		margin: 0;
		color: #2B2E2F;
	}

	p {
		padding: 0;
		margin: 0;
	}

	span.bold {
		font-weight: bold;
	}

	a:link {
		color: #7D959B;
		text-decoration: none;
	}

	a:visited {
		color: #7D959B;
		text-decoration: none;
	}

	a:hover {
		color: #FFA017;
		text-decoration: none;
	}

	div.total_wrapper {
		width:1700px;
		margin-right: auto;
		margin-left: auto;
	}

	div.titlebar {
		min-height: 70px;
		background-color: #FFA017;
		overflow-y: scroll;
	}

	div.greentitlebar {
		min-height: 70px;
		background-color: #99CC00;
		overflow-y: scroll;
	}

	div.mob_title_nav {
		display: none;
	}

	div.greenmob_title_nav {
		display: none;
	}

	div.titlebar_logo img {
		height: 70px;
	}

	div.titlebar_logo {
		float:left;
	}

	div.titlebar_button {
		padding-top: 20px;
		padding-bottom: 24px;
		font-size: 18px;
		padding-left: 20px;
		padding-right: 20px;
		float:right;
		color: #2B2E2F;
	}

	div.titlebar_button a:link {
		color: #2B2E2F
	}
	div.titlebar_button a:visited {
		color: #2B2E2F
	}
	div.titlebar_button a:hover {
		color: #FFA017;
	}

	div.titlebar_button:hover {
		float:right;
		background-color: #2B2E2F;
		color: #FFA017;
	}

	div.titlebar_button:hover a{
		float:right;
		background-color: #2B2E2F;
		color: #FFA017;
	}

	div.mob_titlebar_button {
		display: none;
	}

	div.greenmob_titlebar_button {
		display: none;
	}

	div.greentitlebar_logo img {
		height: 70px;
	}

	div.greentitlebar_logo {
		float:left;
	}

	div.greentitlebar_button {
		padding-top: 20px;
		padding-bottom: 24px;
		font-size: 18px;
		padding-left: 20px;
		padding-right: 20px;
		float:right;
		color: #2B2E2F;
	}

	div.greentitlebar_button a:link {
		color: #2B2E2F
	}
	div.greentitlebar_button a:visited {
		color: #2B2E2F
	}
	div.greentitlebar_button a:hover {
		color: #FFA017;
	}

	div.greentitlebar_button:hover {
		float:right;
		background-color: #FFFF00;
		color: #2B2E2F;
	}

	div.greentitlebar_button:hover a{
		float:right;
		background-color: #FFFF00;
		color: #2B2E2F;
	}

	div.beamer {
		width: 100%;
		height: 350px;
		font-size: 20px;
	}

	div.beamergroup {
		padding-top: 30px;
	}

	div#home2 {
		background-image: url('../img/homegroup.jpg');
		background-size: cover; 
		background-position: center center;
		height:250px;
		background-color: red;
	}

	div#home1 {
		background-image: url('../img/homegroup4.jpg');
		background-size: cover; 
		background-position: center center;
		height:250px;
		background-color: red;
	}

	div#home3 {
		background-image: url('../img/homegroup5.jpg');
		background-size: cover; 
		background-position: center center;
		height:250px;
		background-color: red;
	}

	div#home1 p {
		display: none;
		color: white;
		font-size: 20px;
	}

	div#home1_tint {
		display: none;
		background-color: rgba(43,46,47,0.8);
		height: 250px;
	}

	div#home2 p {
		display: none;
		color: white;
		font-size: 20px;
	}

	div#home2_tint {
		display: none;
		background-color: rgba(43,46,47,0.8);
		height: 250px;
	}

	div#home3 p {
		display: none;
		color: white;
		font-size: 20px;
	}

	div#home3_tint {
		display: none;
		background-color: rgba(43,46,47,0.8);
		height: 250px;
	}


	span.beamertext {
		background-color: rgba(43,46,47,1);
		color: #bad4db;
		padding: 7px;
	}

	div.homebeamer {
		background-image: url('../img/home.png');
		background-size: cover;
		background-position: center center;
	}

	div.perc_30 {
		width: 33.3333333%;
		float:left;
		text-align: center;
	}

	div.thirty {
		width:40%;
		float:left;
	}

	div.thirty img {
		width: 100%;
	}

	div.seventy {
		width:60%;
		float:left;
	}

	div.seventy img {
		width: 100%;
	}

	span.titlediv {
		padding: 5px;
		font-family: titlefont;
		font-size: 70px;
		background-color: rgba(43,46,47,1);
		color: white;
	}

	span.subtitle {
		font-family: titlefont;
		font-size: 35px;
	}

	span.green {
		color: #99CC00;
	}

	div.spacer {
		clear:both;
		padding: 0;
		margin: 0;
		display: block;
	}
	div.beamer70 {
		width:70%;
		float: left;
	}

	div.beamer30 {
		width:30%;
		float: left;
	}

	div.beamerbutton {
		color: white;
		text-align: center;
		font-size: 30px;
		background-color: #2B2E2F;
		padding: 5px;
		margin-top: 30px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	div.beamerbutton a:link {
		color: white;
	}
	div.beamerbutton a:visited {
		color: white;
	}
	div.beamerbutton a:hover {
		color: #FFA017;
	}


	div.signupbox {
		display: none;
		position: absolute;
		top: 25%;
		left: 25%;
		width: 50%;
		height: 50%;
		background-color: white;
		z-index:1002;
		overflow: auto;
	}

	div.homesub_title {
		background-color: #2B2E2F;
		color: #FFA017;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	div.homesub_content {
		text-align: bottom;
	}


	div.footer {
		font-size: 12px;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 20px;
		background-color: #ffa017;
		border-top: 2px solid #2B2E2F;
		color: #2B2E2F;
		height: 10px;
		text-align: center;
	}

	div.footer a:link {
		color: #2B2E2F;
	}
	div.footer a:visited {
		color: #2B2E2F;
	}
	div.footer a:hover {
		color: #2B2E2F;
		text-decoration: underline;
	}

	div.pagetitle {
		width: 99%;
		padding-left: 1%;
		background-color: #2B2E2F;
		font-family: titlefont;
		font-size: 35px;
		color: #FFA017;
	}

	div.full {
		width: 100%;
	}

	div.full img {
		width: 100%;
	}

	div.some {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	div.some img {
		width: 100%;
	}

	div.fifty {
		width: 48%;
		padding: 1%;
		float: left;
	}

	div.fifty p {
		padding-top: 10px;
		padding-bottom: 4px;
	}

	div.fifty img {
		padding-top: 10px;
		padding-bottom: 4px;
		width: 100%;
	}

	div.pagewrap {
		margin-left: auto;
		margin-right: auto;
		width: 98%;
	}

	div.news_strap {
		width: 95%;
		padding-left: 5%;
	}


	form.contactform {
		width: 400px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding: 20px;
	}

	form.contactform label {
		font-size: 20px;
	}

	form.contactform input {
		display: block;
		width: 300px;
		font-size: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	form.contactform textarea {
		display: block;
		width: 300px;
		height: 100px;
		margin-left: auto;
		margin-right: auto;
		font-size: 20px;
	}

	img.contactimg {
		width:90%;
	}

	form.sign label {
		display: block;
	}

	form.sign input {
		display:block;
	}
}