/*
*
*	Pease Associates
*	JJohnson | E-dreamz
*
*/

body{
	background: #7C7A75 url(../images/bg_fade.jpg) repeat-x left top;
}

.print_logo{display:none;}

.HTMLPanelLoadingContent, .HTMLPanelErrorContent {
      display: none;
   }

.field{
	font-size: 11px;
}

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

#container{
	background: #fff;
	width: 970px; /* 1000 */
	padding: 8px 8px 8px 8px;
	margin: 8px auto 0 auto;
	border-bottom: 1px solid #918F8A;
}

.flexcroll.bullets ul li{
	list-style:disc;
	margin-left: 30px;
}

#hd{
	position: relative;
}

#hd h1{
	position: relative;
	background: url(../images/pease_web_logo.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	width: 134px;
	height: 56px;
}

#hd h1 a{
	position: absolute;
	display: block;
	width: 134px;
	height: 56px;
	top: 0;
	left: 0;
	text-indent: -99999em;
}

#navigation{
	position: absolute;
	left: 190px;
	top: 18px;
}

#hd_search{
	position: absolute;
	right: 0;
	top: 18px;
}

.homeLeft{
	width: 684px;
}

.homeRight{
	background: #716F6C url(../images/homeRight_bg.gif) no-repeat left top;
	width: 286px; /* 316 */
	color: #fff;
	padding-top: 144px;
	padding-bottom: 9px; /* 28 */
}

.homeRight.small{
	padding-top: 88px;
}

.homeRight p{
	font-size: 12px;
	line-height: 20px;
	margin-left: 8px;
}

.homeRight h2{
	background: url(../images/h-uncommon.gif) no-repeat 20px 0;
	text-indent: -99999em;
	height: 42px;
	margin-bottom: 8px;
}

.homeRight.small h2{
	background: url(../images/h-uncommon-1024.jpg) no-repeat 25px 0
}

.homeRight h2, .homeRight p{
	padding-right: 25px;
	padding-left: 20px;
}

#home2col #portfolio{
	margin-top: 8px;
	background: #fff;
}

#port_list{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;	
}

#port_list li{
	margin: 0;
	padding: 0 0 0 2px;
	display: inline;
}

#i3col, #span3col, #portfolio.history{
	background: url(../images/intgrey.gif) repeat-y left top;
}

#portfolio{background: #525150;}

#i3col.service{background: #716F6C;}



