body {
	background-color: #545454;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.5em;
	color: black;
}

#container {
	overflow:hidden;
}

#topBanner {
	position:relative;
	height:100px;
	background-image:url('/Images/Bkgrd_Header.jpg');
	background-repeat:repeat-x;
	vertical-align:middle;
	display:table;
	overflow:hidden;
	width:940px;
}

#logo {
	position:relative;
	float:left;
	width:160px;
	height:75px;
	display:table-cell;
	vertical-align:middle;
	/*background-image:url('../images/Hoar Logo.png');*/
}

#mainNav {
	position: relative;
	float: left;
}

#mainContent {
	
}

#navBar1 {
	list-style:none;
	position:relative;
	color:#fcac00;
	height:49px;
	left:40px;
	margin-right:auto;
	margin-left:auto;
}

#navBar1 li {
	float:left;
	margin:10px;
}

#navBar1 a {
	color:#fcac00;
	text-decoration:none;
}

#navBar1 a:hover {
	color:white;
}

#navBar2 {
	list-style:none;
	position:relative;
	color:white;
	font-size:14px;
	height:49px;
	vertical-align:bottom;
	display:table-cell;
}

#navBar2 li {
	float:left;
	margin:5px;
}

#navBar2 a {
	color:white;
	padding-left:3px;
	padding-right:3px;
	text-decoration:none;
}

#navBar2 a:hover {
	background-color:silver;
	color:black;
}

#searchBar {
	position:relative;
	vertical-align:top;
	color:white;
	height:49px;
}

#imageRotator {
	
	width:940px;
	height:353px;
}

#newsItems {
	
}

#newsItems a {
	color:black;
}

#newsItems ul {
	position:relative;
	width:90%;
	left:5px;
	margin-left:auto;
	margin-right:auto;
}

#footer {
	height:52px;
	width:940px;
	background-image:url('/Images/Bkgrd_Footer.jpg');
	background-repeat:repeat-x;
}

#largeImage
{
    position:absolute;
    padding:.5em;
    background-color:#e3e3e3;
    border: 1px solid #7b7b7b;
    width:300px;
}

#subHoverImage
{
	position:absolute;
	padding:.5em;
	background-color:#e3e3e3;
	border:1px #7b7b7b solid;
	width:400px;
}

#pageColumns {
	overflow:hidden;
	height:auto;
	position:relative;
}

#projectsList {
	
}

#projectsList li {
}

#projectsList a {
	color:black;
}

#projectsList a:hover {
	color:blue;
}

#projectsList h3 {
	font-size:1.5em;
}

#projectMainImage {
	
}

#projectRightBar {
	float:left;
	overflow:hidden;
}

#projectLeftBar {
	position:relative;
	float:left;
	width:540px;
	height:auto;
	overflow:hidden;
}

#projectDescription {
	text-align:right;
	line-height:normal;
	overflow:visible;
	z-index:9999;
}

#projectDescription h3 {
	font-size:1.5em;
	color:#2572a8;
}

#projectDescription p {
	text-align:right;
	margin:0px;
	font-size:1.25em;
}

#projectNarrativeBox {
	/*background-color:white;*/
	position:relative;
	padding:5px;
	margin-left:5px;
	width:370px;
	height:310px;
	border:1px #7b7b7b solid;
}

#projectThumbnailsBox {
	position:relative;
	margin-left:5px;
	margin-top:4px;
	padding:5px;
	width:370px;
	height:90px;
	border:1px #7b7b7b solid;
}

#buttonDescriptionContainer {
	position:relative;
	width:100%;
	overflow:hidden;
}


#subButtons {
	width:50%;
	float:left;
}

#subButtons a {
	color:black;
}

#subButtons a:hover {
	color:blue;
}

#subDescription {
	position:relative;
	top:0px;
	width:200px;
	float:left;
	padding:.5em;
	background-color:#e3e3e3;
	border:1px #7b7b7b solid;
	height:35px;
	text-align:center;	
	vertical-align:middle;
	display:none;
}

#formsPageHeader {
	
}

#formsPageHeader img {
	position:relative;
	margin:0px;
	display:block;
}

#formsPageHeader td {
	vertical-align:top;
}

