/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

p { background:; }
.ie p { background:; }
.lte7 p { background:; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	display: none;
	-webkit-text-size-adjust: none;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
font-weight: 700 !important;
font: inherit;} 


/* **************************** MAIN STRUCTURAL STYLES **************************** */

html, body {
	height:100%;
	margin:0;
	padding:0
	} 

body {
	margin: 0;
	width: 100%;
	height: 100%;
	font: normal 100% Arial, Helvetica, sans-serif;
	color: #333;
	background: url(../img/bgMain.gif) repeat;
	text-align: center;
}

	#wrapperContainer {
		max-width: 75em;      /* 1200px / 16px */
		margin: 0 auto;
		display: block;
	}
	
/* **************************** MAIN TEXT STYLES **************************** */

a {
	color: #9C0F5E;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

p {
	margin: 5px 0;
}

/* Access key skip nav */

.offScreen { 
	display: none;
	float: none;
}

.printOnly {
	display: none;
}

.left {
	float: left;
	margin: 10px 10px 0 0;
}

/* **************************** HEADER PANEL STYLES **************************** */

header {
	float: left;
	width: 100%;
	text-align: center;
	display: block;	
	position: relative;
	z-index: 1000;
	*height: 166px;
}

	h1 {
		float: left;	
		margin: 20px 0;
	}

	nav {
		position: absolute;
		bottom: 25px;
		right: 0;
	}
	
		nav li {
			display: inline;
			font-family: 'Raleway', sans-serif;
			font-size: 0.9em;
			font-weight: 500;
			text-transform: uppercase;	
			padding-left: 20px;
			background: url(../img/bgNavDivider.png) left center no-repeat;
		}
		
			nav li:first-child, nav li.contact, nav li.facebook {
				background: none;
				padding-left: 0;
			}
			
			nav li a, nav li:first-child.current {
				padding: 5px;	
				font-weight: normal;
				color: #200D45;
				white-space: nowrap;
			}
			
				nav li.current a {
					color: #fff;
				}
			
				nav li a:hover, nav li a.current {
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
    				behavior: url(PIE/PIE.htc);
					position: relative;
					background: #200D45;	
					color: #fff;
				}
			
			nav li.contact a, nav li.facebook a {
				width: 40px;
				height: 40px;
				position: absolute;
				bottom: 90px;
				padding: 0;
			}
			
				nav li.contact a span, nav li.facebook a span {
					display: none;
				}					
			
			nav li.contact a {
				background: url(../img/iconMail.png) no-repeat;
				right: 50px;
			}					
			
			nav li.facebook a {
				background: url(../img/iconFb.png) no-repeat;
				right: 0px;
			}
			
/* **************************** SECTION PANEL STYLES **************************** */

section {	
	float: left;
	width: 100%;	
	text-align: left;
	position: relative;
	background: #fff;
}

	section p {
		margin-bottom: 15px;	
	}

	section img {
		max-width: 100%;
	}
	
	section.sub {
		overflow: hidden;
		height: 503px;	
	}
	
	section header {
		position: absolute;
		top: 65px;
		*height: auto;
		*left: 0;
	}
	
		section header h2 {
			width: auto;
			padding: 8px 18px 0;
			display: inline;
			background: #fff;
			color: #5F5F5F;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter: alpha(opacity=80);
			opacity: 0.8;
			font-family: 'Vollkorn', serif;
			font-size: 2.7em;
			text-transform: uppercase;
		}

	ul.spotlights {
		width: 100%;
		float: left;
		position: absolute;
		bottom: 4px;
		left: 0;
	}
	
		ul.spotlights li {
			width: 25%;
			color: #fff;
			font-family: 'Josefin Sans', sans-serif;
			font-size: 1.5em;
			font-weight: 400;
			line-height: 1.8em;
			float: left;
			text-align: center;
			position: relative;
			display: table;
			height: 100%;
		}
		
		ul.spotlights li a {
			color: #333;	
		}		
		
			ul.spotlights li:nth-of-type(1) {
				background-color: #9C0F5E;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
				background-color: rgba(156,15,94,0.7);
			}
		
			ul.spotlights li:nth-of-type(2) {
				background-color: #5F0479\9;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
				background-color: rgba(95,4,121,0.7);
			}
		
			ul.spotlights li:nth-of-type(3) {
				background-color: #F1671F\9;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
				background-color: rgba(241,103,31,0.7);
			}
		
			ul.spotlights li:nth-of-type(4) {
				background-color: #160B47\9;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
				background-color: rgba(22,11,71,0.7);
			}
			
			ul.spotlights li div {
				display: table;
				width: 90%;
				margin: 0 auto;
				padding: 7% 5%;
				height: 200px;
			}
			
				ul.spotlights li div.spotlightsOver {
					position: absolute;
					bottom: 0;
					left: 0;
					width: 80%;
					padding: 7% 10%;
				}	
				
				ul.spotlights li div p {
   					display: table-cell;
   					text-align: center;
   					vertical-align: middle;
				}
				
				ul.spotlights li div a {
					background: #fff;
					padding: 5px 15px;
					display: table;
					margin: 5px auto;
					width: auto;
					min-height: 10px;
					line-height: 1.0em;
					color: #333;
				}
				
					ul.spotlights li div.spotlightsOver a {
						padding: 2px 13px 8px;
					}
					
				ul.spotlights li:nth-of-type(1) div.spotlightsOver {
					background-color: #9C0F5E;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					background-color: rgba(156,15,94,1.0);
				}
			
				ul.spotlights li:nth-of-type(2) div.spotlightsOver {
					background-color: #5F0479\9;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					background-color: rgba(95,4,121,1.0);
				}
			
				ul.spotlights li:nth-of-type(3) div.spotlightsOver {
					background-color: #F1671F\9;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					background-color: rgba(241,103,31,1.0);
				}
			
				ul.spotlights li:nth-of-type(4) div.spotlightsOver {
					background-color: #160B47\9;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					background-color: rgba(22,11,71,1.0);
				}			
				
section.content {
	width: 96%;		
	padding: 2%;
	text-align: left;
	line-height: 1.8em;
}	
	
	section.content header {
		position: relative;
		top: 0;
		left: 0;
		text-align: left;
	}
	
		section.content header h3 {
			width: auto;
			padding: 0;
			float: left;
			color: #200D45;
			font-size: 1.3em;
			margin: 10px 0;
		}
		
	section.content ul {
		display: block;
		list-style: disc;
		padding-left: 15px;
	}
		
	section.content ul.docList, section.content ul.pdfList {
		display: block;
		list-style: none;
		padding: 0;
	}
	
		section.content ul.docList li, section.content ul.pdfList li {
			float: left;
			width: 97%;
			padding: 0 0 0 3%;
			margin: 5px 0;
		}
	
			section.content ul.docList li {
				background: url(../img/iconDoc.gif) no-repeat left center;
			}
	
			section.content ul.pdfList li {
				background: url(../img/iconPdf.gif) no-repeat left center;
			}
				
				
				
/* **************************** FOOTER STYLES ***************************** */		

footer {	
	float: left;
	width: 100%;	
	text-align: left;
	font-size: 0.8em;
	margin: 10px 0;
	font-weight: bold;
	color: #666;
}

	footer p.left {
		float: left;
		width: 45%;
	}			

	footer p.right {
		float: right;
		width: 45%;
		text-align: right;
	}	
	
	footer a {
		color: #200D45;
	}
	
/* **************************** FADE IN ***************************** */	

	ul.spotlights li { /* AND section img */
		opacity: 0;
		-webkit-animation: fadein ease-in 1;  /* call our keyframe named  fadein, use animattion ease-in and repeat it only 1 time */
		-moz-animation: fadein ease-in 1;
		-ms-animation: fadein ease-in 1;
		-o-animation: fadein ease-in 1;
		animation: fadein ease-in 1;
	
		-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
		-moz-animation-fill-mode:forwards;
		-ms-animation-fill-mode:forwards;
		-o-animation-fill-mode:forwards;
		animation-fill-mode:forwards;
	
		-webkit-animation-duration:1s;
		-moz-animation-duration:1s;
		-ms-animation-duration:1s;
		-o-animation-duration:1s;
		animation-duration:1s;
	}

		body.ie ul.spotlights li { /* AND section img */
			opacity: 1;		
		}
	
	ul.spotlights li:nth-of-type(1) {
		-o-animation-delay: 1.0s;
		-webkit-animation-delay: 1.0s;
		-moz-animation-delay: 1.0s;
		-o-animation-delay: 1.0s;
		animation-delay: 1.0s;
	}	
	
	ul.spotlights li:nth-of-type(2) {
		-o-animation-delay: 1.3s;
		-webkit-animation-delay: 1.3s;
		-moz-animation-delay: 1.3s;
		-o-animation-delay: 1.3s;
		animation-delay: 1.3s;
	}
		
	ul.spotlights li:nth-of-type(3) {
		-o-animation-delay: 1.6s;
		-webkit-animation-delay: 1.6s;
		-moz-animation-delay: 1.6s;
		-o-animation-delay: 1.6s;
		animation-delay: 1.6s;
	}
		
	ul.spotlights li:nth-of-type(4) {
		-o-animation-delay: 1.9s;
		-webkit-animation-delay: 1.9s;
		-moz-animation-delay: 1.9s;
		-o-animation-delay: 1.9s;
		animation-delay: 1.9s;
	}
	
	@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
	}
	
	/* Firefox < 16 */
	@-moz-keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}
	
	/* Safari, Chrome and Opera > 12.1 */
	@-webkit-keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}
	
	/* Internet Explorer */
	@-ms-keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}
	
	/* Opera < 12.1 */
	@-o-keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}
	
