html {height: 100%; font-size: 100%}

* html a:hover { visibility:visible }

/*font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;*/ 

html, body {	
		font-family:  "Open Sans", "Trebuchet Ms", Helvetica, sans-serif;	
		padding: none;
		margin: 0;
		border: 0;
		text-align: center;
		/*background-color: pink;*/
		font-size:1em;
		height: 100%;
		line-height: 1.4;
		
  }
	
a {ountline-style: none; text-decoration: none; color: #aa1122;}

p {
	padding: none; border: 0; font-size:0.9em; color: #666666; line-height: 1.4;  /*padding-bottom: 1em;*/ 
	}
	
h1, h2 { font-weight: bold; font-style: italic; padding: none;  margin: 0; color: #333333;}

h1 {font-size:1.4em; }
h2 { font-size:1.2em; }

q {font-style: italic;}
img {width: 100%; border: none;}

#headernav {padding-top: 1em; }



#headernav { float: left; background-color: #ffffff;  width: 100%; }

#headercontainer, #maincontainer {padding-left:1.5em; padding-right:1.5em; }

#headercontainer {background-color: #ffffff;   }	
#maincontainer {padding-top: 1.5em; padding-bottom: 2em;}					 
#maincontent img {}						
#projectboxes, { padding-top: 1em; }
.shareBar {padding-top: 0.5em; }
h1 {padding-top: 1em;}
.infobox { padding-top: 1em; }	
.projectboxes li { padding-bottom: 1.5em; }
.pbtext {padding-bottom: 1em;}



.branding {float: right; 
	padding: 0.4em; 
	font-size: 1em; 
	font-weight: 600;
	}
	
	
#projectheader, #oldprojectheader, #contactheader, #maincontent, #errorheader{
		text-align: left;
		padding: 0;
		overflow: hidden;
		margin: 0;
		margin: auto;
		border: 0;
		width: 100%;
		max-width: 70.4375em; /*1127px*/
		min-width: 40.3125em;
		}
	
#projectheader, #oldprojectheader, #contactheader {border-bottom: 0.3em solid #eee; }	
				 
.headernav ul li { display: inline; }
.headernav ul { padding: 0; margin: 0;  }
.headernav ul li a {
	float: left; text-align: center;
	padding: 0.4em; padding-right: 1em;
	padding-left: 1em;
	text-decoration: none;  
	font-size: 1em; 
	font-style: italic;
	font-weight: 600; 
	background-color: white; 
	color:#333333;
	
	}	/*topnav basic styling*/

	
.shareBar { padding-top: 0.5em; display: block; width: 100%;  float: left;}	

.shareBar a {  display: block;   float: left; padding-right: 5px; padding-top: 5px; }

	.facebook { width: 55px; height: 20px; background:url(images/fbShareButton.png); background-repeat: no-repeat;}
 	.googlePlus { width: 57px; height: 20px; background:url(images/gpButton.png); background-repeat: no-repeat;}
  .twitter { width: 56px; height: 20px; background:url(images/twitterButton.png); background-repeat: no-repeat; }
	.pinterest { width: 40px; height: 20px; background:url(images/pinitButton.png); background-repeat: no-repeat; }
 
 
.faceBookLink {width: 30px;}

@media only screen and (max-device-width: 600px) {
  .headernav ul li a {
  	padding: 1.5em;
  	padding-top: 0.6em;
  	padding-bottom: 0.6em;
  	font-size: 2em; 
	}
	
	#projectheader, #oldprojectheader, #contactheader {border-bottom: 0.5em solid #eee; }
	
	h1 {font-size:3em; padding: none; }
	h2 { font-size:2.8em; }
	
	p {font-size: 2.5em;  }
	
	.pbtext, .infobox {max-height: 999999px;}
	.pbtext p {/*visibility: hidden; height: 0;*/  }
	.branding {visibility: hidden; width: 0; }
	
	/*.shareBar {visibility: hidden !important; height: 0 !important;}*/
	
}


	
	/* border-top: .0625em solid white; 
	 width: 8em; */
	
.headernav ul li a:hover {background-color: #f8f8f8;}

#projectheader li.project a,  #oldprojectheader li.oldproject a, #contactheader li.contact a, #bitsheader li.bits a {background-color: #eee;}/*styles current topnav item*/

#projectheader li.project a:hover,  #contactheader li.contact a:hover, #oldprojectheader li.oldproject a:hover {background-color: #f1f1f1;}/*styles current topnav item rollover*/



.projectboxes ul, .projectboxes li { list-style: none; }
.projectboxes ul {padding: 0; margin: 0; float: left; width: 100%;   }
.projectboxes ul a{  display: block; color: #444444;  background-color: #f4f4f4; overflow: hidden;   }	
.projectboxes ul a:hover {	 background-color: #eeeeee; overflow: hidden;  color: black; }	

.pbtext {  display: block; width: 90%; cursor: pointer; margin: none; padding-left: 2em;}
.pbtext p {padding: none;}


.infobox { display: block; width: 100%;  float: left;}
.infobox p { margin-right: 2em;}
.infobox h2 { padding-bottom: 1em;}




.projectboxes ul .moreProjects a {background-color: #444; text-align: center; padding-top: 1.5em; }
.projectboxes ul .moreProjects a:hover{background-color: #666;}


.moreProjects h1 {color: white; padding: 1em;}



.leftcolumn, .rightcolumn { float: left; width: 50%}
/*change all 3 to adjust central gap */
.leftcolumn {margin-left: -0.5em;}
.rightcolumn {margin-right: -0.5em;}
.centralcolumn {width: 1em; float: left; background-color: white;}
.leftcolumn img, .rightcolumn img {padding-bottom: 1em;}





.sixtybox {width: 60%; }
.sixtybox p {}

#videobox {width: 100%; background-color: white; float: left; }

.sixtyvideobox {width: 60%; background-color: #444444; float: left; } 

.windfilm {background:url(images/wind1.jpg);
background-size:100%;
background-repeat:no-repeat;}

 .auto-resizable-iframe {
  max-width: 1127px;
  margin: 0px auto;
}

.auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
}

.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}