@import url(https://fonts.googleapis.com/css?family=Signika+Negative:300,400,600,700);
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

#inline_disclaimer {
	font-size: 11px;
	text-decoration: none;
	background-color: #FF9;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #999;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 0.5em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

.big_link {
	font-size: 16px;	
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Type
   ========================================================================== */



h1, h2, h3, h4, h5, h6 { font-family: 'Signika Negative', sans-serif; font-weight: 400; margin: 0; padding: 0; color: #777d6a; }

h1 { color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.25); font-size: 60pt; line-height:60pt; }
h1.noImage { color: #940d0d; text-shadow: none; font-size: 40pt; line-height:40pt; margin: 20px 0; }
h2 { margin:0 0 40px 0; font-size: 16pt; line-height: 24pt; }

h2.projectTitle { margin:20px 0 0 0; font-size: 22pt; line-height: 22pt; font-weight: 400; color: #940d0d; text-align:center }

h3 { color: #940d0d; font-weight: 700; font-size: 18pt; line-height: 20pt; margin: 0 0 20px 0; padding: 0; }
h3.project { color: #acacac; font-weight: 300; font-size: 18pt; line-height: 20pt;}
h4 { color: #940d0d; font-weight: 700; text-transform: uppercase; letter-spacing:2px; font-size:10pt; margin: 0 0 15px 0; }
h5 { color: #fff; font-size: 30pt; font-weight: 600; margin: 40px 0; text-shadow: 2px 2px 2px rgba(0,0,0,0.25); text-align:center;  behavior: url(css/library/PIE.htc); }
h6 { text-transform: uppercase; font-size: 12pt; font-weight: 600; margin: 20px 0; }

h3.newsStoryTitle { font-weight: 200; font-size:24pt; line-height:28pt; }
h5.newsStoryDate { color: #777; font-size: 14pt; font-weight:200; text-align:left; text-shadow:none; margin: 0; padding: 0; }
.subnav h4 { border-bottom: 1px solid #acacac; }
p { color: #666; font-size: 11pt; line-height:17pt; margin:0 0 15px 0; padding:0; }
footer p { color: #fff; font-size: 10.5pt; line-height: 17pt; padding: 15px 0; }

a:link, a:visited, p.fauxLink { color: #ab0a0a; text-decoration: none; }
a:hover { color:#698d13; }
h4.fauxLink { cursor:pointer; }

.newsItem a:link, .newsItem a:visited { color: #777; }
.newsItem a:hover { color: #999; } 

h2.spaceBottom { margin-bottom: 30px; }

.newsTitle { font-weight: 600; }
.bigCentered, .subheadCentered { padding: 0; font-size: 17pt; font-weight: 300; line-height: 20pt; color: #777 } 
.subheadCentered { font-size: 14pt; line-height:15pt; margin-bottom: 40px; width: 90%; margin: 0 5%; }
.quote { text-align: center; margin-top: 30px; padding: 0 50px 20px 50px; font-size: 16pt; font-weight: 300; line-height:20pt; position:relative; z-index: 2; display:block; border-bottom: 1px solid #ededed; } 
.quote:before { content: "\""; color: #fff; color:rgba(255, 255, 255, 0.25); font-size: 100pt; position: absolute; top: 30px; left: 0px; display: block; }
.quote:after { content: "\""; color: #fff; color:rgba(255, 255, 255, 0.25); font-size: 100pt; position: absolute; bottom: -20px; right: 0px; display: block; }
.credit { text-align: right; color: #940d0d; margin-bottom:30px; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.date { font-size: 10pt; margin: 0; padding:0; color:#940d0d; }

.smaller { font-size:10pt; line-height:14pt; }
.noBottom { margin-bottom: 0px; }

.bold { font-weight: 700; }
.darkPurple { color: #615d72; }

.closed { color: #777; }
.whiteBG { background: #fff; padding: 20px 30px; }

ul {
	margin: 0;
	padding: 0;
	font-size: 10.5pt;
}

li { margin: 0 0 20px 50px; color: #8a8a8a; }

dl { margin: 0; padding: 0; }
dt { margin:0; padding:0; display:block; font-weight: 600; color: #acacac; }
dd { margin:0 0 15px 0; padding:0; display:block; font-weight: 300; color: #940d0d; font-size: 16pt; }

.caseStudy { text-shadow: 1px 1px 1px rgba(0,0,0,0.5); color: #333; font-weight:600; font-size:14pt; margin:60px 0 0 0; }
.projectSpec { font-weight:300; color: #fff; font-size: 30pt; margin: 10px 0; }

body {
	background: #e3e3e3;
	font-family: 'Signika Negative', sans-serif;
}


a.buttonLink:link, a.buttonLink:visited, .buttonize {
	text-transform:uppercase;
	font-weight: 700;
	font-size:10pt;
	text-decoration: none;
	color: #ffffff;
	padding: 10px 20px;
	display: inline-block;
	margin: 10px 0;
	background: -moz-linear-gradient(
		top,
		#d02121 0%,
		#aa1111);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d02121),
		to(#aa1111));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #b21c1c;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
	 behavior: url(css/library/PIE.htc);
}

a.buttonLink:hover, a.buttonLink:active, .buttonize {
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#d02121 0%,
		#aa1111);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d02121),
		to(#aa1111));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #b21c1c;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
	 behavior: url(css/library/PIE.htc);
}



/* TOP HEADER */


#header {
	background: #fff;
	background: rgba(255, 255, 255, 0.85);
	height:80px;
	min-height: 80px;
	border-bottom: 1px solid #b1b1b1;
	position:fixed;
	top:0;
	left: 0;
	width: 100%;
	z-index: 5000;
	overflow:visible;
}

#headerInner, #projectInner {
	width: 98%;
	max-width: 1160px;
	margin: 0 auto;
	position: relative;
	z-index:4000;
}

#projectInner { margin: 70px auto 70px auto; }

#logo { position: absolute; top: -3px; left: 0; z-index:5000; height:68px; display: block; }


nav { width: 70%; float:right; }

nav ul { margin: 0; padding: 0; list-style:none; }
/*nav ul li { display: block; float: left; width: 19.5%; text-align: center; font-weight:700; color: #fff; text-shadow:1px 1px 1px #a5b188; text-transform:uppercase; font-size:10pt; border-left:1px solid #dcdcdc; margin: 0; }*/
nav ul li { min-width: 90px; display: block; float: left; padding-left: 9px; padding-right: 9px; text-align: center; font-weight:700; color: #fff; text-shadow:1px 1px 1px #a5b188; text-transform:uppercase; font-size:9.6pt; border-left:1px solid #dcdcdc; margin: 0; behavior: url(css/library/PIE.htc); position: relative; }
.last { border-right: 1px solid #dcdcdc; }
nav ul li a:link, nav ul li a:visited { width: 100%; display: block; color: #b61e1e; text-decoration: none; padding: 14px 0; text-shadow:1px 1px 1px #fff; }
nav ul li a:hover, nav ul li a:active { color:#000; }
nav ul li ul {
  padding: 0;
  position: absolute;
  top: 45px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
nav ul li ul li { 
  background: #FFF; 
  display: block; 
  color: #000;
  text-shadow: 0 -1px 0 #000;
  width: 140%;
  text-align: left;
}
nav ul li ul li:hover { background: #CCC; }
nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}





#bigImage, #managementTeam, #projectHeader, #developmentSupport, #aboutContainer, #newsContainer { margin: 0 auto; width: 100%; max-height: 500px; min-height:250px; overflow: hidden; position:relative; background: url(../images/homeMainImage.jpg) no-repeat center 70%; 
 background-size: 100%; }

#bigImage.home { background-position: center center; }
#developmentSupport { max-height: 700px; }

/*#managementTeam { background-image:url(../images/homeMainImage.jpg); min-height: 350px; background-position: center 15%; }
#aboutContainer { background-image:url(../images/homeMainImage.jpg); min-height: 250px; background-position: center 15%; }
#newsContainer { background-image:url(../images/homeMainImage.jpg); min-height: 250px; background-position: center 15%; }*/
#projectHeader { min-height: 300px; background:none; }
 
#bigImage h1, #aboutContainer1 h1, #aboutContainer2 h1, #aboutContainer3 h1, #aboutContainer4 h1, #aboutContainer5 h1, #aboutContainer6 h1, #aboutContainer h1, #newsContainer h1, #managementTeam h1 { color: #fff; text-shadow: 2px 2px 2px #000; font-size: 42pt; line-height:42pt; width: 90%; margin: 120px 0 0 0; font-weight:400;  }
#aboutContainer1 h1, #aboutContainer2 h1, #aboutContainer3 h1, #aboutContainer4 h1, #aboutContainer5 h1, #aboutContainer6 h1, #aboutContainer h1, #newsContainer h1, #managementTeam h1 { margin: 90px auto 0 auto; }
#managementTeam h1 { margin: 178px auto 10px auto; }
#newsContentContainer, #homeContentContainer { position: relative; top: -30px; width: 100%; max-width: 1160px; margin: 0 auto; z-index:1001; }

.topContainer h1 { max-width: 1160px; color: #fff; text-shadow: 2px 2px 2px #000; font-size: 42pt; line-height:42pt; width: 90%; margin: 90px auto 0 auto; font-weight:400; }

.homeLogo { padding: 100px 0 10px 0; }
.homeContent { background: #fff; padding: 5px 20px; }
.withCall { padding-top: 20px; }
#homeCall { position: absolute; height:40px; top: -20px; left: 0%; margin-left: 0px; box-shadow: 0px 1px 2px #706e73; }
#homeCall p { color: #fff; font-weight: 300; margin: 0; padding: 8px 10px; text-align:left; text-transform:uppercase; font-size:13pt; letter-spacing:2px; text-shadow: 1px 1px 0px #6a8724; }

.callout, .buttonize {
	background: #e62424; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjMGVhNjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGZiYTUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, #ab0a0a 0%, #940d0d 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#940d0d), color-stop(100%,#940d0d)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #ab0a0a 0%,#940d0d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #ab0a0a 0%,#940d0d 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #ab0a0a 0%,#940d0d 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #ab0a0a 0%,#940d0d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab0a0a', endColorstr='#940d0d',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

a.buttonize { color: #fff; }

#mainContainer, #projectContainer {
	position: relative;
	width: 98%;
	max-width:1160px;
	margin: 0 auto;
}

#aboutSubNavContainer {  position: relative; top: 42px; max-width:1125px; margin: 0 auto; }
#aboutSubNav { position: absolute; top:0; left:0; }
.subNavTitle { position: absolute; bottom:0; width: 100%; padding: 5px 0; background: rgba(0,0,0,0.4); }
.subNavTitle p { margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; }
.subNavTitle p.selected { color:#9bc82c; }

#projectContainer { top: -20px; }

.firstHome { padding-top: 45px; }

.bbottom { border-bottom: 1px solid #d5d3d3; padding-bottom: 0px; }


.roundedLeft { 
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
	-webkit-box-shadow: -1px 0px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    -1px 0px 5px rgba(50, 50, 50, 0.5);
	box-shadow:         -1px 0px 5px rgba(50, 50, 50, 0.5);
}

.roundedRight { 
	-webkit-border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
	-webkit-box-shadow: 1px 0px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    1px 0px 5px rgba(50, 50, 50, 0.5);
	box-shadow:         1px 0px 5px rgba(50, 50, 50, 0.5);
}

.rounded {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.fullShadow { 
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.5);
}

.container { position: relative; margin: 20px auto; }

.offsetTop { top: 40px; position:relative; }

.split {
	width: 49%;
	margin: 0;
	padding: 10px 0.5%;
	float:left;
}

.splitText { width: 45%;
	margin: 0;
	padding: 10px 2.5%;
	float:left;
	}

.split img { width: 100%; }

.oneThird {
	width: 26%;
	margin: 0;
	padding: 0px 3.5%;
	float:left;
	background:#fff;
}

.oneThirdFooter {
	width: 33%;
	margin: 0;
	padding: 20px 3.5%;
	float:left;
}

.oneThirdChart {
	width: 30%;
	margin: 0 0.5%;
	padding: 20px 1.125%;
	float:left;
	background:#fff;
}

.oneThirdSubnav {
	width: 32%;
	margin: 0 0.5%;
	padding: 0;
	float:left;
	background:#fff;
}

.twoThirdsChart {
	width: 63%;
	margin: 0 0.5%;
	padding: 20px 1.125%;
	float:left;
	background:#fff;
}

.twoThirds {
	width: 63%;
	margin: 0;
	padding: 20px 1.5%;
	float:left;
	background: #fff;
}

.threeQuarter {
	width: 70%;
	margin: 0 1%;
	padding: 20px 1.5%;
	float:left;
	background: #fff;
}

.oneQuarter, footer .oneQuarter, .photoQuarter {
	width: 20%;
	padding: 15px 2.5%;
	background: #fff;
	float:left;
}

.newsItem { padding: 10px 0; border-bottom: 1px solid #ccc; }

.photoQuarter {
	width: 23%;
	padding: 5px 0.5%;
	margin: 5px 0.5%;
}

.carousel-inner div { background: #fff; padding: 20px; min-height:170px; }

#corpVid { width: 100%; min-width: 720px; }

.photoQuarter img { width: 100%; }
.newsFirst { margin-top: -30px; }

.half { width: 43%; margin: 20px 1%; padding: 20px 2.5%; background: #fff; float:left; }
.half img { width: 100%; }
.half p { font-size: 10pt; line-height: 16pt; }

footer .oneQuarter { background: none; }

.threeQuarters {
	width: 70%;
	padding: 15px 1.5%;
	margin: 0 1%;
	background: #fff;
	float:left;
	position:relative;
}

.threeQuartersSlider {
	width: 70%;
	margin: 0 1%;
	float:left;
	position:relative;
}

.notPadded { padding: 0; }

.right { float: right; }
.noBackground { background: none; }


footer {
	background: #b8b8b8;
	width: 100%;
	border-top: 1px solid #fff;
	-webkit-box-shadow: 0px -1px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px -1px 5px rgba(50, 50, 50, 0.5);
	box-shadow:         0px -1px 5px rgba(50, 50, 50, 0.5);
	margin-top: 40px;
	padding-top:20px;
}

#footerContainer {
	width: 98%;
	max-width: 1160px;
	margin: 0 auto;
}

#copyright {
	width: 100%;
	background: #959595;
	text-align: center;
	color: #fff;
	font-size: 10pt;
	padding: 10px 0;
	height: 1%;
	overflow: hidden;
}

/*
#aboutContainer2 { background-image:url(../images/bkg2.jpg); min-height: 250px; background-position: center bottom; }
#aboutContainer3 { background-image:url(../images/bkg3.jpg); min-height: 250px; background-position: center bottom; }
#aboutContainer4 { background-image:url(../images/bkg4.jpg); min-height: 250px; background-position: center bottom; }
#aboutContainer5 { background-image:url(../images/bkg5.jpg); min-height: 250px; background-position: center bottom; }
#aboutContainer1 { background-image:url(../images/bkg1.jpg); min-height: 250px; background-position: center bottom; }
#aboutContainer6 { background-image:url(../images/bkg6.jpg); min-height: 250px; background-position: center bottom; }
*/
#homeContainer { background-image:url(../images/home_photo_2.jpg); margin: 0 auto; width: 100%; max-height: 500px; min-height:600px; overflow: hidden; position:relative; no-repeat background-position: bottom; background-size: cover; }
#aboutContainer { background-image:url(../images/about.jpg); margin: 0 auto; width: 100%; max-height: 500px; min-height:600px; overflow: hidden; position:relative; no-repeat background-position: bottom; background-size: cover; }
#gridContainer { background-image:url(../images/grid_photo.jpg); margin: 0 auto; width: 100%; max-height: 500px; min-height:600px; overflow: hidden; position:relative; no-repeat background-position: bottom; background-size: cover; }
#commercialContainer { background-image:url(../images/solar-grid.jpg); margin: 0 auto; width: 100%; max-height: 500px; min-height:600px; overflow: hidden; position:relative; no-repeat background-position: bottom; background-size: cover; }
#afrigenBoxContainer { background-image:url(../images/afrigen-power-box-2.jpg); margin: 0 auto; width: 100%; max-height: 500px; min-height: 600px; overflow: hidden; position:relative; no-repeat background-position: bottom; background-size: cover;  }
#offgridContainer { background-image:url(../images/offgrid.jpg); margin: 0 auto; width: 100%; max-height: 500px; min-height:600px; overflow: hidden; position:relative; no-repeat background-position: bottom; background-size: cover;  }
#investorContainer { background-image:url(../images/investor.jpg); margin: 0 auto; width: 100%; max-height: 500px; min-height:600px; overflow: hidden; position:relative; no-repeat background-position: bottom; background-size: cover;  }
#newsContainer { background-image:url(../images/contacts_photo.jpg); margin: 0 auto; width: 100%; max-height: 500px; min-height:600px; overflow: hidden; position:relative; no-repeat background-position: bottom; background-size: cover;  }
#contactsContainer { background-image:url(../images/contacts_photo.jpg); margin: 0 auto; width: 100%; max-height: 500px; min-height:600px; overflow: hidden; position:relative; no-repeat background-position: bottom; background-size: cover;  }

#projectHeader { min-height: 300px; background:none; }

#aboutContainer, #aboutContainer1, #aboutContainer2, #aboutContainer3, #aboutContainer4, #aboutContainer5, #aboutContainer6 {
	margin: 0 auto; width: 100%; max-height: 500px; min-height:600px; overflow: hidden; position:relative; no-repeat center top; background-size: 100%;
}

#aboutImageContainer, #aboutImageContainer1, #aboutImageContainer2, #aboutImageContainer3, #aboutImageContainer4, #aboutImageContainer5, #aboutImageContainer6 {
	max-width: 1160px;
	max-height: 360px;
	position:relative;
	margin: 0 auto 0 auto;
}

h2.projects, h2.funds { margin: 0 40px 10px 40px; padding-bottom: 15px; font-size: 16pt; font-weight: 200; border-bottom: 1px solid #d1d1d1;  }
h2.funds { margin:0 ; }

.fund {
	margin: 15px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #d1d1d1;
}

.fund ul li { margin: 0 0px 15px 25px; }
.spaceTop { margin-top: 50px; }

.baseImage { width: 100%; position:relative; }
.baseImage img { width: 100%; }

.fullWidth { width: 100%; }
.almostFullWidth { width: 90%; margin: 20px auto; background:#fff; padding: 20px 2.5%; }
.noQuote { width: 90%; margin: 0 auto; background:#fff; padding: 20px 2.5%; }
.fullWhiteWidth { width: 95%; margin: 0 auto; padding: 5px; background:#fff; }
.projectSpace { margin: 0 auto; }
.divider { padding-top: 15px; border-top: 1px solid #c0c0c0; margin-top: 20px; }

.greenBG { background: #940d0d; box-shadow: inset 0 0 10px rgba(0,0,0,0.4); }
.greyBG { background: #c9c9c9; box-shadow: inset 0 0 10px rgba(0,0,0,0.4);  }

.chartContent { margin-top: 15px; }

.greenBG p, greyBG p { color: #fff; font-size: 18pt; text-align:center; padding-top: 10px; text-shadow: 1px 1px 2px rgba(0,0,0,0.45);  behavior: url(css/library/PIE.htc); }
.greyBG p, .coda-nav ul li, .slider-nav ul li { color: #4d4d4d; font-size: 16pt; line-height:16pt; text-align:center; font-weight: 200; }




.slider-nav { margin: 20px 0 10px 0; }
.slider-nav ul, .slider-nav ul li { list-style: none; margin:0; padding:0; }
.slider-nav ul li { padding: 15px 0; }
.slider-nav ul li a:link, .slider-nav ul li a:visited {
	color: #fff;
	display: block;
          float: left;
          text-decoration: none; 
		  width: 98%;
		  margin: 0 1%;
		  text-align:center;
		  padding: 15px;
		  background: #c9c9c9; box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
}
.slider-nav ul li a:hover {
  background: #c61919;
}
		
.slider-nav ul li a.current {
	background: #940d0d; 
}


.white { color: #fff; }


.profile { background: #fff; padding: 10px; margin: 0 0.5%; min-height:350px; width: 15.666666666666664%; }
.profile h3 { margin: 10px 0 0 0; font-size: 12pt; line-height: 14pt; margin-bottom: 10px; height: 35px; }
.profile h4 { margin: 0 0 5px 0; color: #999; padding: 0 0 5px 0; border-bottom: 1px solid #e1e1e1; font-size: 9pt; letter-spacing: 1px; height: 55px;}
.profile img { width: 100%; }
.profileLink, .profile a { font-size: 9pt; display: block; margin-bottom: 10px; }
.smallPhoto { width: 200px; float: left; margin: 0 10px 10px 0; }

.profileRow { margin-bottom: 10px; }

.modal { margin-top: 50px; }



.cb-slideshow,
.cb-slideshow:after { 
    position: absolute;
    width: 100%;
    height: 600px;
    top: 0px;
    left: 0px;
    z-index: 0;
	margin: 0;
	padding: 0;
	list-style:none;
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}

.cb-slideshow li { 
    width: 100%;
    height: 600px;
    position: absolute;
    top: 0px;
    left: 0px;
	margin: 0;
	padding: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 18s linear infinite 0s;
    -moz-animation: imageAnimation 18s linear infinite 0s;
    -o-animation: imageAnimation 18s linear infinite 0s;
    -ms-animation: imageAnimation 18s linear infinite 0s;
    animation: imageAnimation 18s linear infinite 0s;
}

.cb-slideshow li:nth-child(1)  {  }
.cb-slideshow li:nth-child(2)  {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3)  {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}


@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	15% {
	    opacity: 1;
	    -webkit-animation-timing-function: ease-out;
	}
	33% {
	    opacity: 1;
	   	-webkit-transform: scale(1.05);
	}
	43%{
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	15% {
	    opacity: 1;
	    -moz-animation-timing-function: ease-out;
	}
	33% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	}
	43%{
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	15% {
	    opacity: 1;
	    -o-animation-timing-function: ease-out;
	}
	33% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	}
	43%{
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	15% {
	    opacity: 1;
	    -ms-animation-timing-function: ease-out;
	}
	33% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	}
	43%{
	    opacity: 0;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	15% {
	    opacity: 1;
	    animation-timing-function: ease-out;
	}
	33% {
	    opacity: 1;
	    transform: scale(1.05);
	}
	43%{
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}




/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}

.da-slider {
	width: 100%;
	min-height: 300px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	-webkit-transition: background-position 1.4s ease-in-out 0.3s;
	-moz-transition: background-position 1.4s ease-in-out 0.3s;
	-o-transition: background-position 1.4s ease-in-out 0.3s;
	-ms-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
}
.da-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: left;
	overflow: hidden;
}
.da-slide-current{
	z-index: 1000;
}
.da-slider-fb .da-slide{
	left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
	left: 0px;
}

.da-slide .da-img, 
.da-slide .da-content,
.da-slide .slidecontent {
	position: absolute;
	opacity: 0;
	left: 110%;
}

.da-content h4 { color: #fff; text-transform: uppercase; font-size:9pt; font-weight: 300; letter-spacing: 2px; }
.da-content h2 { color: #fff; font-size:28pt; font-weight: 200; line-height:28pt;  }
.da-content .subtitle { color: #c1da87; font-size:16pt; font-weight: 300; }

.da-slider-fb .da-slide  .da-content, .da-slider-fb .da-slide  .slideontent {
	left: 10%;
	opacity: 1;
}
.da-slider-fb .da-slide .da-img{
	left: 60%;
	opacity: 1;
}


.da-slide .da-content {
	width: 30%;
	padding: 15px 1.5%;
	margin-left: 8%;
	box-shadow: 0px 1px 8px rgba(0,0,0,0.95);
	z-index:2999;
	background: #e62424; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjMGVhNjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGZiYTUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, #ab0a0a 0%, #940d0d 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#940d0d), color-stop(100%,#940d0d)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #ab0a0a 0%,#940d0d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #ab0a0a 0%,#940d0d 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #ab0a0a 0%,#940d0d 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #ab0a0a 0%,#940d0d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab0a0a', endColorstr='#940d0d',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.da-slide .slidecontent {
	width: 90%;
	margin-left: 5%;
}

.da-slide .slidecontent h3 { margin-top: 50px; }
.da-slide .slidecontent p { font-size: 14pt; line-height:24pt; }

.da-slide .da-content a:link, .da-slide .da-content a:visited { text-transform: uppercase; color: #fff; font-weight:200; letter-spacing: 2px }

.da-slide .da-img{
	text-align: center;
	width: 100%;
	top: 0;
	min-height: 310px;
	left: 110%; /*60%*/
}

.da-img img { width: 100%; min-height:100%; }


.da-slide .da-link:hover{
	background: rgba(255,255,255,0.3);
}
.da-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 20px;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;
}

#contentSlider .da-dots {
	top: 0px;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #8dba1f;
	margin: 3px;
	cursor: pointer;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	position: absolute;
	top: 50%;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: #8dba1f;
	cursor: pointer;
	z-index: 2000;
	opacity: 0;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
	-webkit-transition: opacity 0.4s ease-in-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out 0.2s;
	transition: opacity 0.4s ease-in-out 0.2s;
}
.da-slider:hover .da-arrows span{
	opacity: 1;
}
.da-arrows span:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
	background: transparent url(../images/arrows.png) no-repeat top left;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
	background-position: top right;
}
.da-arrows span.da-arrows-prev{
	left: 15px;
}
.da-arrows span.da-arrows-next{
	right: 15px;
}


.da-slide-current .da-img,
.da-slide-current .da-content,
.da-slide-current .slidecontent{
	left: 0%;
	opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/

.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	animation: fromRightAnim4 0.6s ease-in 0.8s both;
}

.da-slide-fromright .da-content, .da-slide-fromright .slidecontent{
	-webkit-animation: fromRightAnim5 0.9s ease-out 0.8s both;
	-moz-animation: fromRightAnim5 0.9s ease-out 0.8s both;
	-o-animation: fromRightAnim5 0.9s ease-out 0.8s both;
	-ms-animation: fromRightAnim5 0.9s ease-out 0.8s both;
	animation: fromRightAnim5 0.9s ease-out 0.8s both;
}

@-webkit-keyframes fromRightAnim4{
	0%{ left: 100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim5{
	0%{ left: -50%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}


@-moz-keyframes fromRightAnim4{
	0%{ left: 100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromRightAnim5{
	0%{ left: -50%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}


@-o-keyframes fromRightAnim4{
	0%{ left: 100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromRightAnim5{
	0%{ left: -50%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}


@-ms-keyframes fromRightAnim4{
	0%{ left: 100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}

@-ms-keyframes fromRightAnim5{
	0%{ left: 0%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}


@keyframes fromRightAnim4{
	0%{ left: 100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}

@keyframes fromRightAnim5{
	0%{ left: -50%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
/* Slide in from the left*/

.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in 0.6s both;
}

.da-slide-fromleft .da-content, .da-slide-fromleft .slidecontent{
	-webkit-animation: fromLeftAnim5 0.9s ease-out 0.9s both;
	-moz-animation: fromLeftAnim5 0.9s ease-out 0.9s both;
	-o-animation: fromLeftAnim5 0.9s ease-out 0.9s both;
	-ms-animation: fromLeftAnim5 0.9s ease-out 0.9s both;
	animation: fromLeftAnim5 0.9s ease-out 0.9s both;
}


@-webkit-keyframes fromLeftAnim4{
	0%{ left: -100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}

@-webkit-keyframes fromLeftAnim5{
	0%{ left: 50%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}


@-moz-keyframes fromLeftAnim4{
	0%{ left: -100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim5{
	0%{ left: 50%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}


@-o-keyframes fromLeftAnim4{
	0%{ left: -100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromLeftAnim5{
	0%{ left: 50%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}


@-ms-keyframes fromLeftAnim4{
	0%{ left: -100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim5{
	0%{ left: -100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}


@keyframes fromLeftAnim4{
	0%{ left: -100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@keyframes fromLeftAnim5{
	0%{ left: 50%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
/* Slide out to the right */

.da-slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in both;
	-moz-animation: toRightAnim4 0.6s ease-in both;
	-o-animation: toRightAnim4 0.6s ease-in both;
	-ms-animation: toRightAnim4 0.6s ease-in both;
	animation: toRightAnim4 0.6s ease-in both;
}

.da-slide-toright .da-content, .da-slide-toright .slidecontent{
	-webkit-animation: toRightAnim5 0.6s ease-out both;
	-moz-animation: toRightAnim5 0.6s ease-out both;
	-o-animation: toRightAnim5 0.6s ease-out both;
	-ms-animation: toRightAnim5 0.6s ease-out both;
	animation: toRightAnim5 0.6s ease-out both;
}

@-webkit-keyframes toRightAnim4{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim5{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: -100%; opacity: 0; }
}


@-moz-keyframes toRightAnim4{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim5{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: -100%; opacity: 0; }
}


@-o-keyframes toRightAnim4{
	0%{ left: 00%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim5{
	0%{ left: 00%;  opacity: 1; }
	100%{ left: -100%; opacity: 0; }
}


@-ms-keyframes toRightAnim4{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim5{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: -100%; opacity: 0; }
}


@keyframes toRightAnim4{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim5{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: -100%; opacity: 0; }
}
/* Slide out to the left*/

.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-moz-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-o-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-ms-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	animation: toLeftAnim4 0.6s ease-in 0.6s both;
}
.da-slide-toleft .da-content, .da-slide-toleft .slidecontent{
	-webkit-animation: toLeftAnim5 0.9s ease-out 0.9s both;
	-moz-animation: toLeftAnim5 0.9s ease-out 0.9s both;
	-o-animation: toLeftAnim5 0.9s ease-out 0.9s both;
	-ms-animation: toLeftAnim5 0.9s ease-out 0.9s both;
	animation: toLeftAnim5 0.9s ease-out 0.9s both;
}

@-webkit-keyframes toLeftAnim4{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim5{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 50%; opacity: 0; }
}


@-moz-keyframes toLeftAnim4{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim5{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 50%; opacity: 0; }
}


@-o-keyframes toLeftAnim4{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim5{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 50%; opacity: 0; }
}


@-ms-keyframes toLeftAnim4{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim5{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 50%; opacity: 0; }
}

@keyframes toLeftAnim4{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim5{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 50%; opacity: 0; }
}




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

#contactform {
	padding: 10px;
	float: left;
	width: 400px;
	margin-right: 15px;
}
#succ {
	padding: 10px;
	border: 1px solid #CCC;
	color: #090;
	text-decoration: none;
	float:left;
	width:300px;
	font-size: 14px;
}

#fft {
	width: 1100px;
	padding: 10px;
	margin: 0 auto;
	height: 1%;
	overflow: hidden;	
}

#flft {
	float: left;
}
#fmid {
	float: left;
	margin-left: 150px;
}
#frgt {
	float: right;
}

inf li {
	font-size: 15px;	
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}