article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }

html,
body {
	margin: 0px;
	height: 100%;
	background: #ffffff url('../images/background-gradient.png') repeat-x top center;
	color: #393939;
}

#page {
	min-height: 100%;
	background: url('../images/background-windmill.png') no-repeat 25px 135px;
	font-family: 'Tahoma', 'Helvetica', sans-serif;
}

.grid {	background: url('../images/16_col.gif') repeat-y top center; }

header {
	margin-bottom: 33px;
	overflow: hidden;
}

header h1 a {
	width: 330px;
	height: 135px;
	margin-left: -25px;
	padding: 25px;
	text-indent: -9999px;
	background: url('../images/logo.png') no-repeat center center;
	display: block;
	overflow: hidden;
}

header h2 a {
	width: 330px;
	height: 135px;
	margin-left: -25px;
	padding: 25px;
	text-indent: -9999px;
	background: url('../images/SGES_SGSI_square.png') no-repeat center center;
	display: block;
	overflow: hidden;
}

header nav > ul {
	margin: 0px;
	padding: 20px 0px 10px 0px;
	background-color: #66424d;
	background: #66424d url('../images/nav-background.png') no-repeat top center;
	list-style: none;
}

header nav > ul span {
	margin-left: 10px;
	text-transform: uppercase;
	font-family: 'KnockoutHTF29-JuniorLiteweight', sans-serif;
	font-size: 18px;
	color: #ffffff;
}

header nav > ul a {
	padding: 2px 0px 2px 10px;
	text-decoration: none;
	font-style: italic;
	font-size: 12px;
	color: #c3c3c3;
	display: block;
}

header nav > ul a:hover {
	background-color: #fff494;
	color: #246fcd;
}

header nav > ul li ul {
	margin: 0px;
	list-style: none;
}

header nav li:first-child span,
header nav li:first-child ul { padding-left: 1px; }

header nav li:last-child span,
header nav li:last-child ul { padding-right: 1px; }


header nav li ul li { margin: 0px; }

body.home-farm-business nav li.home-farm-business a,
body.Met_Towers nav li.Met_Towers a,
body.installation nav li.installation a,
body.educational-initiatives nav li.educational-initiatives a,
body.developers nav li.developers a,
body.community-power nav li.community-power a,
body.tribal-initiatives nav li.tribal-initiatives a,
body.technology nav li.technology a,
body.wind-calculator nav li.wind-calculator a,
body.project-locations nav li.project-locations a,
body.adamski-installation nav li.projects a,
body.wausau-installation nav li.projects a,
body.prehn-installation nav li.projects a,
body.feathered-installation nav li.projects a,
body.newforest-installation nav li.projects a,
body.wind-maps nav li.wind-maps a,
body.who-we-are nav li.who-we-are a,
body.contact nav li.contact a 
body.home nav li.home a {
	background-color: #fff494;
	color: #246fcd;
}

aside { margin-bottom: 10px; }

aside blockquote {
	min-height: 205px;
	padding-bottom: 12px;
	background: url('../images/border-plus-signs.png') repeat-x bottom right;
	text-align: right;
	color: #4482d0;
}

aside blockquote p {
	margin: 0px;
	text-transform: uppercase;
	font-family: 'KnockoutHTF27-JuniorBantamwt', sans-serif;
	font-size: 40px;
	line-height: 46px;
}

aside blockquote p:before { content: ''; }
aside blockquote p:after { content: ''; }

aside blockquote span {
	font-family: 'KnockoutHTF48-Featherweight', sans-serif;
	color: #66424d;
}

aside blockquote cite { font-size: 12px; }
aside blockquote cite:before { content: ''; }

aside h1 {
	background: url('../images/border-plus-signs.png') repeat-x bottom right;
	text-align: right;
	text-transform: uppercase;
	font-family: 'KnockoutHTF29-JuniorLiteweight', sans-serif;
	font-weight: normal;
	font-size: 26px;
	line-height: 40px;
	color: #66424d;
}

aside dl {
	margin-top: 50px;
	text-align: right;
}

aside dl dt {
	position: absolute;
	left: -9999px;
}

aside dl dd {
	text-transform: uppercase;
	font-family: 'KnockoutHTF27-JuniorBantamwt', sans-serif;
	font-size: 36px;
	line-height: 36px;
}

aside dl dd.phone { color: #4482d0; }
aside dl dd.email a { color: #66424d; }

/* Slideshow should only be 520px, but there's a weird bug where it looks like 519px */
/* Added an extra pixel to the width and offset it by -1px fixes it */
aside #flickr object {
	outline: none;
}

aside nav#secondary {
	margin-top: -10px;
	list-style: none;
	text-align: right;
}

aside nav#secondary li { margin: 0px; }

aside nav#secondary li a {
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'KnockoutHTF29-JuniorLiteweight', sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #4482d0;
}

aside nav#secondary li a:hover,
aside nav#secondary li a:focus { text-decoration: underline; }

#content h2,
#content h3 {
	text-transform: uppercase;
	font-family: 'KnockoutHTF29-JuniorLiteweight', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
	color: #4482d0;
}

#content h4 {
	margin-bottom: -10px;
	font-family: 'Helvetica', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	color: #2d2d2d;
}

#content p,
#content ul {
	margin: 15px 0px;
	font-size: 11px;
}

#content p:last-child { margin-bottom: 0px; }

#content p.callout {
	font-style: italic;
	font-size: 12px;
	color: #832240;
}

