/* Reset */
* { margin: 0; padding: 0; }
* :link,:visited { text-decoration:none }
* ul,ol { list-style:none; }
* li { display: inline; }
* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
* a img,:link img,:visited img { border:none } 
a { outline: none; }
a img, :link img, :visited img { border: none; } 

/* Typography */
body {
	font-size: .75em;
	font-family: Arial, Helvetica, sans-serif;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #918484 solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 2.5em; color: #ffffff; margin-top: 1em; }
h2 { font-size: 1.9em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.8em; }
ol { list-style: decimal; }
ul { list-style: square; }
li { margin-left: 3.0em; display: list-item; }

p,dl,hr,ol,ul,pre,table,address,fieldset { margin-bottom: 1em; }
p { line-height: 1.5em; }

a { color: #423c3c; text-decoration: none; }
a:hover { text-decoration: underline; }

pre { font-family:"Andale Mono","Lucida Console","Bitstream Vera Sans Mono","Courier New",monospace; }

blockquote { margin: 0 4em 1em 4em; }

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

body {
    background: #fff;
}
#footer {
	color: #868167;
	font-size: 1em;
}

/* layout */

#masthead {
	position: relative;
	height: 104px;
}

#content-wrap {  /* Full height is 560px */
	padding: 60px 0;
	min-height: 440px;
	color: #fff;
}

.services #content-wrap { background: #a9a498 url(/img/bg-services.jpg) repeat-y top center; }
.culture #content-wrap { background: #a8a295 url(/img/bg-culture.jpg) repeat-y top center; }
.experience #content-wrap { background: #2d4152 url(/img/bg-experience.gif) repeat-y top center; }
.leadership #content-wrap { background: #a8a295 url(/img/bg-leadership.jpg) repeat-y top center; }
.news #content-wrap { background: #a8a295 url(/img/bg-news.jpg) repeat-y top center; }
.contact #content-wrap { background: #a8a295 url(/img/bg-contact.jpg) repeat-y top center; }
.ftp #content-wrap { background: #a8a295 url(/img/bg-ftp.jpg) repeat-y top center; }

.maincontent { overflow: auto; margin: 0; height: 440px; }

#footer {
	margin: 1em 0;
}

#logo {
	margin: 0;
	position: absolute;
	top:36px;
	left:0;
}
#logo a {
	display: block;
	width: 195px;
	height: 0;
	overflow: hidden;
	padding-top: 31px;
	background: url(/img/logo.gif) no-repeat left top;
	margin: 0;
}

.page-wrap .container_12 { 
	position: relative;
}

ul#mainnav {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 36px;
	left: 195px;
	width: 597px;
	z-index: 10;
}
#mainnav li {
	background-image: url(/img/nav.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	float: left;
	height: 31px;
}

#mainnav li a {
	background-image: url(/img/nav.gif);
	background-repeat: no-repeat;
	float: left;
	display: block;
	height: 31px;
	text-indent: -99999px;
}


#nav-services, 
#nav-services a { width: 87px; background-position: 0 0; }
#nav-services a:hover,
#nav-services.selected a:hover { background-position: 0 -62px; }
#nav-services.selected a {background-position: 0 -31px; }

#nav-culture, 
#nav-culture a { width: 86px; background-position: -87px 0; }
#nav-culture a:hover,
#nav-culture.selected a:hover{ background-position: -87px -62px; }
#nav-culture.selected a {background-position: -87px -31px; }

#nav-experience,
#nav-experience a { width: 108px;  background-position: -173px 0; }
#nav-experience a:hover,
#nav-experience.selected a:hover { background-position: -173px -62px; }
#nav-experience.selected a { background-position: -173px -31px; }

#nav-leadership, 
#nav-leadership a { width: 108px;  background-position: -281px 0; }
#nav-leadership a:hover, 
#nav-leadership.selected a:hover { background-position: -281px -62px; }
#nav-leadership.selected a {background-position: -281px -31px; }