.column{float: left; color: #fff;}
.column.span1{width: 134px;}
.column.span2{width: 364px;}
.column.span12{width: 498px;}
.column.span3{width: 471px;}
.column.office{width: 134px;}

.office{font-size: 11px;}
.office.right{padding-left: 35px;}

.column p{font-size: 10px;}

.moreinfo{clear: both; font-size: 11px; padding-top: 15px;}

.alpha{margin: 0 25px; padding: 0;}
.alpha li{display: inline;}
.alpha a{color: #fff; font-size: 10px;  background: url(../images/alpha_seperator.gif) right 4px no-repeat; padding-right: 4px; }
.alpha a.selected{color: #111;}

p.clients{ margin: 0 25px;}
a.small_link{font-size: 10px;}

#proj_list.client_list{margin: 15px 0 0 0;}
#proj_list.client_list a{text-transform:none; margin: 0; padding: 0;}


.client_scroller{margin-top: 20px; margin-left: 25px;}
.client_scroller p{width: 285px; font-size: 10px;}
.client_scroller a{color: #fff;}
.client_scroller a.title{font-size: 12px; font-weight: bold;  width: 100%;}
.client_scroller a.detail{font-size: 9px;}
	.cat_name{background: #ccc; display: block; width: 90%; padding: 3px; font-weight: bold;}
	.cat_name a{ text-decoration: none;  color: #333;}
	.left_nav{width: 134px;}
	.mid_content{width: 365px; color: #fff; margin-top: 72px;}
		h2.ourculture{background: url(../images/h-ourculture.gif) no-repeat 21px 0; height: 63px;}
		h2.eng{background: url(../images/h-engineering.gif) no-repeat 35px 0; height: 23px; margin-top: 48px; margin-bottom: 12px;}
		h2.arch{background: url(../images/h-architecture.gif) no-repeat 35px 3px; height: 23px; margin-top: 48px; margin-bottom: 12px;}
		h2.plan{background: url(../images/h-planning.gif) no-repeat 35px 3px; height: 23px; margin-top: 48px; margin-bottom: 12px;}
		h2.civil{background: url(../images/h-civil.gif) no-repeat 35px 3px; height: 23px; margin-top: 48px; margin-bottom: 12px;}
		h2.construction{background: url(../images/h-construction.gif) no-repeat 35px 3px; height: 23px; margin-top: 48px; margin-bottom: 12px;}
		h2.clientlist{background: url(../images/h2_clientlist.gif) no-repeat 21px 0; margin-top: 80px; margin-bottom: 12px;}
		h2.search{background: url(../images/h-search.gif) no-repeat 21px 0; margin-top: 80px; margin-bottom: 12px;}
		h2.careers{background: url(../images/h2_careers.gif) no-repeat 21px 0; margin-top: 80px; margin-bottom: 12px;}
		h2.jobs{background: url(../images/h2_job.gif) no-repeat 21px 0; margin-top: 80px; margin-bottom: 12px;}
		h2.news{background: url(../images/h2_news.gif) no-repeat 21px 0; margin-top: 80px; margin-bottom: 12px;}
		h2.loc{background: url(../images/h2_loc.gif) no-repeat 21px 0; margin-top: 80px; margin-bottom: 12px;}
		h2.contact{background: url(../images/h2_contact.gif) no-repeat 21px 0; margin-top: 80px; margin-bottom: 12px;}
		h2.staff{background: url(../images/h2_staff.gif) no-repeat 21px 0; margin-top: 80px; margin-bottom: 12px;}
		#content_txt{width: 360px; margin: 0 auto; outline: none; position: relative; font-size: 10px; }
		#engineering #content_txt, #architecture #content_txt, #civil #content_txt, #planning #content_txt, #construction #content_txt{font-size: 10.5px; }
		#content_txt p{width: 285px; margin: 8px auto;}
	.photo_right{width: 471px;} /*501*/

	#engineering.mid_content, #architecture.mid_content, #civil.mid_content, #planning.mid_content, #civil.mid_content, #construction.mid_content{
		margin-top: 0;
		background: url(../images/bg_eng.jpg) no-repeat left top;
		color: #000;
		width: 360px;
	}

	#architecture.mid_content{
		background: url(../images/panels/r_arch_bg.jpg) no-repeat left top;
	}

	#planning.mid_content{
		background: url(../images/panels/r_planning_bg.jpg) no-repeat left top;
	}

	#civil.mid_content{
		background: url(../images/panels/r_civil_bg.jpg) no-repeat left top;
	}

	#construction.mid_content{
		background: url(../images/panels/r_construction_bg.jpg) no-repeat left top;
	}

	#i3col.service .mid_content{
		width: 495px;
	}
	
	#i3col.service h2{
		margin-left: 38px;
	}

	

	#i3col.service .mid_content #content_txt{
		margin-left: 0;
		width: 500px;
	}
	
	#i3col.service .mid_content #content_txt p{
		width: 450px;
		margin-left: 41px;
	}

	#portfolio .mid_content{
		width: 499px;
	}
	
	#portfolio .mid_content #content_txt{width: 499px;}
	

	#portfolio.detail .mid_content{margin-top: 0; }
	#portfolio.detail .mid_content #content_txt{margin-top: 15px; margin-bottom: 25px;}
	#portfolio.detail .mid_content #content_txt p{width: 380px; font-size: 10.5px; margin-left: 41px;}
	
	#portfolio.detail h3, #portfolio.detail h4{font-size: 16px; margin-left: 40px;}
	#portfolio.detail h3{margin: 55px 0 -5px 40px; padding-bottom: 0;}
	#portfolio.detail h4{font-weight: normal;}
	
	#portfolio.detail.history h3{margin: 28px 0 -5px 20px; padding-bottom: 0;}
	#portfolio.detail.history h4{margin-left: 20px;}

	#portfolio.detail.history .mid_content #content_txt p{width: 300px; font-size: 10px; margin-left: 20px;}


	/*
#portfolio.detail.history .mid_content {height: 290px;}
	#portfolio.detail.history .mid_content #content_txt{height: 290px;}
*/
	
	.photo_right #subnav{
		background: #343331;
	}

#proj_list{
	margin: 43px 0 0 0;
	padding: 0;
	border-top: 1px solid #646464;
	font-size: 11px;
}

#proj_list li{padding: 7px 0; border-bottom: 1px solid #646464;}

#proj_list a{color: #fff; padding-left: 30px; text-transform: uppercase;}


