html,
body {
    background: #f5f3f0;
}
html {height: 100%!important;}
body {
	margin: 0px;
    min-height: 100%;
    width: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	/*background-color: #666;
  background-blend-mode: screen;*/}
  
h1 {  
		max-width:600px;  
}
	  
@media (min-width:1000px) {  
	h1 {  
		max-width:840px;  
	}
}
/*@media (max-width:769px) {
.btncontact {
 
    width: 100px;
}
.btncontact a{  
    font-size: 1.6rem!important;
}
}*/

#mainContent-inner {padding-bottom:100px;}
#dnn_CenterPane {border-bottom: 4px solid #54b7e6;} 

form {
    box-shadow: none !important;
}

main {
    max-width: 1200px;
    margin: 50px auto;
	min-height: 600px;
	background:transparent!important;
}

main,
.DNNEmptyPane {
    
}

.DNNEmptyPane {
    display: none;
    border: none !important;
}

.dnnpane {
	display: flex;
}

.panes {
    margin: 1rem;
    background: #ffffff!important;
    border: 1px solid #ddd;
    border-radius: .3rem;
}

#banner {
	z-index:1111111;
  }

#banner {position:relative; width: 100%; height: 42px;}
header {position:fixed; width: 100%; z-index: 11111111;}
#dnnMenu {position:fixed;}
#logo {position:absolute;}
@media (min-width: 768px) {
 .search {position:absolute;}
}

#dnn_CenterPane {
    flex: 1;
	padding-right: 15px!important;
    height: 100%;
    min-height: 100%!important;
    padding-left: 15px!important;

  	/*height: expression( this.scrollHeight < 501 ? "500px" : "auto" );*/
}

.img-border {
    /*max-width: 500px;*/
    border: 5px solid #fdfdfd;
    padding: 0rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.left {float:left; margin-right: 10px; margin-bottom: 10px;}

.projectdiv {text-align:center; width: 49%!important; margin-bottom: 20px; }
.projectdiv a{display:block;}
.projectdiv img{width: 80%;}

.ecdevdatatable {
	border: 0px solid #fdfdfd;
    padding: 0rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	border-collapse: separate;
	}
	
.ecdevdatatable td, th {
	font-size: 1.6rem; 
	text-align:right;
    line-height: 2rem; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-bottom: 5px; 
	border: 0px solid #CCC;}
	
.ecdevdatatable td {text-align:right;}	

.ecdevchart {
	border: 2px solid #fdfdfd;
    padding: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	margin-bottom: 5px; 
	}
	
.greenhr {
	color:#169fa5; 
	background-color:#169fa5; 
	height: 3px;
	}

.introtext {
	font-size:1.8em;
	line-height: 1.2em;
	
	margin-left:20px; margin-right:20px;
	line-height: 1.4em;
	color: #686868;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
	font-family: 'Muli',Helvetica,Arial,Lucida,sans-serif!important; /*Quicksand*/
}

.contact {position:absolute; top: 20px; right: 20px; }

a:focus {border: 0px solid #7CA0C0!important;}
		
.main-pane {margin-top: 30px!important;}


@media (max-width:900px) {
.introtext {	
	font-size:1.6em;
	line-height: 30px;
	margin-left:10px; margin-right:10px;
	}
}

@media (max-width:769px) {
.introtext {	
	font-size:1.4em;
	line-height: 26px;
	margin-left:10px; margin-right:10px;
	}
}
#google_translate_element {
    position: absolute;
    top: 44px;
	right: 4px;
}

@media only screen and (max-width:768px) {
    .dnnpane {
        flex-flow: column wrap;
    }
	 
	#dnn_CenterPane {
		padding-top: 30px!important
	}
 /**** fixed IE under 769 height !!! *****/
	#dnn_CenterPane, .main-pane, #mainContent-inner, main, body{	
  		display: block;
		overflow: auto;
	}
	#google_translate_element {top: 60px;}
}


/*@media (max-width: 768px) {
#google_translate_element {top: 60px;}
#dnnMenu {position: relative;}
.titles {top: 108px;}

}*/