﻿body,html{background:#000; font-family:Arial !important;font-size:12px;font-weight:normal;margin:0; padding:0; text-align:center;}

/* ie6 notice */
.ie6fail{background:#1c1c1c; width:100%; height:250px; position:absolute; top:0; left:0; z-index:999999999999999; text-align:left; }
.ie6fail .wrap{width:75%; font-size:14px; color:White; margin:20px auto;}
.ie6fail h1{font-size:32px; color:#e85151;}
.ie6fail p{color:white; font-size:16px; line-height:24px;}
.ie6fail span{color:White; cursor:pointer; font-size:11px; text-decoration:underline;}
.ie6fail .hideNotice{width:100%; text-align:right; }
.ie6fail a{color:#bdde7c; font-size:14px; padding:3px;}
.ie6fail a:hover{background:#bdde7c; color:#374e09;padding:3px;}

h1{color:#bfa839; font-size:16px; font-weight:bold; line-height:20px; margin:0px 0px 10px 0px;}
h2{color:#757676; font-size:15px; font-weight:bold; line-height:16px; margin:0px 0px 5px 0px;}
p{color:#000;line-height:20px; margin:0px 0px 15px;}
u{text-decoration:underline;}
strong{font-weight:bold;}
em{font-style:italic;}
img{border:0;}
fieldset{background-image: url('images/pollBg.gif'); background-repeat:no-repeat; background-color:#ededeb; padding:18px 28px; clear:both; float:left;}
legend{}
ul{color:#6e6c5e; font-weight:bold; line-height:20px; margin:0px 0px 15px 30px;}
ul li{list-style-type:disc;}
ol{color:#6e6c5e; font-weight:bold; line-height:20px; margin:0px 0px 15px 30px;}
ol li{list-style-type:decimal;}
a{color:#1f57b3; font-weight:bold; text-decoration:underline;}
a:hover{color:#4581e3;}
a.linkTitle{font-weight:bold; font-size:17px; text-decoration:none;}

.clear{clear:both; height:0px; width:100%;}
.left{float:left;}
.right{float:right;}
.nofloat{float:none;}
.size10{font-size:10px;}
.hrBreak{border-bottom:1px solid #BEBEBE; clear:both; height:10px; margin-bottom:10px;}
.actionNoticeBoxGIANT{background:#fef3f3; border:1px solid #cc1c21; font-weight:bold; color:#cc1c21 !important; margin:0px 0px 10px; padding:10px; font-size:16px; line-height:20px;}
.actionNoticeBoxGIANT a{color:#CC1C21;}
.lblError{background:#fef3f3; border:1px solid #cc1c21; font-weight:bold; color:#cc1c21 !important; margin:0px 0px 10px; padding:10px; font-size:16px;}
.actionNoticeBoxGIANT ul{font-size:12px; margin:0px 0px 0px 15px; color:#cc1c21 !important; list-style-type:disc !important; line-height:18px; padding:5px 0px 0px 10px;}
.loginFail{background:#fef3f3; border:1px solid #cc1c21; font-weight:bold; color:#cc1c21 !important; margin:0px 0px 10px; padding:10px; font-size:16px;}
.loginFail a{color:#cc1c21;}
.nothingFound{background:#fef3f3; border:1px solid #cc1c21; font-weight:bold; color:#cc1c21 !important; margin:0px 0px 10px; padding:10px; font-size:16px;}
.iUpdate{background:#f3fef3; border:1px solid #2f6929; font-weight:bold; color:#2f6929 !important; margin:0px 0px 10px; padding:10px; font-size:16px;}
.picRight{float:right; margin:0px 0px 7px 7px;border:3px solid #BFA838}
.picLeft{float:left; margin:0px 7px 7px 0px;border:3px solid #BFA838}
.requiredField{float:left; margin-left:2px; visibility:visible !important;}
.noSpam{font-size:11px; display:block; margin:0px 0px 5px;}
.noSpam strong{color:#000;}
#hcard{}

/* form styles */
.labeler{color:#6e6c5e;font-weight:bold; float:left; font-size:15px; margin:3px 4px 15px 0px; width:105px;}
.sButton{background-image: url('images/submitBg.png'); background-repeat:no-repeat; background-position:top left; color:#fff; font-weight:bold; height:25px; width:157px; text-align:center; border:none !important; cursor:pointer; padding:0;}
.sButton:hover{color:#fff;}
.iButton{border:none !important; font-size:15px !important; height:auto !important; padding:0px !important; width:auto !important;}
input{border:1px solid #6f6e60; font-size:14px; padding:3px; float:left;}
input.phone{width:85px;}
input.addy2{width:60px;}
input.zip{width:60px}
select{border:1px solid #6f6e60; font-size:14px; padding:3px; float:left;}
textarea{border:1px solid #6f6e60; font-size:14px; padding:3px; float:left; }
.rButtons td{padding-right:10px;}
.rButtons input{border:0;}
.sendIt{background: url('Images/btnSubmit.png') no-repeat; float:left; height:33px; width:145px;}
.sendIt span{display:none;}
fieldset h2{color:#1f57b3; font-size:18px; margin:10px 0px;}

/* grid */
#container{height:auto; /* set auto */ margin:10px auto; text-align:left; width:952px;}
#defaultPage{background-image: url('Images/homeBg-new.gif'); background-position:top left; background-repeat:no-repeat; height:772px; width:952px;}
	#intPage{background-image: url('Images/intBg-new.gif'); background-position:top left; background-repeat:no-repeat; height:auto; width:952px;}
#mast{height:101px; width:100%;}
#flashMatrix{height:408px; width:740px; /* w, 739 - h, 406 */ float:left; margin:0px 7px 0px 25px;}
#int{border-left:2px solid #453d15; height:auto; width:auto;}
#homeCtas{height:auto; width:180px;}
	#intCtas{height:auto; width:180px;}
#hLeft{background: url('Images/projectBg.gif') repeat-y; height:auto; width:526px;}
#hRight{height:auto; margin:22px 0px 0px 24px; width:398px;}
#foot{background: url('Images/footBg.gif') no-repeat; color:#ccb761; display:block; height:14px; margin:10px 0px 10px; padding:18px; text-align:center; width:908px;}
#tfoot{}

/* common */
#homeCtas .phone{background: url('Images/phone.gif') no-repeat; display:block; height:17px; margin:0 auto 9px; width:153px;}
#homeCtas .phone span{display:none;}
	#intCtas .phone{background: url('Images/phone.gif') no-repeat; display:block; height:17px; margin:0 auto 9px; width:153px;}
	#intCtas .phone span{display:none;}
a.addus{background: url('Images/addus.gif') no-repeat; display:block; height:11px; margin:0 auto 9px; width:124px;}
a.addus span{display:none;}

/* mast */
/* - ibd logo and tagline
#mast a.logo{background: url('Images/logo.png') no-repeat; height:77px; margin:18px 146px 0px 86px; width:144px; *background: url('images/logo_ie6.gif') no-repeat;}
#mast a.logo span{display:none;}
#mast .tag{background: url('Images/tag.gif') no-repeat; height:38px; margin:30px 0px 0px 0px; width:533px;}
#mast .tag span{display:none;}
*/

#mast a.logo{background: url('Images/logo-new.png') no-repeat; height:53px; margin:30px 60px 0px 46px; width:430px;}
#mast a.logo span{display:none;}
#mast .tag{background: url('Images/tag-new.gif') no-repeat; height:38px; margin:40px 0px 0px 0px; width:414px;}
#mast .tag span{display:none;}

/* home - side - ctas, phone, add us */
#homeCtas a.spot1{background:url('Images/homeCtas.gif') repeat 0px 0px; width: 180px; height: 119px; display:block;}
#homeCtas a.spot1 span {display: none; }
#homeCtas a.spot1:hover {background: url('Images/homeCtas.gif') repeat -190px 0px; }  
#homeCtas a.spot2{background:url('Images/homeCtas.gif') repeat 0px -119px; width: 180px; height: 120px; display:block;}
#homeCtas a.spot2 span {display: none; }
#homeCtas a.spot2:hover {background: url('Images/homeCtas.gif') repeat -190px -119px; }  
#homeCtas a.spot3{background:url('Images/homeCtas.gif') repeat 0px -239px; width: 180px; height: 123px; display:block;}
#homeCtas a.spot3 span {display: none; }
#homeCtas a.spot3:hover {background: url('Images/homeCtas.gif') repeat -190px -239px; }  

	/* interior - side - phone, add us, ctas */
	#intCtas .wrap{background-image: url('images/sideBg.gif'); background-repeat:no-repeat; background-position:top left; background-color:#6c6a5c; height:auto; padding:3px; width:174px;}
	#intCtas .rp{color:#fff !important; padding:28px 0px 0px 0px; }
	#intCtas .rp .project{float:left; margin:0px 0px 15px 0px; text-align:center; width:174px;}
	#intCtas .rp .project img{border:3px solid #bfa838; display:block; margin:0 auto 8px;}
	#intCtas .rp .project .loc{display:block; font-weight:bold; margin:0px 0px 5px; text-transform:uppercase;}
	#intCtas .rp .project .line{display:block; margin:0px 0px 5px;}

/* home - left side - recent projects, bottom nav*/
#hLeft h2{color:#bfa838; font-size:14px; font-weight:bold;}
#hLeft .rp{color:#fff !important; padding:22px 0px 0px 25px; }
#hLeft .rp .project{float:left; margin:5px 12px 15px 0px; text-align:center; width:150px;}
#hLeft .rp .project img{border:3px solid #bfa838; display:block; margin:0 auto 8px;}
#hLeft .rp .project .loc{display:block; font-weight:bold; margin:0px 0px 5px; text-transform:uppercase;}
#hLeft .rp .project .line{display:block; margin:0px 0px 5px;}
#hLeft .nav{background: url('Images/navBg.gif') no-repeat; height:45px; padding:0px 0px 0px 6px; width:520px;}
#hLeft .nav a.spot1{background:url('Images/nav.gif') repeat 0px 0px; width: 514px; height: 37px; float:left;}
#hLeft .nav a.spot1 span {display: none; }
#hLeft .nav a.spot1:hover {background: url('Images/nav.gif') repeat 0px -47px; }  

/* home - right side - copy area */
#hRight h1{color:#fff; font-size:14px;}
#hRight p{color:#fff;}

/* interior main */
.main{margin:0px 0px 0px 24px; height:auto; width:739px;}
.main .pageTitle{background: url('Images/titleBg.gif') no-repeat; display:block; height:53px; padding:16px 0px 0px 32px; width:707px;}
.main .pageTitle h1{color:#6c6a5c; font-size:22px; font-weight:bold; text-transform:uppercase;}
.main .pageTitle a.home{background: url('images/iconHome.gif') no-repeat; display:block; height:12px; margin:2px 18px 0px 0px; width:52px;}
.main .pageTitle a.home span{display:none;}
.main .content{background:#fff; float:left; padding:0px 33px 33px; min-height:351px; height:auto !important; height:351px; width:673px;}
.navInt{background: url('Images/navBg-int.gif') no-repeat; height:43px; padding:0px 0px 0px 26px; width:544px;}
.navInt a.spot1{background:url('Images/navInt.gif') repeat 0px 0px; width: 289px; height: 37px; float:left;}
.navInt a.spot1 span {display: none; }
.navInt a.spot1:hover {background: url('Images/navInt.gif') repeat 0px -47px; }  
.navInt a.spot2{background:url('Images/navInt.gif') repeat -289px 0px; width: 113px; height: 37px; float:left;}
.navInt a.spot2 span {display: none; }
.navInt a.spot2:hover {background: url('Images/navInt.gif') repeat -289px -47px; }  
.navInt a.spot3{background:url('Images/navInt.gif') repeat -402px 0px; width: 112px; height: 37px; float:left;}
.navInt a.spot3 span {display: none; }
.navInt a.spot3:hover {background: url('Images/navInt.gif') repeat -402px -47px; }  

/* blue navigation bar */
.blueNav{background-image: url('images/navBlueBg.gif'); background-repeat:no-repeat; height:46px; padding:0px 0px 0px 124px; width:615px;}
.blueNav a.land{background:url('Images/navBlue.gif') repeat 0px 0px; width: 123px; height: 46px; float:left;}
.blueNav a.land span {display: none; }
.blueNav a.water{background:url('Images/navBlue.gif') repeat -123px 0px; width: 123px; height: 46px; float:left;}
.blueNav a.water span {display: none; }
.blueNav a.wastewater{background:url('Images/navBlue.gif') repeat -246px 0px; width: 123px; height: 46px; float:left;}
.blueNav a.wastewater span {display: none; }
.blueNav a.environmental{background:url('Images/navBlue.gif') repeat -369px 0px; width: 123px; height: 46px; float:left;}
.blueNav a.environmental span {display: none; }
.blueNav a.stormwater{background:url('Images/navBlue.gif') repeat -492px 0px; width: 123px; height: 46px; float:left;}
.blueNav a.stormwater span {display: none; }
	/* general drop down*/
	#cssdropdown, #cssdropdown ul{list-style: none; }
	#cssdropdown, #cssdropdown *{padding: 0; margin: 0; }
	/* head links */
	#cssdropdown li.headlink {list-style:none; float: left; }
	#cssdropdown li.headlink a { display: block; }
	/* child lists and links */
	#cssdropdown li.headlink ul {display: none; text-align: left; position:absolute; z-index:999; list-style:none !important; margin-top:46px; border-bottom:1px solid #c1af63; }
	#cssdropdown li.headlink ul li{list-style:none !important; }
	#cssdropdown li.headlink:hover ul {display: block; background:#6c6a5d; list-style:none !important; width:121px; }
	#cssdropdown li.headlink ul li a {color:#fff !important; padding:5px 10px; text-decoration:none; font-weight:normal;border:1px solid #c1af63; border-bottom:none;}
	#cssdropdown li.headlink ul li a:hover {background-color: #767467;}

/* foot - bottom link area for rei */
#foot a{color:#fff; font-weight:bold; text-decoration:none;}
#foot a:hover{text-decoration:underline}

/* tfoot - sgg */
#tfoot a{color:#afaeae; font-size:11px; text-decoration:none;}
#tfoot a:hover{text-decoration:underline;}

/* civic involvement tabs */
.tabButton_closed{background-color: Lime;}
.tabButton_open{background-color: Red;}

/* name customizer tricks */
.nameCustomizer{cursor:pointer; font-weight: normal; background-color: #f8f9c8;}
.nameCustomizer:hover{border-bottom:1px dashed #c5c66f;}
.nameCustomized{font-weight:bold; background-color:inherit;}

/* spam trap hider */
.heidi{display:none;}

/* user polls */
#userPoll{background-image: url('images/pollBg.gif'); background-repeat:no-repeat; background-color:#ededeb; padding:28px; width:191px; }
#userPoll .question{color:#6e6c5e; font-size:18px; font-weight:bold; line-height:20px;}
#userPoll .inputName{border-color:#6f6e60 !important; width:100%;}
#userPoll .radios{margin:20px 0px 0px 0px;}
#userPoll .radios input{}
#userPoll .radios label{color:#6e6c5e; font-size:16px; font-weight:bold; line-height:18px; padding:0px 0px 0px 6px;}
#userPoll .radios td{padding:0px 0px 10px;}
#userPoll .submit{background:#6f6e60; border:1px solid #c0a93b !important; color:#fff; cursor:pointer; font-weight:bold; font-size:14px; margin:20px 0px 0px 40px; padding:6px 5px;}
#userPoll .result{display:block; margin:0px 0px 10px;}
#userPoll .answer{color:#6e6c5e; display:block; font-weight:bold; margin:0px 0px 3px; font-size:16px; line-height:18px;}
#userPoll .percent{font-weight:bold; text-decoration:underline;}

/* job area */
.jobList{background:#fff; border:1px solid #585646; margin:0px 0px 20px;}
.jobList .top{background:#585646; color:#fff; height:auto; display:block; padding:10px; }
.jobList .date{font-size:11px; font-style:italic;}
.jobList .title{font-weight:bold; font-size:14px;}
.jobList .title span{font-weight:normal;}
.jobList .descrip{padding:10px}
.jobList .contact{background:#ededeb; border-top:1px solid #cececa; padding:10px;}
.jobList .contact a{text-decoration:none;}
.jobList .section{font-weight:bold; padding:5px 0px 0px;}
.jobList .name{padding:5px 0px 0px;}
.jobList .email{padding:5px 0px 0px;}

/* articles area */
.srchBar{border-bottom:1px solid #CECECA; display:block; padding:10px 0px;}
.srchBar a{font-size:15px;}
.reiArticles{}
.reiArticles .what{color:#6E6C5E}
.reiArticles a{color:#1f56b1;font-weight:bold;}
.reiArticles a:hover{color:#4581e3;}
.reiArticles ul{color:#1f56b1; font-size:14px; font-weight:normal; margin:0px 0px 10px 15px;}
.reiArticles ul li{list-style-type:square; margin:0px 0px 5px;}

/* references area */
.referenceList{background:#fff; border:1px solid #585646; margin:0px 0px 20px 0px; display:block; }
.referenceList .top{background:#585646; color:#fff; height:auto; display:block; padding:10px; }
.referenceList .number{}
.referenceList .company{font-weight:bold; font-size:14px;}
.referenceList .descrip{font-size:14px; line-height:18px; padding:10px}
.referenceList .contact{background:#ededeb; border-top:1px solid #cececa; padding:10px;}
.referenceList .person{font-weight:bold;}
.referenceList .title{}
.referenceList .email{}
.referenceList .contact a{text-decoration:none;}

/* offices area */
#loc{background-image: url('images/pollBg.gif'); background-repeat:no-repeat; background-color:#ededeb; padding:18px; line-height:18px; display:block;}
#loc span{font-weight:bold;}
#loc .branch{color:#1F57B3; font-size:20px; font-weight:normal; padding:0px 0px 5px;}
#loc span{font-weight:bold; color:#6e6c5e; }
#loc a{font-weight:bold;}
#loc .notes{margin-top:10px;}
#loc img{border:1px solid #6E6C5E; margin:0px 0px 5px;}

/* civic involvement area */
.civicTabs a.charities{background:url('Images/tabs.gif') repeat 0px 0px; width: 123px; height: 46px; float:left;}
.civicTabs a.charities span {display: none; }
.civicTabs a.donations{background:url('Images/tabs.gif') repeat -123px 0px; width: 123px; height: 46px; float:left;}
.civicTabs a.donations span {display: none; }
.civicTabs a.scholarships{background:url('Images/tabs.gif') repeat -246px 0px; width: 123px; height: 46px; float:left;}
.civicTabs a.scholarships span {display: none; }
.civicArea{color:#BFA839; font-weight:bold; font-size:18px; margin:15px 0px 0px 0px;}
.civic{color:#6e6c5e; background-image: url('images/pollBg.gif'); float:left;  background-repeat:no-repeat; background-color:#ededeb; display:block; width:673px;}
.civicMain{float:left; padding:18px; width:515px;}
.civicMain img{border:1px solid #6e6c5e; float:right; margin:0px 0px 8px 8px;}
.civicMain .group{display:block; margin:0px 0px 8px; font-size:15px; font-weight:bold;}
.civicMain .descrip{}
.civicSelect{border-left:3px solid white; background:#6c6a5c; float:right; text-align:center; padding:10px 0px; width:113px;}
.civicSelect img{margin:3px 0px;}
.scholar{padding:18px;}
.scholar .wrap{border-bottom:1px solid #CECECA; padding-bottom:20px;}
.scholar .title{display:block; margin:0px 0px 8px; font-size:15px; font-weight:bold;}
.scholar .date{}
.scholar .intro{}
.scholar a{}

/* static case studies */
.staticStudy{background-image: url('images/sampleBg.gif'); background-repeat:no-repeat; background-color:#ededeb; padding:18px; line-height:18px; display:block; clear:both; min-height:230px; margin:10px 0px 0px; height: auto !important; height:230px; padding-top:60px}
.staticStudy .example{border:5px solid #c0a93a; height:auto; margin:0px 15px 0px 0px; width:220px;}
.staticStudy .study{color:#6c6a5c;}
.staticStudy p{color:#6c6a5c;}
.staticStudy .title{font-size:15px; color:#6c6a5c; font-weight:bold; margin:0px 0px 3px;}
.staticStudy .location{font-size:14px; margin:0px 0px 10px;}

/* conference area */
/* job area */
.confList{background:#fff; border:1px solid #585646; margin:0px 0px 20px;}
.confList .top{background:#585646; color:#fff; height:auto; display:block; padding:10px; }
.confList .date{font-size:11px; font-style:italic;}
.confList .title{font-weight:bold; font-size:14px;}
.confList .title span{font-weight:normal;}
.confList .descrip{font-size:14px; padding:10px}
.confList .descrip strong{color:#6c6a5c}
.confList .contact{background:#ededeb; border-top:1px solid #cececa; padding:10px;}
.confList .contact a{text-decoration:none;}
.confList .section{font-weight:bold; padding:5px 0px 0px;}
.confList .name{padding:5px 0px 0px;}
.confList .email{padding:5px 0px 0px;}

/* meet the team */
.team{margin:0px 0px 40px;}
.team .img{border:3px solid #bfa838; height:170px; margin:0px 20px 0px 0px; width:170px;}
.team .bio{height:auto; width:456px;}
.team .name{color:#bfa839; display:block; margin:0px 0px 15px; font-size:14px; font-weight:bold;}

/* connecting links on core area pages */
.linkers{color:#bfa838; font-size:18px; font-weight:bold; text-align:center;}
.linkers a{font-size:18px; font-weight:bold; text-decoration:none;}
.linkers a:hover{text-decoration:underline;}