#nav-news,
#nav-news a { width: 63px; background-position: -389px 0;}
#nav-news a:hover,
#nav-news.selected a:hover { background-position: -389px -62px; }
#nav-news.selected a {background-position: -389px -31px; }

#nav-contact,
#nav-contact a { width: 89px; background-position: -452px 0; }
#nav-contact a:hover,
#nav-contact.selected a:hover { background-position: -452px -62px; }
#nav-contact.selected a { background-position: -452px -31px; }

#nav-ftp,
#nav-ftp a { width: 56px;  background-position: -541px 0; }
#nav-ftp a:hover,
#nav-ftp.selected a:hover { background-position: -541px -62px; }
#nav-ftp.selected a { background-position: -541px -31px;}


ul#subnav {
	font-family: Arial, Helvetica, sans-serif;
	/* letter-spacing: -1px; */
	font-size: .9em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 76px;
	left: 197px;
	width: 763px;
	z-index: 10;
}
#subnav li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#subnav li a {
	float: left;
	display: block;
	color: #a7a390;
	padding: 0 7px;
}
#subnav li.selected a {
	color: #45668c;
	font-weight: bold;
	text-decoration: none;
}
#subnav li a:hover {
	color: #45668c;
	text-decoration: none;
}
#subnav li.green a {
  background: #79a534;
  padding: 2px 4px;
  font-weight: bold;
  color: #dbe7c8;
  margin: -2px 41px 0 0;
  letter-spacing: 1px;
}
#subnav li.green a:hover {
  color: #fff;
}
.services ul#subnav {
  left: 90px;
}

.exp-left { padding: 20px 8px 20px 30px; /* demo */ }
.exp-right { padding: 20px;
			text-align: center; /* demo */
			color: #fff; }
.exp-right h1 { color: #fff; }

.caption {
    font-style: italic;
	text-align: right;
	margin-bottom: 1em;
	font-size: .8em;
}

/* forms from http://designinfluences.com/fluid960gs/960/ layout.css */
form {
	overflow:hidden;
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}
fieldset {
  border: 1px solid #423C3C;
  padding:10px;
  position:relative;
  background:#a59695;
  margin-bottom:10px;
}
legend {
  padding:.4em .8em;
  background: #a59695;
}

img.bordered {
	border: 1px solid #000;
}
.imgleft { 
	float: left;
	margin: 0 10px 10px 0;
}
.imgright { 
	float: right;
	margin: 0 0 10px 10px;
}
.small {
	font-size: .8em;
}
.hide {
	display: none;
}
.clear {
	margin: 0;
	padding: 0;
	border: 0;
}

/* styles for Experience section */
/* Hide if JS is available. jQ will show the necessary elements. */
.JS .exptile,
.JS .expcontent,
.JS .bio { display: none; }
.JS #pagenav {	height: 428px; }
.JS .slideshow { height: 490px; overflow: hidden; }


#pagenav {
	zoom: 1; /* IE7 semi-transparent pixels issue */
	text-align: center;
	overflow: hidden;
	margin: 66px 0;
	width: 140px;
	z-index: 8;
}
#pagenav ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	zoom: 1;
}
#pagenav li {
	display: inline;
	margin: 0;
}

.featurebox {
	overflow: auto;
	min-height: 475px;
}

.exptile {
	padding: 60px 0;
}
.expcontent {
	padding: 20px 0;
}
.expcontent {
	text-align: center;
}