#formsPageFooter {
}

#formsPageFooter img {
	position:relative;
	margin:0px;
	display:block;		
}

#formsPageFooter td {
	vertical-align:top;
}

#formsList {
	
}

#formsList img {
	position:relative;
	margin:0px;
	display:block;
	width:36px;
	height:12px;
}

#contentBoxes {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	line-height:normal;
}

#newsItemTables {
	
}

#newsItemTables a {
	color:#333333;
}

#newsItemTables a:hover {
	color:navy;
}

#newsItemTables hr {
	border:1px #333333 solid;
}

#latestNews {
	margin-left:10px;
	margin-right:3px;
}

#latestNewsContentBanner {
	
}

#latestNewsContentBanner a {
	color:black;
	text-decoration:none;
}

#projectSpotlight {
	margin-left:5px;
	margin-right:5px;	
	font-size:.85em;
}

#featuredVideo {
	margin-left:5px;
	margin-right:5px;		
}

#breadCrumbNav {
	position:relative;
	left:10px;
	width:49%;
	float:left;
}

#breadCrumbNav a {
	color:black;
	font-weight:bold;
	text-decoration:none;
}

#breadCrumbNav a:hover {
	color:blue;
}

#breadCrumbNav img {
	position:relative;
	top:2px;
	width:13px;
	height:12px;
}

#nextProjectLink {
	text-align:right;
	width:49%;
	float:left;
}

#nextProjectLink a {
	color:black;
	font-weight:bold;
	text-decoration:none;	
	
}

#nextProjectLink a:hover {
	color:blue;
}

#spotlightNarrativeBox {
	position:relative;
	float:left;
}

#spotlightNarrative {
	border:1px black solid;
}

#spotlightPictureBox {
	position:relative;
	float:left;
	margin-left:10px;
}

#spotlightPicture {
	border:1px black solid;
}

#officeLocations {
	position:relative;
	width:auto;
	height:auto;
	z-index:999;
}

#officeLocations a {
	color:blue;
	text-decoration:underline;
}

/* Class definitions */

.gray {
	background-color:#cbcbcb;
}

.medgray {
	background-color:#b9b9b9;
}

.gradWhite img {
	background-color:transparent;
	height:100%;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
	z-index:0;
}	

.gradWhite * {
	position:relative;
	z-index:1;
}

.gradWhite p {
	margin:0px 10px 5px 10px;
	padding:1px;
	text-align:left;
}


.box {
	border:solid #707070 1px;
	float:left;
	height:250px;
	margin:0px;
	position:relative;
	width:300px;
}

.box2 {	
	border:solid #707070 1px;
	float:left;
	height:250px;
	margin:0px;
	position:relative;
	width:300px;
	background-color:white;
}

.mainContentBox {
	background-color:white;
	width:930px;
	margin:0px;
	position:relative;
	border:solid #000000 1px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	overflow:hidden;
}

.mainContentBox a {
	color: #000000;
	text-decoration: none;
}

.mainContentBox a:hover {
	color: #000000;
	text-decoration: underline;
}

.mainContentBox hr {
	color:black;
}

.mainContentBox h2 {
	font-size:1.75em;
}

.mainContentBox h3 {
	font-size: 1.25em;
	color: #000080;
	padding-bottom: 10px;
	position: relative;
	left: -2px;
}