#port_image{
	height: 368px;
}


.portsubholder{
	margin: 50px 0 0 32px;
}	
	

.port_links{
	border: 1px solid #999;
	width: 360px;
	margin: 10px 0 0 40px;
}

.port_links a{
	float: left;
	display: block;
	width: 15px;
	height: 15px;
	background: #999;
	margin: 4px 10px 4px 0;
}

.port_links a:hover, .port_links a.selected{
	background: #cc0000;
}

.link_wrapper{width: 210px;}
.history_label{
	margin: 4px 50px -10px 4px;
}
.history .port_links{
	margin-left: 20px;
	width: 325px;
}

.history .link_wrapper{width: 180px;}

/* Bio Styles */
.bio{color: #000; }
.bio h2{height: 31px; margin-top: 85px; margin-bottom: 20px;}
.bio p{font-size: 10px; margin: 6px 17px 0 17px; padding: 0;}

.garbick .span2{background: url(../images/bio/garbick_bg.jpg) no-repeat left top;}
.garbick h2{background: url(../images/bio/h-garbick.jpg) no-repeat left top;}

.duncan .span2{background: url(../images/bio/duncan_bg.jpg) no-repeat left top;}
.duncan h2{background: url(../images/bio/h-duncan.jpg) no-repeat left top;}

.neumann .span2{background: url(../images/bio/neumann_bg.jpg) no-repeat left top;}
.neumann h2{background: url(../images/bio/h-neumann.jpg) no-repeat left top;}

.barnes .span2{background: url(../images/bio/barnes_bg.jpg) no-repeat left top;}
.barnes h2{background: url(../images/bio/h-barnes.jpg) no-repeat left top;}

.bernard .span2{background: url(../images/bio/bernard_bg.jpg) no-repeat left top;}
.bernard h2{background: url(../images/bio/h-bernard.jpg) no-repeat left top;}

.johnson .span2{background: url(../images/bio/johnson_bg.jpg) no-repeat left top;}
.johnson h2{background: url(../images/bio/h-johnson.jpg) no-repeat left top;}

.runion .span2{background: url(../images/bio/runion_bg.jpg) no-repeat left top;}
.runion h2{background: url(../images/bio/h-runions.jpg) no-repeat left top;}

.wallace .span2{background: url(../images/bio/wallace_bg.jpg) no-repeat left top;}
.wallace h2{background: url(../images/bio/h-wallace.jpg) no-repeat left top;}

#summary{
	display:none;
	background: url(../images/port_menu_bg.jpg) no-repeat left top;
	position: absolute;
	left: 280px;
	top: 16px;
	width: 205px;
	font-size: 11px;
	}
	
#summary p{
	margin: 0 auto;
	padding: 0;
	width: 175px
}

#summary p.title{font-weight: bold; margin-top: 9px;}
#summary p.yellow{color:#B6A475; margin-bottom: 10px;}
#summary p.detail{
	background: url(../images/port_menu_bt_bg.jpg) no-repeat left bottom;
	width: 205px;
	margin: 0;
	padding: 20px 0 25px 10px;
	height: 20px;
	}
#summary p.detail a{
	display: block;
	width: 60px;
	height: 15px;
	background: url(../images/port_detail_btn.jpg) no-repeat left top;
	text-indent: -99999em;
}

#servicenav{
	margin: 0 0 0 4px;
	padding: 0;
}


#servicenav a{
	display: block;
	width: 471px;
	height: 134px;
	text-indent: -99999em;
}

#servicenav a:hover{
	background-position: 0 -134px;
}

#scivil a:hover{
	background-position: 0 -134px;
}

#sarch a{
	background: url(../images/services/architecture.jpg) no-repeat left top;
}

#seng a{
	border-top: 1px solid #717171;
	background: url(../images/services/engineering.jpg) no-repeat left top;
}

#splan a{
	background: url(../images/services/planning.jpg) no-repeat left top;
}

#scivil a{
	height: 134px;
	background: url(../images/services/civil.jpg) no-repeat left top;
}

#scon a{
	background: url(../images/services/construction.jpg) no-repeat left top;
}




/*submenus*/
.company_submenu, .sub{
	margin: 80px 0 0 65px;
	padding: 0;
	list-style:none;
	width: 55px;
}

.company_submenu li, .sub li{
	margin: 0; 
	padding: 4px 0;
	list-style:none;
	width: 55px;
	height: 11px;
}