.expbtn {
	display: block;
	zoom: 1; /* IE7 semi-transparent pixels issue */
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9em;
}
.expbtn:focus, .expbtn:active {
	outline: none; /* prevents dotted outline in IE8 */
}
.expbtn:hover,
.expbtn.selected {
	text-decoration: none;
	background: transparent url(/img/exp-btn-highlight.png) no-repeat center top;
	font-weight: bold;
	/*letter-spacing: -0.8px; */
}
.expbtn span {
	display: block;
	padding: 70px 0 5px 0;
	height: 32px;
	background: transparent url(/img/exp-corporate.png) no-repeat;
}
#feature1-btn span { background-position: 0 0; }
#feature2-btn span { background-position: 0 -110px; }
#feature3-btn span { background-position: 0 -220px; }
#feature4-btn span { background-position: 0 -330px; }
#feature5-btn span { background-position: 0 -440px; }
#feature6-btn span { background-position: 0 -550px; }
#feature7-btn span { background-position: 0 -660px; }
#feature8-btn span { background-position: 0 -770px; }
#feature9-btn span { background-position: 0 -880px; }

#prev-btn {
	position: absolute;
	display: block;
	top: 0;
	width: 140px;
	z-index: 10;
}
#next-btn {
	position: absolute;
	display: block;
	top: 494px;
	width: 140px;
	z-index: 10;
}

#prev-btn span,
#next-btn span {
	text-align: center;
	text-indent: -99999px;
	padding: 48px 0 5px 0;
	height: 13px;
	background: transparent url(/img/exp-more-top.png) no-repeat center top;
}

#prev-btn:hover span,
#next-btn:hover span {
	text-indent: 0;
}

#next-btn span {
	padding: 5px 0 48px 0;
	background: transparent url(/img/exp-more-bottom.png) no-repeat center bottom;
}
#prev-btn:hover {
	background: transparent url(/img/exp-more-top.png) no-repeat center top;
}
#next-btn:hover {
	background: transparent url(/img/exp-more-bottom.png) no-repeat center bottom;
}

.ui-effects-transfer { border: 2px dotted #666;  }

/* fix for fancyzoom box in IE */
.tl, .tm, .tr, .ml, .mm, .mr, .bl, .bm, .br {
	overflow: auto;
}

/* slide frame */

.slideshow {
	position: relative;
	width: 540px;
}
.slideframe {
	position: relative;
	width: 540px;
	overflow: hidden;
}
.slideshow img  {
	padding: 12px;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 auto;
}

.slideframePrevious, .slideframeNext { float: left; cursor:pointer; }
.slideframeCurrent{ float: right; color:#999; text-align: right; font-weight: bold; text-align: right; padding: 5px 12px; }
.slideframePrevious{ margin-left: 12px; background: url(/img/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
.slideframePrevious:hover{ background-position: -25px -25px;}
.slideframeNext{ background: url(/img/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
.slideframeNext:hover{ background-position: 0px -25px;}


p.section-intro {
	line-height: 2em;
	font-size: 1.05em;
}

p.page-intro {
	font-size: 1.05em;
}

.arrowlist ul {
	margin: 0;
}
.arrowlist li {
	margin: 2px 0 8px 20px;
    padding: 0 0 0 15px;
	line-height: 1.3em;
	list-style-image: url(/img/arrow_list.png);
}

ul.multiple_columns li{
    text-align: left;
    float: left;
    list-style: none;
    height: 30px;
    width: 180px;
    margin-left: 0;
    margin-top: 205px;
    padding-right: 60px;
}

ul#leadershipnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 410px;
	z-index: 10; 
	width: 460px;
	height: 50px;
}
#leadershipnav li {
	margin: 0;
	padding: 0;
	display:inline;
}

#leadershipnav li a {
	float: left;
	display: block;
	color: #cbcbcc;
	padding: 0 12px 3px 0;
	white-space: nowrap;
}
#leadershipnav li a.selected {
	text-decoration: none;
	font-weight: bold;
	/*letter-spacing: -0.8px; */
	color: #fff;
	background:none;
}
#leadershipnav li a.visited {
}
#leadershipnav li a:hover {
	color: #fff;
	text-decoration: underline;
}
.bio-wrap { height: 560px; }

.bio h3 {
	font-size: 1em;
	margin: 71px 0 16px 0;
	height: 26px;
}

