/* - Reset Everything ------------------------------------------------------- */
/* reset borders and margins on all elements */
/* applies relative margins to p, h, li, etc */
@import url(reset.css);

/* - General Class styles --------------------------------------------------- */
/* classes that do common styling things */
@import url(classes.css);

/* - Forms ------------------------------------------------------------------ */
/* generic css to do with form layout */
@import url(forms.css);

/* - Default Styles --------------------------------------------------------- */
/* colours, sizes, etc of elements */
@import url(employment.css);

/* - Default Styles --------------------------------------------------------- */
/* colours, sizes, etc of elements */

body {
	font: 62.5%/1.5 Arial, sans-serif;
	color: #35444F;
}

a:link {
	color: #913A2F;
}

a:visited {
	color: #913A2F;

}

a:hover {
	color: #35444F;
	text-decoration: underline;
}

a:active {
	color: #913A2F;
	text-decoration: none;
}

a img {
	border: 0;
}
a.GalleryLink {
	color: #913A2F;
	text-decoration: underline;
}
a.GalleryLink:hover {
	color: #35444F;
	text-decoration: underline;
}
a.GalleryLink:visited {
	color: #913A2F;
	text-decoration: underline;
}
hr {
	height:1px;
	background:white;
	border:none;
	border-bottom:1px solid #CCCCCC;
	margin: 10px 0;
	float: left;
	width: 100%;
}
#hr {
	height:1px;
	background:white;
	border:none;
	border-bottom:1px solid #CCCCCC;
	margin: 0px 0;
	float: left;
	width: 100%;
}
.divisionContact {
	border-top: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
}
.secondary h1, .projects h1  {
	font-weight: normal;
	font-size: 1.9em;
	color: #913A2F;
	margin-top: 0;
	border-top: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
}

.secondary h2, .projects h2 {
	font-weight: normal;
	margin-bottom: -10px;
	font-size: 9pt;
}

h2.borders {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

h3 {
	font-weight: normal;
	font-size: 1.2em;
	margin-bottom: -8px;
}
#content h2 {
	font-size: 12pt;
}



#facts, #navigation {
	font-size: 1.2em; /* 12 pt */
}

#content, #projects {
	font-size: 1.4em; /* 14 pt */
}

.secondary #content {
	font-size: 1.2em;
}

.secondary #projects {
	font-size: 1.2em;
}

/*Header Modifications*/
#LogoContainer img {
	padding-top: 22px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
#HundredCaption {
	font-size: 8pt;
	font-weight: bold;
	color: #999996;
	line-height: 12px;
	padding-bottom: 8px;
}
#HundredCaption img {
	padding-top: 20px;
}
#HundredCaptionImage img {
	padding-top: 12px;
	padding-bottom: 6px;
}
#OneFamilyCaption {
	padding-bottom: 8px;
}
/* Layout -------------------------------------------------------------------- */
#header{
	position:relative;
}

#header .logo {
	float: left;
	margin: 25px 0 16px 0px;
}
#header .catchPhase {
	margin: 110px 0 0px -250px;
	float: left;
	padding-bottom: 8px;
}
#catchPhases {
	float: left;
}
#catchPhaseContainer {
	padding-bottom: 8px;
}
#linksContainer {
	font-size: 1.2em;
	padding-bottom: 8px;
	padding-right: 20px;
}
#linksContainer a {
	color: #8C8C8E;
}
#header .links {
	float: right;
	font-size: 1.2em;
	margin-top: 105px;
}
#header .links a {
	color: #8C8C8E;
	padding-right: 20px;
}
#header .site_links {
	float: right;
	font-size: 1.2em;
	margin-top: 6px;
	margin-bottom: 15px;
}
#header .site_links img {
	
}
#header .site_links a {
	color: #8C8C8E;
	padding-right: 20px;
}

#container{
	width:975px;
	margin:0 auto;
	position: relative;
}
#FooterContainer {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999996;
}
#HPFooterContainer {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999996;
}
#FooterContainer .footerImage {
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DBDBDE;
	border-left-color: #DBDBDE;
}

