@charset "UTF-8";
/* CSS Document */



a {color:#ccbde0; text-decoration:none}
a:hover {color:#e7dff2; text-decoration:none}


body {
    margin: 0;
    outline: medium none;
    padding: 0;
}

html {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#333;
	background-image:url(/css/img/background-texture.gif);
	padding:0;
}

	
h1 {
	padding: 4px 0px;
	margin: 10px 0px 0px 0px;
	font: bold 1.3em;
	font-family: 'Abel', sans-serif;
	font-size:20px;
	color:#777777;
}

h2 {
	color:#f7fa8a;
	padding: 2px 0px;
	margin: 0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:200;
	line-height:1.5em;
}

h3 {
	color:#e46c0a;
	padding: 4px 0px;
	margin: 0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:1.3em;
}

h4 {
	color:#e46c0a;
	padding: 4px 0px;
	margin: 0px 0px 0px 0px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:18px;
	font-weight:bold;
	/*line-height:1.3em;*/
}


p {
	color:#ededed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:200;
	line-height:18px;
	text-align:justify;
}



	
div.bodyContainer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width:1200px;
	height:auto;
	z-index:5;
	display:block;
}

#header {
	position:absolute;
	background-color:#000000;
	top:0px;
	left:0px;
	width:1200px;
	height:137px;
	z-index:90;
}

#logo {
	position:absolute;
	top:0px;
	left:0px;
	z-index:160;
}




div.ContentContainer {
	top:137px;
	left:145px;
	background-color:#595959;
	/* IE10 Consumer Preview 
	background-image: -ms-linear-gradient(top, #000000 0%, #404040 100%);*/ 
	/* Mozilla Firefox  
	background-image: -moz-linear-gradient(top, #000000 0%, #404040 100%);*/
	/* Opera 
	background-image: -o-linear-gradient(top, #000000 0%, #404040 100%);*/ 
	/* Webkit (Safari/Chrome 10) 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(1, #404040));*/ 
	/* Webkit (Chrome 11+)  
	background-image: -webkit-linear-gradient(top, #000000 0%, #404040 100%);*/
	/* W3C Markup, IE10 Release Preview 
	background-image: linear-gradient(to bottom, #000000 0%, #404040 100%);*/ 
	position: relative;
	/*margin-left: auto;
	margin-right: auto;
	padding:6px;
	padding-top:12px;*/
	width:1056px;
	height:710px;
	z-index:500;	/*display:block;	
	top:10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	*/
}

div.sidebar {
	top:222px;
	left:0px;
	background-color:#aaaaaa;
	position: absolute;
	padding:7px;
	width:131px;
	height:610px;
	z-index:150;
	display:block;
}

div.homeContainer {
	top:17px;
	left:20px;
	position: absolute;
	padding:7px;
	width:1026px;
	height:680px;
	z-index:600;
}


div.experienceContainer {
	top:7px;
	left:117px;
	position: absolute;
	padding:6px;
	width:1070px;
	height:500px;
	z-index:30;
	display:block;
}

div.referencesContainer {
	top:17px;
	left:20px;
	position: absolute;
	padding:6px;
	width:1018px;
	height:681px;
	z-index:200;
	display:block;
}

div.privacyPolContainer {
	top:17px;
	left:20px;
	position: absolute;
	padding:6px;
	width:1018px;
	height:670px;
	font-size:11px;
	z-index:200;
	display:block;
}

div.referenceImageContainer {
	top:222px;
	left:0px;
	position: absolute;
	padding:0px;
	width:145px;
	height:625px;
	z-index:41;
	display:block;
	overflow: hidden;
}

div.projectImagesContainer {
	top:17px;
	left:518px;
	position: absolute;
	padding:0px;
	width:540px;
	height:584px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:12px;
	z-index:42;
	display:block;
}
div.projectImagesTextContainer {
	top:675px;
	left:555px;
	position: absolute;
	padding:4px;
	width:470px;
	height:23px;
	font-family: 'Open Sans Condensed', sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:18px;
	text-align:right;
	color:#b2b1b1;
	z-index:43;
	display:block;
}


div.projectTypeContainer {
	top:17px;
	left:14px;
	position: absolute;
	padding:0px;
	width:190px;
	height:207px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	line-height:16px;
	z-index:650;
	display:block;
}
div.projectTypeContainer a {
	color:#cccccc;
}
div.projectTypeContainer a:hover {
	color:#ffffff;
	text-decoration: underline;
}


div.projectNameContainer {
	top:225px;
	left:14px;
	position: absolute;
	padding:0px;
	width:189px;
	height:479px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:15px;
	z-index:200;
	display:block;
}
div.projectNameContainer a {
	color:#b2b1b1;
}
div.projectNameContainer a:hover {
	color:#ffffff;
	text-decoration: underline;
}


div.projectDescContainer {
	top:17px;
	left:240px;
	position: absolute;
	padding:0px;
	width:235px;
	height:630px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:15px;
	line-height:17px;
	z-index:41;
	display:block;
}





div.sustainContainer {
	top:7px;
	left:337px;
	position: absolute;
	padding:6px;
	width:650px;
	height:500px;
	z-index:50;
	display:block;
}

div.contactContainer {
	top:17px;
	left:675px;
	position: absolute;
	padding:6px;
	width:349px;
	height:667px;
	z-index:60;
	display:block;
}
div.contactMap {
	top:17px;
	left:20px;
	position: absolute;
	padding:0px;
	width:640px;
	height:550px;
	z-index:200;
	display:block;
}


div.projectTypeContainer p {
	color:#ffffff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	line-height:12px;
}