#leadership-previous, #leadership-next {
	position: absolute;
	bottom: 15px;
	display: block;
	width:33px;
	height:32px;
	text-indent:-9999px;
}
#leadership-previous {
	background: url(/img/leadership-btns.png) 0 -32px no-repeat;
	right: 45px;
}
#leadership-previous:hover{
	background-position: 0 0;
}
#leadership-next{
	background: url(/img/leadership-btns.png) -33px -32px no-repeat;
	right: 0;
}
#leadership-next:hover{
	background-position: -33px 0;
}




/* Special links */
a.news { color: #FFFFFF; text-decoration: underline; }
a.news:hover { text-decoration: none; }

img.icon { vertical-align:middle; }

/* jScrollPane */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: transparent;
	border-left: 2px solid #fff;
	opacity: 0.3;
}
.jScrollPaneDrag {
	position: absolute;
	background: #fff;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}







/* Sustainable */
.sustainable #sustainable_nav {
  margin: -50px 0 0 325px;
}
.sustainable #sustainable_nav a {
  color: #d3d2cd;
  font-size: 11px;
  letter-spacing: 1px;
  padding: 0 4px;
}
.sustainable #sustainable_nav a.selected {
  color: #fff;
  font-weight: bold;
}
.sustainable #history #description {
  width: 516px;
  margin: 100px 0 0 360px;
}
.sustainable #history #description p {
  font-size: 12px;
  line-height: 17px;
}
.sustainable #history #description h6 {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: normal;
  padding: 5px 0 0 0;
}
.sustainable #timeline {
  background: url(../img/timeline_line.png) no-repeat 0 0;
  width: 729px;
  height: 17px;
  margin: 20px 0 0 351px;
  position: relative;
}
.sustainable #timeline #items li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sustainable #timeline #items li a {
  width: 14px;
  height: 14px;
  display: block;
  text-indent: -9999px;
  position: absolute;
  top: 2px;
  background: url(../img/timeline_dots.png) no-repeat 0 0;
}
.sustainable #timeline #items li a:hover,
.sustainable #timeline #items li a.selected {
  background: url(../img/timeline_dots.png) no-repeat 0 -18px;
}
.sustainable #timeline #items li#i1988 a { left: 43px; }
.sustainable #timeline #items li#i1995 a { left: 123px; }
.sustainable #timeline #items li#i2000 a { left: 167px; }
.sustainable #timeline #items li#i2001 a { left: 188px; }
.sustainable #timeline #items li#i2003 a { left: 225px; }
.sustainable #timeline #items li#i2004 a { left: 258px; }
.sustainable #timeline #items li#i2005 a { left: 284px; }
.sustainable #timeline #items li#i2005-2 a { left: 314px; }
.sustainable #timeline #items li#i2006 a { left: 346px; }
.sustainable #timeline #items li#i2007 a { left: 377px; }
.sustainable #timeline #items li#i2007-2 a { left: 408px; }
.sustainable #timeline #items li#i2005-7 a { left: 440px; }
.sustainable #timeline #items li#i2008 a { left: 471px; }
.sustainable #timeline #items li#i2009 a { left: 503px; }
.sustainable #timeline #items li#i2010 a { left: 535px; }
.sustainable #timeline #items li#i2010-2 a { left: 566px; }
.sustainable #timeline #items li#i2010-3 a { left: 601px; }
.sustainable #timeline #items li#i2011 a { left: 622px; }
.sustainable #timeline #items li#i2011-2 a { left: 643px; }

.sustainable #timeline #dates li {
  display: block;
  width: 11px;
  height: 39px;
  position: absolute;
  top: 38px;
  text-indent: -9999px;
  margin: 0;
}
.sustainable #timeline #dates li#fiftyfour {
  left: 0px;
  background: url(../img/timeline_1954.png) no-repeat 0 0;
}
.sustainable #timeline #dates li#ninety {
  left: 75px;
  background: url(../img/timeline_1990.png) no-repeat 0 0;
}
.sustainable #timeline #dates li#aught {
  left: 168px;
  background: url(../img/timeline_2000.png) no-repeat 0 0;
}
.sustainable #timeline #dates li#ten {
  left: 602px;
  background: url(../img/timeline_2010.png) no-repeat 0 0;
}