#navigation {
	background: #DBDBDE;
	width: 975px;
	float: left;
	margin-bottom: 20px;
}
#navigation table {
	float: left;
	margin: 0px;
	padding: 0px;
}
#navigation .menuOn {
	font-size: 9pt;
	color: #FFFFFF;
	font-weight: normal;
	cursor: pointer;
	cursor: hand;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #999996;
}
#navigation td {
	font-size: 9pt;
	color: #35444F;
	font-weight: normal;
	cursor: pointer;
	cursor: hand;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 6px;
}
#navigation .SearchLabel {
	color: #878785;
	font-size: 8pt;
}
#navigation form {
	padding-top: 1px;
}
#navigation .search_box {
	width: 140px;
}
.MenuDrop {
	padding-right: 5px;
	float: right;
}
#facts a.divisionLinks {
	color: #913A2F;
	text-decoration: none;
	font-weight: bold;
}
#facts a.divisionLinks:hover {
	color: #35444F;
	text-decoration: underline;
	font-weight: bold;
}
#facts a.headingLinks {
	color: #913A2F;
	text-decoration: none;
}
#facts a.headingLinks:hover {
	color: #35444F;
	text-decoration: underline;
}
.home #facts h2 {
	padding-top: 140px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
}
.home #facts div {
	padding-right: 3px;
	padding-left: 3px;
}
#projects a.employmentLinks {
	color: #913A2F;
}
.home #facts {
   width:445px;
}
	
.home #facts ul, .home #facts li {
	margin: 0;
	list-style: none;
}
.home #facts li {
	float: left;
	border: 1px solid #DBDBDE;
	width: 168px;
	height: 235px;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
	font-size: 8pt;
}
	
.home #facts li a.large {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999em;
	z-index:100;
}
	
.home #facts li.building {
	background: url(../img/HP-Building.jpg) no-repeat;
	cursor: pointer;	
	cursor: hand;	
}

.home #facts li.engineering {
	cursor: pointer;	
	cursor: hand;	
	background: url(../img/HP-Engineering.jpg) no-repeat;
}
.home #facts li.interiors {
	cursor: pointer;	
	cursor: hand;	
	background: url(../img/HP-Interiors.jpg) no-repeat;
}

.home #facts li.southPacific {
	cursor: pointer;	
	cursor: hand;	
	background: url(../img/HP-SthPacific.jpg) no-repeat;
}
.home #facts h2 {
	font-size: 9pt;
	color:#913A2F;
	margin-top:  0;
}
.home #facts h2 a {
   text-decoration: none;
}

.home #projects {
	width:250px;
	margin-left:-250px;
	padding-bottom: 0;
}
.home #projects #projectHomeContent {
	float:left;
	background-image: url(../images/ValuesTemplate.jpg);
	background-position: center top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #DBDBDE;
	border-bottom-color: #DBDBDE;
	border-left-color: #DBDBDE;
}
.home #projects #projectHomeContent img {
	padding-bottom: 5px;
	padding-top: 5px;
}
.home #projects #ProjectContentSpacer {
	height: 10px;
}
.home #projects #ProjectContentInsert {
	color: #000000;
	font-size: 8pt;
	padding-right: 10px;
	padding-left: 15px;
	text-align: left;
	line-height: 16px;
}
.home #projects #ProjectContentInsert a {
	color: #913A2F;
	text-decoration: none;
	font-weight: bold;
}
.home #projects #ProjectContentInsert a:hover {
	color: #35444F;
	text-decoration: underline;
	font-weight: bold;
}
.home #content {
	margin: 0 250px 0 380px;
	width: 300px;
}
.home #content h1 {
	font-weight: bold;
	font-size: 10pt;
	color: #913A2F;
	text-transform: uppercase;
	margin: -5px 0 -5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDE;
}
.home #content .projectTxt {
	color: #35444F;
}
.home #content h1 img {
	padding-bottom: 5px;
}
.home #content dl {
	font-size: 9pt;
}
.home #content dl a {
	color: #913A2F;
	text-decoration: none;
}
.home #content dl a:hover {
	color: #35444F;
	text-decoration: underline;
}
.home #content dt {
	text-transform: uppercase;
	color: #913A2F;
	margin: 0 0 0 16px;
}
	