/*****************  GOOGLE MAPS *************************/

	#turbinesMap p {
		display: inline-block;
		clear: left;
		margin-right: 10px;
	}
	
		#turbinesMap p img {
			float: left;
			margin-right: 5px;
		}

    .google-maps {
		position: relative;
		padding-bottom: 60%; // This is the aspect ratio
		height: 0;
		overflow: hidden;
		max-width: 100%;
		margin-top: 20px;
    }
	
    .google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
    }
	
/* **************************** MOBILE STYLES ***************************** */		

	@media (max-width: 1145px) {
		
		ul.spotlights li {
			font-size: 1.3em;
		}
	
		h1 {
			margin: 20px 0 20px 20px;
		}	

		nav {
			right: 10px;
		}			
				
			nav li.contact a {
				right: 60px;
			}					
			
			nav li.facebook a {
				right: 10px;
			}
			
			footer {	
				width: 98%;	
				margin: 10px 1%;
			}
			
	}

	@media (max-width: 935px) {
	
		h1 {
			margin: 20px 0 60px 20px;
		}
			
			nav li.contact a, nav li.facebook a {
				bottom: 130px;
			}
	
	section header {
		top: 50px;
	}
	
		section header h2 {
			font-size: 1.8em;
		}
			
		ul.spotlights li div, ul.spotlights li div.spotlightsOver {
			padding-top: 2%;
			padding-bottom: 2%;
		}
	
		section.content ul.docList li, section.content ul.pdfList li {
			width: 95%;
			padding: 0 0 0 5%;
		}
		
	}

	@media (max-width: 730px) {
	
	section header {
		top: 40px;
	}
	
		section header h2 {
			font-size: 1.5em;
		}
			
		ul.spotlights li div {
			height: 160px;
		}
		
			ul.spotlights li {
				font-size: 1.2em;
			}
		
	}

	@media (max-width: 695px) {
	
		h1 {
			margin: 20px 0 80px 0;
		}
			
			nav li.contact a, nav li.facebook a {
				bottom: 150px;
			}
	
	section header {
		top: 35px;
	}
	
		section header h2 {
			font-size: 1.4em;
		}
			
		ul.spotlights li div, ul.spotlights li div.spotlightsOver {
			padding-top: 1%;
			padding-bottom: 1%;
		}
			
		ul.spotlights li div {
			height: 150px;
		}
		
			ul.spotlights li {
				font-size: 1.0em;
			}
		
	}
	
	@media (max-width: 568px) {
	
	/** this is for width 568px and 480px **/
	
		h1 {
			margin: 20px 0 100px 5px;
		}
			
			nav li.contact a, nav li.facebook a {
				bottom: 170px;
			}
	
	
		nav li {
			line-height: 160%;
		}	
			
	ul.spotlights {
		display: none;
	}
	
	section header {
		top: 45px;
	}
	
		ul.spotlights li {
			width: 50%;
		}
			
		ul.spotlights li div {
			height: 120px;
		}
		
	#turbinesMap {
		display: none;	
	}	
	
		section.content ul.docList li, section.content ul.pdfList li {
			width: 93%;
			padding: 0 0 0 7%;
		}
		
	
	}
	
	@media (max-width: 320px) {					
			
			nav li.contact a {
				bottom: 120px;
				right: 0px;
			}	
			
			nav li.facebook a {
				right: 0px;
			}
	
	section header {
		top: 35px;
	}
	
		section header h2 {
			font-size: 0.8em;
		}
	
		section.content ul.docList li, section.content ul.pdfList li {
			width: 90%;
			padding: 0 0 0 10%;
		}
	
	}