.sustainable #legend {
  padding: 70px 0 0 0;
}
.sustainable #legend li {
  background-image: url(../img/sustainable_icons.png);
  background-repeat: no-repeat;
  height: 36px;
  display: block;
  margin: 0 0 3px 0;
}
.sustainable li.water { background-position: 0 0; }
.sustainable li.natural_gas { background-position: 0 -40px; }
.sustainable li.electrical { background-position: 0 -80px; }
.sustainable li.healthy { background-position: 0 -119px; }
.sustainable li.thought { background-position: 0 -158px; }
.sustainable li.raw { background-position: 0 -199px; }
.sustainable #legend li span {
  display: block;
  float: left;
  padding: 12px 0 0 42px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
}





.sustainable .details {
  width: 353px;
  height: 256px;
  background: url(../img/timeline_detail_bg.png) no-repeat 0 0;
  position: absolute;
  top: 77px;
  display: none;
}
.sustainable .details .pointer {
  position: absolute;
}
.sustainable .details img {
  float: left;
  width: 175px;
  height: 256px;
  z-index: 1000;
  position: relative;
  display: block;
}
.sustainable .details p {
  width: 151px;
  font-size: 12px;
  line-height: 17px;
  display: block;
  float: left;
  margin: 50px 0 0 10px;
}
.sustainable .details .features {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 10px;
  left: 176px;
  width: 140px;
}
.sustainable .features li {
  background-image: url(../img/sustainable_icons.png);
  background-repeat: no-repeat;
  height: 36px;
  display: block;
  text-indent: -9999px;
  width: 34px;
  float: left;
  margin: 6px 0 0 10px;
  opacity: 0.3;
}
.sustainable #d1988 { left: 120px; }
.sustainable #d1995 { left: 200px; }
.sustainable #d2000 { left: 244px; }
.sustainable #d2001 { left: 265px; }
.sustainable #d2003 { left: 302px; }
.sustainable #d2004 { left: 335px; }
.sustainable #d2005 { left: 361px; }

.sustainable #d1988 .pointer,
.sustainable #d1995 .pointer,
.sustainable #d2000 .pointer,
.sustainable #d2001 .pointer,
.sustainable #d2003 .pointer,
.sustainable #d2004 .pointer,
.sustainable #d2005 .pointer {
  left: -69px;
  top: -60px;
  background: url(../img/sus_pointer_1988.png) no-repeat 0 0;
  width: 69px;
  height: 150px;
}