.mainContentBox td {
	vertical-align: top;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.mainContentBox li {
	font-size:.9em;
	color:#454545;
	padding-bottom:3px;
	position:relative;
	left:7px;
	line-height:1.2em;
}

.contentBannerBox {
	position: relative;
	margin: auto 0px auto 0px;
	border: solid #707070 1px;
	height: 37px;
	width: 280px;
	top: 3px;
	text-align: justify;
	left: 10px;
	vertical-align: middle;
	bottom: auto;
}

.contentBannerTitle {
	position:relative;
	top:10px;
	left:5px;
	font-weight:bold;
}

.roundcont {
	width:960px;
	background-color:#b9b9b9;
}

.roundtop {
	
}

.roundbottom {
	background:url('/Images/BkGrd_br.jpg') no-repeat top right;
}

img.corner {
	width:15px;
	height:15px;
	border:none;
	display:block !important;
}

.captioned_photo {
	position:relative;
	left:-20px;
	float:left;
	margin: .5em 0 .5em 2em;
	padding:0px;
	line-height: 1em;
	width:125px;
	/*height:130px;*/
}

.captioned_photo p {
	position:relative;
	top:5px;
	width:100%;
	font-size:.75em;
}

.captioned_photo img {
	width:117px;
	height:96px;
	margin:0px;
	padding:0px;
	display:inline;
}

.captioned_photo a {
	/*color:black;*/
}

.awards {
	
}

.awards img {
	position:relative;
	display:block;
	height:auto;	
}

.brochures {
	
}

.brochures img {
	position:relative;
	display:block;
	height:auto;	
}

.contactUs {

}

.contactUs img {
	position:relative;
	display:block;
	height:auto;
}

.culture {
	
}

.culture img {
	position:relative;
	display:block;
	height:auto;	
}

.history {
	
}

.history img {
	position:relative;
	display:block;
	height:auto;	
}

.rankings {
	
}

.rankings img {
	position:relative;
	display:block;
	height:auto;	
}

.safety {
	
}

.safety img {
	position:relative;
	display:block;
	height:auto;	
}

.services {
	
}

.services img {
	position:relative;
	display:block;
	height:auto;	
}

.subs {
	vertical-align:top;
}

.subs img {
	position:relative;
	display:block;
	height:auto;	
}

.sustainability {
	
}

.sustainability img {
	position:relative;
	display:block;
	height:auto;
	width:240px;
	padding:0px;
	background-color:#e9e9e9;	
}

.sustainability li {
	position:relative;
	left:25px;
	list-style:square;
}

.videoThumbnail {
	position:relative;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	width:247px;
	height:178px;
	text-align:center;
	border:1px black solid;
}

.videoThumbnail img {
	position:relative;
	margin:0px;
	padding:0px;
	width:247px;
	height:178px;
	display:block;
}

.divisionsbkgrd {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	line-height: 1em;
	width:416px;
	height:565px;	
	background-image:url('../images/ProjectLandingPageBkgrd.jpg');	
}

.divisionsbkgrd img {
 	position:relative;
	width:293px;
	height:53px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	display:block;
}

.projectContent {
	width: 48%;
	position: relative;
	float: left;
}

.projectsThumbnails {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	/*line-height: 1em;*/
	
}

.projectsThumbnails img {
 	position:relative;
	width:50px;
	height:50px;
	margin:0px;
	padding:3px;
	border:1px black solid;
	display:block;	
}

.projectsThumbnailBar {
	font-size:1em;
	width:49%;
	float:left;
	vertical-align:top;
}

.projectsThumbnailBar li {
	float:left;
	margin:5px;
	width:80px;
	height:auto;
	position:relative;
	text-align:left;
	top:-10px;
}

.projectThumbnailsBox {
	overflow:hidden;
}

.projectThumbnailsBox img {
	position:relative;
	width:80px;
	height:80px;
	margin:3px;
	float:left;
	border:1px #7b7b7b solid;
	display:block;
}


.projectMainImage {
	position:relative;
	margin:0px;
	padding:0px;
}

.projectDescription {
	text-align:right;
}

.projectMainImage img {
	position:relative;	
	float:left;
	width:530px;
	height:420px;
	margin:0px;
	padding:3px;
	border:1px #7b7b7b solid;
	display:block;
}

.subButtons {

}

.subButtons img {
	position:relative;
	width:186px;
	height:34px;
	margin:0px;
	display:block;
}

.subButtons p {
	color:black;
	font-size:1.1em;
}

.formTableHeader 
{
    color:Blue;
    font-style:italic;
    font-weight:bold;
    padding:2px;
}

.formListLeftColumn 
{
    width:75px;
}

.showhideSpan {
	text-decoration:underline;
	cursor:pointer;
	color:blue;
}

.searchResults {
	position:relative;
	left:20px;
	width:940px;
}

.projectDetailNarrative {	
	text-align:justify;
}

.gradWhite {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/white-to-transparent blend.png', sizingMethod='scale');
}
* html .gradWhite img {
	display:none;
}