.home #content dd {
	margin: 0;
	padding: 0 0 10px 16px;
	background: url(../img/bullet.png) no-repeat 1px 6px;
}
.home #content dd p {
	margin: 0;
}
.home #content dd strong {
	display: block;
}
.home #content dd a {
	color: #333;
}
	#search {
		float: right;
		margin: 4px 10px 0;
	}
	#form_search {
		float: right;
		margin: 4px 10px 0;
	}
	#search label {
		font-weight: bold;
		float:  left;
		color: #8C8C8E;
		margin:  2px 5px 0 0;
		text-transform: uppercase;		
	}
	#form_search label {
		font-weight: bold;
		float:  left;
		color: #8C8C8E;
		margin:  2px 5px 0 0;
		text-transform: uppercase;		
	}
	#search input {
		float:  left;
		margin-right:  5px;
	}
	#form_search input {
	float:  left;
	margin-right:  5px;
	font-size: 10pt;
	color: #8C8C8E;
	}
	#search button {
		width: 43px;
		height: 21px;
		text-indent: -999em;
		background: url(../img/button-go.png) no-repeat;
		float:  left;
	}
    #form_search button {
		width: 43px;
		height: 21px;
		text-indent: -999em;
		background: url(../img/button-go.png) no-repeat;
		float:  left;
	}


#breadcrumb {
	float: left;
	margin: -10px 0 10px 0;
	font-size: 1.1em;
	color: #666;
	width:  100%;
}

.project #breadcrumb {
	width:  700px;
}

#breadcrumb a {
	color: #666;
	text-decoration: none;
}
#wrapper {
	float:left;
	width:100%;
}
.secondary #content {
	margin: 0 270px 0 234px;
}

	#content .projectDetails {
		float: left;
		width: 100%;
		margin-bottom: 15px;
	}
	
		#content .projectDetails ul, #content .projectDetails li {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		#content .projectDetails ul {
			float: left;
		}
		
		#content .projectDetails ul.left {
			width: 60%;
		}
		
		#content .projectDetails ul.right {
			width: 40%;
			text-align: left;
		}
		
		#content .projectDetails li {
			border-bottom: 1px dashed #ccc;
			padding: 5px 0 4px 0;
			overflow: hidden;
			width: 100%;
			height: 18px;
		}
		
	#content .otherParties {
		margin-top: 10px;
	}
	
	#content .otherParties ul, #content .otherParties li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		
	#content .otherParties li {
		padding: 4px 15px 3px 0;
		overflow: hidden;
	}
	
	#content .otherParties li strong {
		float: left;
		width: 55px;
	}
	
	#employment p.yellow {
		background: #fc0;
		font-size: 2em;
		word-spacing: -5px;
		line-height: 90%;
		padding: 23px 15px;
	}

	#employment p.yellow span {
		color: #91362F;
	}

	#employment p.yellow a {
		color: #fff;
		text-align: right;
		display: block;
		font-size: small;
		margin-bottom: -15px;
	}

	#employment ul.yellow {
		background: #fc0;
		padding: 23px 15px ;
		margin-left: 10px;
		margin-right: 10px;
		float: left;
		width: 700px;
	}

	* html #employment ul.yellow {
		margin-left: 5px;
		margin-right: 0;
	}

	#employment ul.yellow li {
		list-style: none;
		float: left;
		width: 25%;
		margin-bottom: 5px;
	}

	#employment ul.yellow li a {
		font-weight: bold;
	}

	#employment .red {
		color: #91362F;
		font-weight: bold;
		font-size: 1.2em;
	}
	
.projects #content {
	float: left;
	font-size: 1.2em;
}