.sustainable #d2005-2 { left: 364px; }
.sustainable #d2005-2 .pointer {
  left: -44px;
  top: -60px;
  background: url(../img/sus_pointer_2005-2.png) no-repeat 0 0;
  width: 44px;
  height: 194px;
}
.sustainable #d2006 { left: 367px; }
.sustainable #d2006 .pointer {
  left: -15px;
  top: -60px;
  background: url(../img/sus_pointer_2006.png) no-repeat 0 0;
  width: 20px;
  height: 94px;
}
.sustainable #d2007 { left: 312px; }
.sustainable #d2007 .pointer {
  left: 74px;
  top: -55px;
  background: url(../img/sus_pointer_2006.png) no-repeat 0 0;
  width: 20px;
  height: 94px;
}
.sustainable #d2007-2 { left: 345px; }
.sustainable #d2007-2 .pointer {
  left: 58px;
  top: -61px;
  background: url(../img/sus_pointer_2007-2.png) no-repeat 0 0;
  width: 13px;
  height: 61px;
}
.sustainable #d2005-7 { left: 200px; }
.sustainable #d2005-7 .pointer {
  left: 58px;
  top: -57px;
  background: url(../img/sus_pointer_2005-7.png) no-repeat 0 0;
  width: 186px;
  height: 57px;
}
.sustainable #d2005-7 p {
  margin: 20px 0 0 10px;
}
.sustainable #d2008 { left: 200px; }
.sustainable #d2008 .pointer {
  left: 86px;
  top: -57px;
  background: url(../img/sus_pointer_2005-7.png) no-repeat 0 0;
  width: 186px;
  height: 57px;
}
.sustainable #d2005-7 p {
  margin: 20px 0 0 10px;
}
.sustainable #d2009 { left: 200px; }
.sustainable #d2009 .pointer {
  left: 114px;
  top: -57px;
  background: url(../img/sus_pointer_2005-7.png) no-repeat 0 0;
  width: 186px;
  height: 57px;
}
.sustainable #d2010 { left: 200px; }
.sustainable #d2010 .pointer {
  left: 150px;
  top: -57px;
  background: url(../img/sus_pointer_2005-7.png) no-repeat 0 0;
  width: 186px;
  height: 57px;
}
.sustainable #d2010 p {
  margin: 10px 0 0 10px;
}
.sustainable #d2010-2 { left: 230px; }
.sustainable #d2010-2 .pointer {
  left: 150px;
  top: -57px;
  background: url(../img/sus_pointer_2005-7.png) no-repeat 0 0;
  width: 186px;
  height: 57px;
}
.sustainable #d2010-3 { left: 260px; }
.sustainable #d2010-3 .pointer {
  left: 150px;
  top: -57px;
  background: url(../img/sus_pointer_2005-7.png) no-repeat 0 0;
  width: 186px;
  height: 57px;
}
.sustainable #d2011 { left: 291px; }
.sustainable #d2011 .pointer {
  left: 150px;
  top: -57px;
  background: url(../img/sus_pointer_2005-7.png) no-repeat 0 0;
  width: 186px;
  height: 57px;
}
.sustainable #d2011 p {
  margin: 30px 0 0 10px;
}
.sustainable #d2011-2 { left: 312px; }
.sustainable #d2011-2 .pointer {
  left: 150px;
  top: -57px;
  background: url(../img/sus_pointer_2005-7.png) no-repeat 0 0;
  width: 186px;
  height: 57px;
}





#project-list {
  width: 720px;
  margin: 80px 0 0 360px;
}

#project-list h3 {
  font-size: 12px;
  padding: 0 0 5px 0;
}
#project-list h4 {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: normal;
}
#project-list li {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 36px;
}
#project-list a {
  color: #fff;
  font-size: 10px;
}
#project-list a span {
  display: block;
  text-indent: 20px;
}
#project-list .column {
  float: left;
  width: 240px;
}
#sustainable_pdf {
  width: 386px;
  margin: 18px 0 0 360px;
  clear: both;
  float: left;
}
#sustainable_pdf a {
  text-indent: -9999px;
  display: block;
  background: url(../img/sustainable_pdf.png) no-repeat 0 0;
  width: 386px;
  height: 31px;
}


/* Sustainable Rollover */
.experience .maincontent .legend {
  padding: 10px 0 0 0;
  position: relative;
  float: left;
  margin: 0 0 30px 0;
  width: 220px;

}
.experience .maincontent .legend li {
  background-image: url(../img/legend_icon.png);
  background-repeat: no-repeat;
  height: 36px;
  display: block;
  float: left;
  width: 36px;
  margin: 0 0 3px 0;
}
.experience .maincontent .legend li:hover {
  cursor: pointer;
}
.experience .maincontent .legend li.water { background-position: 0 0; }
.experience .maincontent .legend li.natural_gas { background-position: 0 -37px; }
.experience .maincontent .legend li.electrical { background-position: 0 -75px; }
.experience .maincontent .legend li.healthy { background-position: 0 -113px; }
.experience .maincontent .legend li.thought { background-position: 0 -151px; }
.experience .maincontent .legend li.raw { background-position: 0 -188px; }
.experience .maincontent .legend li span {
  position: absolute;
  top: 54px;
  left: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  display: none;
  width: 220px;
}