.company_submenu a, .sub a{
	display: block;
	text-indent: -99999em;
	width: 55px;
	height: 11px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.company_submenu a:hover, .company_submenu a.selected, .sub a:hover, .sub a.selected{
	background-position: -55px 0;
}

.company_submenu #bculture a{
	background-image: url(../images/submenu/culture.gif);
}
.company_submenu #bhistory a{
	background-image: url(../images/submenu/history.gif);
}
.company_submenu #bleadership a{
	background-image: url(../images/submenu/leadership.gif);
}

.leader{margin-top: 10px;}

.leader a{background-position: -30px 0; width: 122px; text-indent: -999em; display: block;}
.leader a:hover, .leader a.selected{background-position: -153px 0;}

.leader #garbick a{background-image: url(../images/submenu/bio_garbick.gif);}
.leader #duncan a{background-image: url(../images/submenu/bio_duncan.gif);}
.leader #neumann a{background-image: url(../images/submenu/bio_neumann.gif);}
.leader #barnes a{background-image: url(../images/submenu/bio_barnes.gif);}
.leader #bernard a{background-image: url(../images/submenu/bio_bernard.gif);}
.leader #johnson a{background-image: url(../images/submenu/bio_johnson.gif);}
.leader #runions a{background-image: url(../images/submenu/bio_runions.gif);}
.leader #wallace a{background-image: url(../images/submenu/bio_wallace.gif);}

.sub.engineering{
	margin: 70px 0 0 15px;
}

#subnav .sub.engineering{margin: 0 0 0 0;}

.sub.engineering, .sub.engineering li, .sub.engineering a{
	width: 119px;
}

.sub.engineering li, .sub.engineering a{
	height: 15px;
	background-position: 0 0;
}

.sub.engineering a:hover, .sub.engineering a.selected{
	background-position: -123px 0;
}


#subnav .sub.engineering a:hover, #subnav .sub.engineering a.selected{
	background-position: -132px 0;
}

.engineering #barch a{
	background-image: url(../images/submenu/architecture.gif);
}

#subnav .engineering #barch a{
	background-image: url(../images/submenu/arch_dk.jpg);
}

.engineering #beng a{
	background-image: url(../images/submenu/engineering.gif);
}

#subnav .engineering #beng a{
	background-image: url(../images/submenu/eng_dk.jpg);
}


.engineering #bover a{
	background-image: url(../images/submenu/overview.gif);
}

.engineering #bjob a{
	background-image: url(../images/submenu/jobop.gif);
}

.engineering #bplan a{
	background-image: url(../images/submenu/planning.gif);
}


.engineering #bloc a{
	background-image: url(../images/submenu/loc.gif);
}

.engineering #bcontact a{
	background-image: url(../images/submenu/contact.gif);
}

.engineering #bstaff a{
	background-image: url(../images/submenu/staff.gif);
}

#subnav .engineering #bplan a{
	background-image: url(../images/submenu/plan_dk.jpg);
}

.engineering #bcivil a{
	background-image: url(../images/submenu/civil.gif);
}

#subnav .engineering #bcivil a{
	background-image: url(../images/submenu/civil_dk.jpg);
}

.engineering #bconstruction a{
	background-image: url(../images/submenu/construction.gif);
}

#subnav .engineering #bedu a{
	background-image: url(../images/submenu/edu_dk.jpg);
}
#subnav .engineering #bjustice a{
	background-image: url(../images/submenu/justice_dk.jpg);
}
#subnav .engineering #bcivic a{
	background-image: url(../images/submenu/civic_dk.jpg);
}
#subnav .engineering #bcorp a{
	background-image: url(../images/submenu/corp_dk.jpg);
}
#subnav .engineering #bmission a{
	background-image: url(../images/submenu/mission_dk.jpg);
}
#subnav .engineering #bop a{
	background-image: url(../images/submenu/op_dk.jpg);
	width: 135px;
}

#subnav .engineering #hhistory a{
	background-image: url(../images/history/history.jpg);
	width: 135px;
}

#subnav .engineering #h20 a{
	background-image: url(../images/history/2000.jpg);
	width: 135px;
}

#subnav .engineering #h40 a{
	background-image: url(../images/history/1940.jpg);
	width: 135px;
}

#subnav .engineering #h50 a{
	background-image: url(../images/history/1950.jpg);
	width: 135px;
}

#subnav .engineering #h60 a{
	background-image: url(../images/history/1960.jpg);
	width: 135px;
}