.project-list {
	border-bottom:1px #CCCCCC dashed;   }
	

.project-list th  {
	border-bottom:1px #CCCCCC dashed; 
	border-top:1px #CCCCCC dashed; 
	text-transform:uppercase;
	text-align: left;
	color:#000; 
}

.project-list td, .project-list th {
	padding: 4px;
	border-bottom: 1px #CCCCCC dashed; 
}
.total-of {
	font-size:11px; 
}

a.view-all-project-types {
	float:right;
	width:147px; 
	text-decoration:none; }
	

.new tr {
	border-bottom:1px #CCCCCC dashed; 
	border-top:1px #CCCCCC dashed; 
}

#timeline {
	width:100%;
	height:400px;
	float:left;
	overflow:auto;
	margin-right:7px; 
	vertical-align:text-bottom;}

#timeline .row2 td {
	vertical-align:top;
	padding: 0 10px;
}

#timeline .row3 td {
	color:#C8918F;
	font-weight:bold;
	font-size:16px;
	font-family:fago, Lucida Grande, Lucida, sans-serif; }

#timeline .row4 {
	vertical-align:top;}

#timeline .print-friendly-link {
	padding:6px;}

#timeline .print-friendly-link a,
#timeline .print-friendly-link a:hover
	{
	vertical-align:text-bottom;
	background:url(../images/print-friendly.gif); 
	background-repeat:no-repeat; 
	padding-left:15px; 
	text-decoration:none;
	border-bottom:0px; 
	text-transform:uppercase; 
	font-weight:bold; 
	font-size:10px; }


		
	.history #content {
		margin-left: 0;
	}
/*Feature Section */
#feature {
	float:left;
	margin-left:-975px;
}

.secondary #feature {
	width: 234px;
}
	
.secondary #feature .box {
	width: 206px;
	border: 1px solid #DBDBDE;
}
	
.secondary #feature .box .featureInfo {
	padding-left: 12px;
	border-bottom: 1px dashed #006225;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
}
.secondary #feature .box .lastCell {
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
}
.secondary #feature .box .lastCell a {
	text-decoration: none;
}
.secondary #feature .box .featureInfo a.morelink {
	text-decoration: none;
}
.secondary #feature .box img {
	width: 206px;
	border: 0;
}
	
.secondary #feature .box .featureHeading {
	font-size: 9pt;
	margin: 0;
	color: #364952;
	font-weight: bold;
}
.secondary #feature .box .featureInfo a {
	color: #006225;
	text-decoration: underline;
}
.secondary #feature .box .featureInfo a:hover {
	color: #990000;
	text-decoration: underline;
}
.secondary #feature .box ul, .secondary #feature .box li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	
.secondary #feature .box li {
	margin: 0;
	padding: 6px 0;
}
/*End of Feature Section */
/*Feature Articles*/
#articles {
	background:#DBDBDE;
	float:left;
}
#articles .articleImage {
	margin-top: 1px;
	padding: 0px;
	margin-left: 1px;
	margin-bottom: 0px;
}
#articles .footerImage {
	margin-top: 0px;
	padding: 0px;
	margin-left: 0px;
	margin-bottom: 1px;
}

.secondary #articles {
	width: 247px;
	margin-left: -247px;
}
.secondary #articles p {
	margin: 10px 18px;
}
.secondary #articles .cellRows {
	border-top: 1px solid #999996;
	border-right: 1px solid #999996;
	border-left: 1px solid #999996;
	font-size: 8pt;
}
.secondary #articles .cellRows strong {
	color: #006225;
	font-size: 9pt;
}
.secondary #articles a {
	margin-right: 10px;
	font-weight: bold;
	text-decoration: none;
}
.secondary #articles .externalLink {
	margin-right: 0px;
}
#rotateImageOne {
	background-image: url(../Environmental_Images/no8.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#rotateImageTwo {
	background-image: url(../Environmental_Images/no9.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#clickForMore {
    border-left: 1px solid #DBDBDE;
	border-right: 1px solid #DBDBDE;
}
/*End of feature articles*/
/*Current Facts*/
#facts {
	float:left;
	margin-left:-975px;
}