div.projectTypeContainer strong {
	color:#ffffff;
	font-weight:bold;
}

div.projectNameContainer p {
	color:#cccccc;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:15px;
	line-height:16px;
	text-align:left;
}

div.projectNameContainer strong {
	color:#ffffff;
	font-weight:bold;
}

div.projectDescContainer p {
	color:#cccccc;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:15px;
	line-height:20px;
	text-align:left;
}

div.projectDescContainer strong {
	color:#ffffff;
	font-weight:bold;
}






blockquote {
	margin-left:7px;
	margin-top:2px;
}


#listText {
	font: normal .7em 'Judson', sans-serif;	
}

#title {
	font: normal 1em 'Judson', sans-serif;	
}

#content {
	font: normal 1em 'Judson', sans-serif;	
}
#bulletItemBox {
	float:left;
	width:265px;
	margin-top:-10px;
	color:#ededed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:200;
	line-height:20px;
	display:block;
}
#referenceBox {
	float:left;
	width:245px;
	color:#ededed;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size:16px;
	font-weight:200;
	line-height:22px;
	padding-right:7px;
	padding-top:7px;
	margin-right:16px;
	display:block;
}

div.clear {
	overflow:auto;
	width:100%;
}


/* Homepage */

#homePageQuote {
	position:absolute;
	top:520px;
	left:470px;
	width:540px;
	height:80px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	color:#b2b1b1;
	line-height:34px;
}
.homePageQuoteStyle {
	font-size:28px;
	color:#ededed;
	line-height:28px;
}

.referencesQuoteStyle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#ededed;
	line-height:16px;
}








/* Nav Bar */
	#navbar{
	position:absolute;
	top:71px;
	width:630px;
	height:36px;
	left: 650px;
	z-index:400;
}
	#navbar .inbar{
	display:block;
	height:36px;
	/*background:url(/css/img/right-round_black.png) right top no-repeat;*/
	}
	
	#navbar ul, #navbar ul li{
	border:0px;
	margin-left:12px;
	margin-right:12px;
	padding:0px;
	font-weight:lighter;
	list-style:none;
	height:36px;
	line-height:36px; }
	
	
	#navbar ul li{
	font-size:20px;
	
	text-align:center;
	float:left;
	display:block;
	line-height:36px; } 
	#navbar ul li a{
	color:#ffffff;
	text-decoration:none;
	font-weight:lighter;
	display:block; } 
	#navbar ul li a span{
	padding:0 0px 0 0;
	height:36px;
	width:110px;
	font-weight:lighter;
	text-align:center;
	line-height:36px;
	display:block;
	margin-left:0px; }
	

/* PURPLE */
	#navbar .nav1 a span, #navbar .nav1 a:hover span{
	color:#ffffff;
	font-weight:lighter;
	/*background:url(/css/img/purple/span-bg.png) right top no-repeat;*/
	height:36px;
	line-height:36px; } 
	#navbar #nv1 a:hover span{
	/*background:url(/css/img/purple/spanhover-bg.png) right top no-repeat;*/
	font-weight:bold;
	height:36px;
	line-height:36px; }

/* REDDISH */
	#navbar .nav2 a span, #navbar .nav2 a:hover span{
	color:#ffffff;
	font-weight:lighter;
	/*background:url(/css/img/reddish/span-bg.png) right top no-repeat;*/
	height:36px;
	line-height:36px; } 
	#navbar #nv2 a:hover span {
	/*background:url(/css/img/reddish/spanhover-bg.png) right top no-repeat;*/
	font-weight:bold;
	height:36px;
	line-height:36px; }

/* BROWN */
	#navbar .nav3 a span, #navbar .nav3 a:hover span{
	color:#ffffff;
	font-weight:lighter;
	/*background:url(/css/img/brown/span-bg.png) right top no-repeat;*/
	height:36px;
	line-height:36px; } 
	#navbar #nv3 a:hover span {
	/*background:url(/css/img/brown/spanhover-bg.png) right top no-repeat;*/
	font-weight:bold;
	height:36px;
	line-height:36px; }

/* GREEN */
	#navbar .nav4 a span, #navbar .nav4 a:hover span{
	color:#ffffff;
	font-weight:lighter;
	/*background:url(/css/img/green/span-bg.png) right top no-repeat;*/
	height:36px;
	line-height:36px; } 
	#navbar #nv4 a:hover span {
	/*background:url(/css/img/green/spanhover-bg.png) right top no-repeat;*/
	font-weight:bold;
	height:36px;
	line-height:36px; }

/* BLUE */
	#navbar .nav5 a span, #navbar .nav5 a:hover span{
	color:#ffffff;
	font-weight:lighter;
	/*background:url(/css/img/blue/span-bg.png) right top no-repeat;*/
	height:36px;
	line-height:36px; } 
	#navbar #nv5 a:hover span {
	/*background:url(/css/img/blue/spanhover-bg.png) right top no-repeat;*/
	font-weight:bold;
	height:36px;
	line-height:36px; }
	
	
	

.homeContainer h1 {
	color:#e46c0a;
	padding: 4px 0px;
	margin: 0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:1.3em;
}

div.footer {
	position:absolute;
	top:850px;
	color:#ffffff;
	font-size:12px;
	text-align:right;
	background-color:#262626;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
	padding:5px;
	width:1190px;
	height:130px;
	z-index:100;
	display:block;
}


div.footerText p {
	text-align:right;
	color:#b2b1b1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px;
	line-height:16px;
}

.error {background-color: #ffe6b4; color:#333; padding: 1em; border-radius: 7px; width: 90%;}
.loadingAnimation {display: none;}