/************************
 CONTAINER HELP
 ************************/

span.more
{
  float: right;
}

span.more a
{
  color: #5F574F;
  font-size: 8pt;
  text-decoration: none;
}

.container-help
{
  color: #5F574F;
  font-size: 9pt;
  margin: 20px 0;
  line-height: 1.5em;
}

#container-about-overview
{
  height: 660px;
}

#container-about-safety
{
  height: 540px;
}

#container-about-community
{
  height: 480px;
}

.left-help
{
  float: left;
  margin: 0 10px;
  width: 180px;
}

ul.content-nav
{
  border-top: 1px solid #000;
  list-style: none;
}

ul.content-nav li
{
  border: 1px solid #5F574F;
  border-left: none;
  border-right: none;
  font-size: 8pt;
  margin-top: -1px; /* to get the vertical lines to look 1 pixel thick, rather than 2 */
  padding: 2px 0 2px 10px;
}

ul.content-nav li a,
ul.content-nav li a:hover
ul.content-nav li a:visited
{
  color: #5F574F;
  display: block;
  text-decoration: none;
}

ul.content-nav li a.highlight
{
  color: #F05B21;
}

#center-about-overview
{
  height: 592px;
}

#center-about-safety
{
  height: 488px;
}

.center-help
{
  border: 1px solid #5F574F;
  float: left;
  padding: 20px;
  width: 400px;
  margin-bottom: 20px;
}

.center-help h2
{
  color: #F05B21;
  font-size: 15pt;
  padding: 10px 0;
}

.center-help p
{
  padding: 10px 0;
}

.center-help ul 
{
  padding-left: 2em;  
}

.center-help a 
{
  color: #F06026;
  text-decoration: none;
}

.center-help a:hover 
{
  text-decoration: underline;
}

.center-help a:visited 
{
  color: #675e4d;
}

.right-help
{
  float: right;
  margin-right: 15px;
  width: 351px;
  margin-bottom: 20px;
}

.right-help div
{
  border: 1px solid #5F574F;
  float: left;
}

.right-help img
{
  vertical-align: bottom;
}

.right-help .right-marketing
{
  background: #CAD1E7;
  margin-top: 20px;
  padding: 15px;
  width: 321px;
}

.right-help .right-marketing-inside
{
  border: none;
}

#about-overview-right-image
{
  height: 242px;
  width: 351px;
}

#about-safety-right-image
{
  height: 234px;
  width: 351px;
}

#about-community-right-image
{
  height: 242px;
  width: 351px;
}

.img-hide
{
  display: none;
}

#right-marketing-overview
{
}

.right-marketing-inside
{
  display: none;
}

.right-marketing h4
{
  color: #F05B21;
  font-size: 11pt;
  padding: 10px 0;
}

.right-marketing p
{
  padding: 5px 0;
}

.marketing-nav-heading
{
  background: #5F574F;
  border-bottom: 1px solid #000;
  color: #FFF;
  font-size: 9pt;
  font-weight: bold;
  margin: -15px -15px 15px -15px;
  padding: 4px;
}

.marketing-nav-heading span
{
  cursor: pointer;
  margin: 0 10px;
}

.marketing-nav-heading .highlight
{
  color: #F05B21;
}

#right-nav
{
  border: none;
  font-size: 7pt;
  margin-top: 9px;
  float: right;
}

#right-nav p
{
  float: right;
  margin-right: 10px;
}

.right-nav-box
{
  border: 1px solid black;
  cursor: pointer;
  float: right;
  height: 7px;
  margin: 0 2px;
  width: 7px;
}

.right-nav-box-highlight
{
  background: #DE3831;
  border: 1px solid black;
  float: right;
  height: 7px;
  margin: 0 2px;
  width: 7px;
}

.right-marketing-inside ul

{
  margin-left: 15px;
}

.right-marketing-inside ul li
{
  padding-left: 5px;
}

#right-marketing-safety
{}

#center-careers-benefits
{
  width: 400px;
}

#center-careers-openings
{
  height: 392px;
}

ul.career-list li:hover
{
  cursor: pointer;
}

ul.career-list
{
  list-style: none;
}

#careers-intern-right-image, 
#services-self-right-image, 
#services-gencon-right-image,
#services-green-building-right-image
{
  margin-bottom: 15px;
}

.right-blue-block 
{
  background: #CAD1E7;
  padding: 1em 2em;
}

.right-blue-block h4
{
  font-size: 11pt;
}

.right-blue-block p
{
  padding: 10px 0;
}

.right-blue-block ul
{
  padding: 10px 20px;
}

dl dt
{
  display: inline;
  font-weight: bold;
}

dl dd
{
  display: inline;
}

div#right-hww-myway
{
  display: block;
  height: 100%;
  margin: 10% 0;
  width: 351px;
}

div#hww-myway-right-image
{
  border: none;
  margin: auto;
  text-align: center;
}

div#hww-partner-right-image
{
  border: none;
}

div#hww-partner-right-image img
{
  height: 496px;
  width: 344px;
}