.secondary #facts {
	width: 234px;
	font-size: 8pt;
}
	
.secondary #facts .box {
	width: 206px;
	border: 1px solid #DBDBDE;
}
	
.secondary #facts .box p {
	margin: 0;
}
	
.secondary #facts .box img {
	width: 206px;
	border: 0;
}
	
.secondary #facts .box h4 {
	font-size: 9pt;
	color: #913A2F;
	margin-right: 12px;
	margin-left: 12px;
	margin-top: 5px;
}
	
.secondary #facts .box ul {
	list-style: none;
	margin-top: 5px;
}
	
.secondary #facts .box li {
	border-top: 1px dashed #913A2F;
	margin-right: 12px;
	margin-left: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}
/*End of Current Facts */

/*Secondary Projects */
#projects {
	background:#DBDBDE;
	float:left;
}
.secondary #projects {
	width: 247px;
	margin-left: -247px;
	font-size: 8pt;
}
.secondary #projects p {
	margin: 10px 18px;
}
.secondary #projects p strong {
	display: block;
}
.secondary #projects p a {
	color: #913A2F;
}
.secondary #projects dl {
	margin: 16px 0 0 0;
	padding: 0;
}
.secondary #projects dt {
	text-transform: uppercase;
	color: #913A2F;
	margin: 0 0 0 16px;
	position: absolute;
	left: -9999em;
	height: 0;
	font-size: 9pt;
}
.secondary #projects dd {
	margin: 0 16px 5px;
}
.secondary #projects dd p {
	margin: 0;
}
.secondary #projects dd strong {
	font-size: 9pt;
	display: block;
}
.secondary #projects dd a {
	color: #913A2F;
	text-decoration: none;
}
.secondary #projects dd a:hover {
	color: #35444F;
	text-decoration: underline;
}
.employment #projects {
	overflow: hidden;
}
#projects p.img {
margin: 3px 0 0;
	text-align: center;
}
		
		#projects p.img img {
			border: 1px solid #fff;
			border-bottom:  0;
			border-top:  0;
			margin-top: -2px;
		}
		
		.home #projects p.img img {
			border: 2px solid #fff;
			border-bottom:  0;
			border-top:  0;
		}
		
		.home #projects .careers, .home #projects li, .employment #projects li {
			margin: 0;
			list-style: none;
		}
		
		.home #projects .careers, .employment #projects .careers {
			margin-top: 20px;
		}
		
		.home #projects li, .employment #projects li {
			padding-left: 27px;
			background: url(../img/bullet.png) no-repeat 13px 6px;
			margin-bottom: 20px;
		}
		
		.home #projects .careers strong, .employment #projects .careers strong {
			display: block;
		}

#footer {
	color: #8C8C8E;
	clear:left;
	width:100%;
	font-size: 1.1em;
	padding-top: 10px;
}
#footer a {
	color: #8C8C8E;
}
.search_heading {
	font-size: 10pt;
	font-weight: bold;
	color: #913A2F;
}
.search_number {
	font-size: 10pt;
	font-weight: bold;
	color: #913A2F;
	padding-right: 5px;
}
.admin_link {
	cursor: default;
}
.link {
	color: #9A3E3E;
	font-weight: bold;
}
.link:visited {
	color: #9A3E3E;
	font-weight: bold;
}
.link:hover {
	color: #672929;
}
.dynamicDiv {
	top: 196px;
	right: 0px;
	width:400px;
	height:200px;
	border:solid 1px #c0c0c0;
	background-color:#e1e1e1;
	font-size:11px;
	font-family:verdana;
	color:#000;
	padding:5px;
	position: absolute;
	z-index: 5;
}
.dynamicDiv form {
	position: relative;
	left: 0px;
	top: 0px;
	padding: 0px;
}
.dynamicDiv #ChangeList {
	height: 160px;
}
#ChangeRequest .button {
	width: 80px;
	margin-top: 10px;
}