#subnav .engineering #h70 a{
	background-image: url(../images/history/1970.jpg);
	width: 135px;
}

#subnav .engineering #h80 a{
	background-image: url(../images/history/1980.jpg);
	width: 135px;
}

#subnav .engineering #h90 a{
	background-image: url(../images/history/1990.jpg);
	width: 135px;
}

.eng_print{
	margin-left: 285px;
	display: block;
	height: 26px;
	text-indent: -99999em;
	background: url(../images/print.gif) no-repeat left top;
}

.eng_print:hover{
	background-position: 0 -26px;
}

#ft{
	width: 708px;
	margin: 5px auto;
	color: #fff;
	text-align: center;
	font-size: 10px;
	color: #E1E0DD;
}

#ft p{clear: both; padding: 8px 0 0 0; margin: 0;}
#ft p a{color: #e1e0dd;}



/* compact search form */
form#search_form {
  position:relative;
}

div#search{
  position:relative;
  float:left;
  margin-right:0;
}

input#search_term{
  width:100px;
  border: 1px solid #e4e4e4;
  padding: 2px;
}

  label.overlabel {
    color:#999;
  }

  label.overlabel-apply {
    position:absolute;
    top:3px;
    left:1px;
    z-index:1;
    color:#999;
  }


/* main nav */
#tcompany a  {
	width: 85px;
	background: url(../images/nav/company.gif) top left no-repeat;
}
	
#tservices a  {
	width: 98px;
	background: url(../images/nav/services.gif) top left no-repeat;
}
	
#tclients a  {
	width: 87px;
	background: url(../images/nav/clients.gif) top left no-repeat;
}
	
#tportfolio a  {
	width: 104px;
	background: url(../images/nav/portfolio.gif) top left no-repeat;
}

#tcareers a  {
	width: 87px;
	background: url(../images/nav/careers.gif) top left no-repeat;
}

#tnews a  {
	width: 82px;
	background: url(../images/nav/news.gif) top left no-repeat;
}

#tcontact a  {
	width: 92px;
	background: url(../images/nav/contact.gif) top left no-repeat;
}			

#nav {
	margin: 0;
	padding: 0;
	height: 22px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 22px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:22px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -22px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -44px;
	}

#tback a  {
	width: 87px;
	background: url(../images/submenu/back.jpg) top left no-repeat;
}

#tbacklt a  {
	width: 87px;
	background: url(../images/btn-print-lt.gif) top left no-repeat;
}

#tprint a  {
	width: 82px;
	background: url(../images/submenu/print.jpg) top left no-repeat;
}

#tview a  {
	width: 92px;
	background: url(../images/submenu/view.jpg) top left no-repeat;
}		
	

#portsub {
	margin: 0;
	padding: 0;
	height: 12px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#portsub li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#portsub a {
	float: left;
	padding: 12px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:12px; /* for IE5/Win only */
	}
	
#portsub a:hover {
	background-position: 0 -12px;
	}

#portsub a:active, #portsub a.selected {
	background-position: 0 -12px;
	}	
	
/* footer nav */
#tarch a  {
	width: 90px;
	background: url(../images/ft_nav/arch.gif) top left no-repeat;
}
	
#tengineering a  {
	width: 89px;
	background: url(../images/ft_nav/engineering.gif) top left no-repeat;
}
	
#tplanning a  {
	width: 74px;
	background: url(../images/ft_nav/planning.gif) top left no-repeat;
}
	
#tcivil a  {
	width: 129px;
	background: url(../images/ft_nav/civil.gif) top left no-repeat;
}
	
#tconstruction a  {
	width: 147px;
	background: url(../images/ft_nav/construction.gif) top left no-repeat;
}
	
#tsitemap a  {
	width: 66px;
	background: url(../images/ft_nav/sitemap.gif) top left no-repeat;
}
	
#tresources a  {
	width: 87px;
	background: url(../images/ft_nav/resources.gif) top left no-repeat;
}
	
#tonline a  {
	width: 115px;
	background: url(../images/ft_nav/online.gif) top left no-repeat;
}
	

#ft_nav {
	margin: 0;
	padding: 0;
	height: 15px;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: center
	}

#ft_nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#ft_nav a {
	float: left;
	padding: 15px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:15px; /* for IE5/Win only */
	}
	
#ft_nav a:hover {
	background-position: 0 -15px;
	}

#ft_nav a:active, #ft_nav a.selected {
	background-position: 0 -15px;
	}