a#hww-people-learn-more
{
  color: #000;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

div.center-large
{
  float: left;
  margin-bottom: 20px;
  width: 790px;
}

div.center-large h2
{
  color: #F05B21;
  font-size: 15pt;
  padding: 10px 0;
}

div.center-large div.description
{
  border: 1px solid #5F574F;
  margin-bottom: 20px;
  padding: 20px 10px;
}

div.center-large ul li
{
  list-style: none;
  position: relative;
}

div.center-large ul.left-column
{
  float: left;
  width: 384px;
}

div.center-large ul.right-column
{
  float: left;
  margin-left: 20px;
  width: 384px;
}

div.center-large ul a span.image-text
{
  background: #F05B21;
  color: #FFF;
  display: inline;
  font-weight: bold;
  left: 0;
  padding: 1px 1px 1px 10px;
  position: absolute;
  top: 0;
  width: 150px;
  z-index: 50;
}

ul.featured-projects li
{
  float: left;
  height: 100px;
  margin: 5px 0;
  width: 768px;
}

ul.featured-projects li:hover
{
  cursor: pointer;
}

ul.featured-projects li div.project-image
{
  float: left;
  height: 100%;
  width: 384px;
}

ul.featured-projects li div.project-info
{
  border: 1px solid #5F574F;
  float: left;
  height: 80px;
  margin-left: 10px;
  padding: 10px;
  position: relative;
  width: 352px;
}

ul.featured-projects li div.project-info h3
{
  font-weight: normal;
  text-transform: uppercase;
}

ul.featured-projects li div.project-info span.more
{
  bottom: 10px;
  position: absolute;
  right: 10px;
}

div.dialog
{
  font-family: arial;
  font-size: 8pt;
  padding-bottom: 1em;
}

div.dialog h2
{
  font-size: 10pt;
  text-transform: uppercase;
}

div.dialog div#container, div.dialog div#portfolio-container
{
  padding: 10px;
}

div.dialog div.portfolio-image
{
  height: 325px;
  margin-bottom: 10px;
  position: relative;
}

div.dialog div#heading
{
  margin-bottom: 10px;
}

div.dialog div#people
{
  margin-bottom: 10px;
}

div.dialog div#description
{
  width: 433px;
}

div.dialog div.portfolio-image div#right-nav
{
  bottom: 0;
  position: absolute;
  right: 45px;
}

div.dialog div.portfolio-image div#right-nav-pantheon
{
  bottom: 0;
  position: absolute;
  right: 0;
}

div#project-examples
{
  float: left;
  margin-left: 230px;
}

div#project-examples a
{
  color: #5F574F;
  text-decoration: none;
}

div.dialog div.portfolio-image div#right-nav-mez
{
  bottom: 0;
  position: absolute;
  right: 0;
}

div.dialog div.portfolio-image div#right-nav-bayer-pavilion
{
  bottom: 0;
  position: absolute;
  right: 0;
}

div.dialog h2.job-title
{
  color: #F06026;
  margin: 10px 0;
}

div#center-careers-opportunities
{
  height: 400px;
}

div#center-careers-opportunities ul#career-opportunities
{
  list-style: none;
}

div#careers-opportunities-list
{
  border: none;
  margin-top: 10px;
  width: 351px;
}

div#careers-opportunities-list h2
{
  background: #CAD1E7;
  color: #000;
  margin-bottom: 5px;
  padding: 3px;
}

div#careers-opportunities-list ul
{
  padding-left: 10px;
}

ul#contact-us-list
{
  border-top-color: #FFF;
  width: inherit;
}

div#center-contact-us ul
{
  list-style: none;
  padding: 0;
}

ul#rtp-office
{
  margin-top: 20px;
}

div#contact-us-image
{
  border: none;
}

div#center-subcontractors
{
  height: 250px;
}

div#subcontractors-links
{
  border: none;
  margin-top: 10px;
}

div#subcontractors-links ul
{
  list-style: none;
}


div#subcontractors-links ul li
{
  padding: 5px 1px;
}

div#subcontractors-links ul li a,
div#subcontractors-links ul li a:hover
div#subcontractors-links ul li a:visited
{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

div#center-careers-leaders
{
  border: none;
  margin-top: 0;
  padding-top: 0;
  width: 775px;
}

div#center-careers-leaders ul
{
  float: left;
  list-style: none;
}

div#center-careers-leaders ul#bottom-leaders
{
  margin-top: 25px;
}

div#center-careers-leaders ul li
{
  display: inline;
  float: left;
  font-size: 8pt;
  margin: 0 5px 5px 5px;
  position: relative;
}

div#center-careers-leaders ul li img:hover
{
  cursor: pointer;
}

div#center-careers-leaders ul li#heather p
{
  padding: 0;
}

div#center-careers-leaders ul li#heather a.more
{
  position: absolute;
  right: 45px;
}

div#center-careers-leaders ul li p
{
  padding: 0 0 0 8px;
}

div#center-careers-leaders ul li a.more
{
  color: #000;
  position: absolute;
  right: 10px;
}

div.dialog h2.name
{
  font-size: 9pt;
}

div.dialog ul
{
  list-style: none;
}

div.dialog p
{
  margin-top: 1em;
  line-height: 1.5em;
}

div#timeline-about-history
{
  border: 1px solid #5F574F;
  margin-bottom: 20px;
  padding: 20px 20px;  
  background: url(../img/timeline_gradient.jpg) repeat-y;
}

div#timeline-about-history h3 
{
  	color: #f05b21;
	font-size: 12pt;
}

.timeline-interval
{
	padding-top: 20px;
}

.timeline-interval .left-photo
{
	float: left;
	padding-left: 40px;
	width: 390px;	
}

.timeline-interval .left-narrative
{
	float: left;
	width: 350px;
	padding-left: 40px;
	padding-right: 40px;
}

.timeline-interval .timeline-arrow
{
	padding-top: 10px;
}

.timeline-interval .timeline-end
{
	padding-top: 10px;
}

.timeline-interval h4
{
	color: #f05b21;
	padding-bottom: 10px;
	font-size: 11pt;
}

.timeline-footer
{
	clear: both;
}

div#center-portfolio-home ul li a
{
  color: #FFF;
  text-decoration: none;
}

.ui-dialog .dialog 
{
	padding-bottom: 1em;
}

div.dialog div#portfolio-container #heading p 
{
	margin-top: 0;
}

div.dialog div#portfolio-container #people p 
{
	margin-top: 0;
}