#content table {
	width: 100%;
	margin: 0px;
	font-size: 11px;
}

#content table tr.odd { background-color: #eff5fc; }

#content table tr th,
#content table tr td { padding: 5px 10px; }

#content table tr th { text-align: left; }
#content table tr td { vertical-align: top; }
#content table tr td:first-child { width: 145px; }

#content a { color: #4482d0; }

#content #events-updates,
#content #resources { float: left; }

#content #events-updates {
	width: 200px;
	margin-right: 15px;
}

#content #resources { width: 165px; }

#content #resources ul {
	list-style: none;
	font-size: 11px;
}

#content #resources ul li {
	margin: 10px 0px;
	line-height: 15px;
}

#content #resources ul li a { color: #646464; }

#content .post { margin-bottom: 20px; }
#content .post h4 {
	margin: 0px;
	font-family: 'Helvetica', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	color: #2d2d2d;
}

#content .post time {
	margin-bottom: 10px;
	font-size: 10px;
	color: #832240;
}

#content .post p {
	font-style: italic;
	font-size: 10px;
	color: #646464;
}


#content dl { margin: 0px; }
#content dt {
	font-family: 'Helvetica', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}

#content dd {
	margin-bottom: 15px;
	font-family: 'Tahoma', sans-serif;
	font-size: 10px;
	color: #832240;
}

#content dd:last-child { margin-bottom: 0px; }

footer {
	margin-top: 30px;
	margin-bottom: 70px;
	text-align: center;
	font-size: 10px;
	color: #646464;
}

footer span.darker { color: #333333; }
footer a { color: #393939; }




.prev-next a {
	width: 12px;
	height: 20px;
	padding: 20px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	font-size: 30px;
	overflow: hidden;
}

.prev-next a.prev {
	margin-left: -10px;
	padding-left: 10px;
	background-image: url('../images/arrow-left.png');
	background-position: 10px center;
	float: left;
}

.prev-next a.next {
	margin-right: -10px;
	padding-right: 10px;
	background-image: url('../images/arrow-right.png');
	background-position: 20px center;
	float: right;
}

.prev-next #pager {
	width: 435px;
	padding: 18px 0px 20px 0px;
	text-align: center;
	float: left;
	display: block;
}

.prev-next #pager a {
	font-size: 14px;
	
}

.prev-next #pager a.activeSlide {
	color: #66424d;	
}


/* boxes */
.box-padding { padding: 20px 10px; }
.box-padding-for-slider { padding: 20px 10px 0px 10px; }
.box-border { border-top: 10px solid #66424d; }

.boy-yellow,
.box-blue { margin-bottom: 20px; }


.box-yellow { background-color: rgba(246, 218, 86, 0.2); }
.box-blue { background-color: rgba(81, 143, 222, 0.2) }

body.index .box-blue { background: rgba(81, 143, 222, 0.2) url('../images/box-background.png') no-repeat top right; }

#content .box-one-image,
#content .box-two-images { margin-top: 20px; }
#content .box-two-images { margin-bottom: 20px; }

#content .box-one-image img,
#content .box-two-images img { display: block; }
#content .box-two-images img { float: left; }
#content .box-two-images img:first-child { margin-right: 10px; }


ul#additional-links {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#additional-links li,
.additional-link { margin: 0px 0px 20px 0px; }

ul#additional-links li a,
.additional-link {
	padding: 10px;
	background-color: rgba(165, 85, 112, 0.2);
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'KnockoutHTF29-JuniorLiteweight', sans-serif;
	font-size: 18px;
	line-height: 18px;
	color: #4482d0;
	display: block;
}

ul#additional-links li a:hover,
ul#additional-links li a:focus,
.additional-link:hover,
.additional-link:focus { text-decoration: underline; }
ul#additional-links li a:after,
.additional-link:after { content: ' →'; }

.contact form {
	position: relative;
	margin-top: -9px;
	padding: 0px 20px;
}

.contact form ol {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.contact form ol li { margin: 2px 0px; }
.contact form > ol > li { padding: 5px 10px; }

.contact form > ol li label {
	width: 215px;
	display: inline-block;
}

.contact form ol li input[type=text] {
	width: 200px;
	padding: 5px;
	border: 1px solid #b8b8b8;
}

.contact form ol li.checkboxes fieldset { margin: 0px; }
.contact form ol li.checkboxes label { width: auto; }

.contact form ol li.checkboxes input[type=checkbox] {
	margin-right: 10px;
	float: left;
}

.contact form ol li textarea {
	width: 420px;
	padding: 5px;
	border: 1px solid #b8b8b8;
}


.contact .box-blue { margin-bottom: 75px; }

.contact form ol li.submit {
	position: absolute;
	bottom: -95px;
	left: -20px;
}

.contact form ol li.submit input {
	width: 520px;
	padding: 10px;
	border: 0px;
	background-color: rgba(165, 85, 112, 0.2);
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'KnockoutHTF29-JuniorLiteweight', sans-serif;
	font-size: 18px;
	line-height: 18px;
	color: #4482d0;
	display: block;
	cursor: pointer;
}

.contact form ol li.submit input:hover,
.contact form ol li.submit input:focus { text-decoration: underline; }

#content p.thank-you {
	margin: 0px 38px 20px 28px;
	padding: 10px;
	background-color: #7efc9b;
	border: 2px solid #45d867;
	font-style: italic;
	font-size: 14px;
}