  @charset "UTF-8";
  
  @import "fonts/fonts.css";

* {
	padding: 0;
	margin: 0;
}
body {
	font-family: Trebuchet MS, Verdana, Arial, Times, serif;
	font-weight: normal;
	padding: 0;
	margin: 0;
	text-align: center;
	min-width: 950px;
	background: #666;
	color: #666;
}

.container{
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

.clear {
	clear: both;
	padding: 0;
	margin: 0;
}

/*-------- Navigation --------*/ 


#navigation{
	height: 44px;
}

#navigation ul { padding: 0;  margin: 0;  float: left;  height: 44px;  width: 950px;  list-style: none;  color: #fff; }

#navigation li { float: left; height: 44px; }
#navigation li a {
	display: block;
	height: 44px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#navigation li#home{ width: 159px;  background: url(images/tn_home.gif) no-repeat top left; }
#navigation li#history{ width: 159px;  background: url(images/tn_history.gif) no-repeat top left;}
#navigation li#services{ width: 157px;  background: url(images/tn_services.gif) no-repeat top left;}
#navigation li#reports{ width: 159px;  background: url(images/tn_reports.gif) no-repeat top left;}
#navigation li#testimonials{ width: 159px;  background: url(images/tn_testimonials.gif) no-repeat top left;}
#navigation li#faqs{ width: 157px;  background: url(images/tn_faqs.gif) no-repeat top left;}


   
/* static states */
#navigation li#home a:link,#navigation li#home a:visited,#navigation li#home a:active {text-indent:-9000px; }
#navigation li#history a:link,#navigation li#history a:visited,#navigation li#history a:active {text-indent:-9000px;  }
#navigation li#services a:link,#navigation li#services a:visited,#navigation li#services a:active {text-indent:-9000px; }
#navigation li#reports a:link,#navigation li#reports a:visited,#navigation li#reports a:active { text-indent:-9000px; }
#navigation li#testimonials a:link,#navigation li#testimonials a:visited,#navigation li#testimonials a:active {text-indent:-9000px; }
#navigation li#faqs a:link,#navigation li#faqs a:visited,#navigation li#faqs a:active {text-indent:-9000px; }




/* hover states */

#navigation li#home a:hover  {background: url(images/tn_home_over.gif) no-repeat top left;}
#navigation li#history a:hover  {background: url(images/tn_history_over.gif) no-repeat top left;}
#navigation li#services a:hover  {background: url(images/tn_services_over.gif) no-repeat top left;}
#navigation li#reports a:hover  {background: url(images/tn_reports_over.gif) no-repeat top left;}
#navigation li#testimonials a:hover  {background: url(images/tn_testimonials_over.gif) no-repeat top left;}
#navigation li#faqs a:hover  {background: url(images/tn_faqs_over.gif) no-repeat top left;}




/* Auto Nav Selection */

#home_page #navigation li#home a:link,#home_page #navigation li#home a:visited, #home_page #navigation li#home a:active { background: url(images/tn_home_on.gif) no-repeat top left; }
#history_page #navigation li#history a:link,#history_page #navigation li#history a:visited,#history_page #navigation li#history a:active{ background: url(images/tn_history_on.gif) no-repeat top left; }
#services_page #navigation li#services a:link,#services_page #navigation li#services a:visited,#services_page #navigation li#services a:active{ background: url(images/tn_services_on.gif) no-repeat top left; }
#reports_page #navigation li#reports a:link,#reports_page #navigation li#reports a:visited,#reports_page #navigation li#reports a:active { background: url(images/tn_reports_on.gif) no-repeat top left; }
#testimonials_page #navigation li#testimonials a:link,#testimonials_page #navigation li#testimonials a:visited,#testimonials_page #navigation li#testimonials a:active { background: url(images/tn_testimonials_on.gif) no-repeat top left; }
#faqs_page #navigation li#faqs a:link,#faqs_page #navigation li#faqs a:visited,#faqs_page #navigation li#faqs a:active { background: url(images/tn_faqs_on.gif) no-repeat top left; }

/*---------------- Content Formatting ----------------*/ 


#mastheadWrapper{
	background: url(images/backtile_masthead.jpg) repeat-x center top #4a98c8;
	height: 296px;
}

#masthead{
	height: 296px;
	background: url(images/backtile_logo.jpg) no-repeat left 47px;
}

#topLogo h1 a{
	float: left;
	display: block;
	width: 233px;
	height: 205px;
	background: url(images/logo_dhi_lg.png) no-repeat left 15px;
	text-indent: -9000px;
}

#topBar {
	height: 47px;
	background: url(images/backtile_topBar.jpg) no-repeat left top;
}

#topBar p.contact a{
	display: block;
	float: right;
	text-indent: -9000px;
	background: url(images/bttn_contact.jpg) no-repeat left top;
	width: 158px;
	height: 47px;
}

#topBar p.contact a:hover{
	display: block;
	float: right;
	text-indent: -9000px;
	background: url(images/bttn_contact.jpg) no-repeat left bottom;
	width: 158px;
	height: 47px;
}

#contentWrapper{
	background: #fff;
	display: block;
}

#content{
	margin-top: 6px;
	background: #fff;
	display: block;
	width: 950px;
	float: left;
}

#contentLeft{
	display: block;
	float: left;
	width: 693px;
	margin-top: 10px;
}

#contentRight{
	display: block;
	float: right;
	width: 222px;
	padding: 12px;
	background: url(images/backtile_rightCol.gif) no-repeat left top;
	min-height: 400px;
}

#iconsRight{
	display: block;
	float: right;
	width: 246px;
	padding: 10px 0 10px 0;

}

strong{
	font-family:'TitilliumText22LXBold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}

/*---------------- Social Icon Formatting ----------------*/ 

p.socialLinks{
	display: inline;
	float: right;
	line-height: 29px;
}

p.bttnFacebook a, p.bttnLinkedIn a{
	display: block;
	float: left;
	width: 29px;
	height: 29px;
	text-indent: -9000px;
	float: right;
	margin-left: 10px;
}

p.bttnFacebook a{
	background: url(images/bttn_facebook.png) no-repeat left top;
}

p.bttnLinkedIn a{
	background: url(images/bttn_linkedin.png) no-repeat left top;
}

p.bttnFacebook a:hover{
	background: url(images/bttn_facebook.png) no-repeat left bottom;
}

p.bttnLinkedIn a:hover{
	background: url(images/bttn_linkedin.png) no-repeat left bottom;
}


/*---------------- Right Nav Formatting ----------------*/ 

#contentRight h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 15px;
	line-height: 24px;
	color: #666;
}

#contentRight p.quoteName{
	font-family:'TitilliumText22LXBold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #666;
	text-align: right;
	text-transform: uppercase;
	margin-top: 20px;
}

#contentRight p.quoteTitle{
	font-family:'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #666;
	text-align: right;
	text-transform: uppercase;
	line-height: 5px;
}

#contentRight p.quoteNumber{
	font-family:'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #666;
	text-align: right;
	margin-top: 15px;
}

#contentRight p.quoteEmail{
	font-family:'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #666;
	text-align: right;
	line-height: 12px;
}

#contentRight p.quoteEmail a{
	text-decoration: none;
	color: #990000;
}

#contentRight p.quoteEmail a:hover{
	text-decoration: none;
	color: #000;
}


p.ahitLogo a{
	display: block;
	float: right;
	width: 99px;
	height: 99px;
	margin-top: 10px;
	background: url(images/logo_ahit.png) no-repeat left top;
	text-indent: -9000px;
}


/*---------------- Thumbnail Formatting ----------------*/ 

.serviceThumb img{
	border: 0;
	padding: 3px;
}
	
	
.serviceThumb{
	display: block;
	float: left;
	width: 105px;
	height: 80px;
	background: #fff;
	border: solid 1px #c2c2c2;
	margin: 0 0 10px 10px;
}

#contentRightServices{
	display: block;
	float: right;
	width: 236px;
	padding-right: 10px;
	padding-top: 10px;
	background: url(images/backtile_rightCol.gif) no-repeat left top;
	min-height: 400px;
}

#contentRightServices h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 15px;
	line-height: 24px;
	color: #666;
	margin-left: 10px;
}

/*---------------- Form Formatting ----------------*/ 

table td{
	font-family:'TitilliumText22LMedium', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	line-height: 22px;
}

.redText{
	color: #990000;
}

table td input{
	width: 250px;
	height: 20px;
}

table td #submit{
	width: auto;
}

/*---------------- Sub page Formatting ----------------*/ 

.openingCopy{
	font-family:'TitilliumText22LMedium', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #000;
	font-size: 20px;
	line-height: 26px;
	background: url(images/divider_red.gif) repeat-x left bottom;
	margin: 10px 30px 10px 0;
	padding-bottom: 10px;
}

p.redDivider {
	background: url(images/divider_red.gif) repeat-x left bottom;
	margin-right: 30px;
	height: 3px;
}

#contentLeft p{
	font-family:'TitilliumText22LMedium', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	line-height: 22px;
	margin-right: 30px;
}

h2.subTitle{
	font-family:'TitilliumText22LMedium', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #bb2316;
	font-size: 29px;
	line-height: 32px;
	margin-top: 10px;
	background: url(images/arrow_header.gif) no-repeat right 7px;
	display: inline;
}

p.bttnInspection a{
	display: block;
	float: right;
	text-indent: -9000px;
	background: url(images/bttn_inspection.gif) no-repeat left top;
	width: 224px;
	height: 26px;
}

p.bttnInspection a:hover{
	display: block;
	float: right;
	text-indent: -9000px;
	background: url(images/bttn_inspection.gif) no-repeat left bottom;
	width: 224px;
	height: 26px;
}

#contentLeft h3{
	font-family:'TitilliumText22LMedium', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #ce0000;
	height: 32px;
	line-height: 34px;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 10px;
	margin-right: 30px;
	
}

.twoColumn{
	display: block;
	float: left;
	width: 45%;
	margin-right: 10px;
}

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

#contentLeft ul li{
	background: url(images/arrow_black_lg.gif) no-repeat left 5px;
	font-family:'TitilliumText22LMedium', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	line-height: 22px;
	padding-left: 14px;
}

#contentLeft ul li a, #contentLeft a{
	text-decoration: none;
	color: #990000;
}

#contentLeft ul li a:hover, #contentLeft a:hover{
	text-decoration: none;
	color: #000;
}



/*---------------- Home Page Formatting ----------------*/ 


.homeCallout{
	display: block;
	float: left;
	width: 215px;
	margin-right: 10px;
}

h2.homeTitle{
	font-family:'TitilliumText22LMedium', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #bb2316;
	font-size: 29px;
	line-height: 32px;
	margin-right: 30px;
}

p.homeOpener{
	font-family:'TitilliumText22LMedium', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #666;
	font-size: 15px;
	line-height: 22px;
	background: url(images/divider_black.gif) repeat-x left top;
	margin: 10px 30px 10px 0;
	padding-top: 10px;
}

h5.calloutCopy{
	font-family:'TitilliumText22LMedium', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #666;
	font-size: 13px;
	line-height: 18px;
	
}
	
.homeCallout h3{
	font-family:'TitilliumText22LMedium', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #ce0000;
	display: block;
	float: left;
	width: 215px;
	background: url(images/arrow_black_lg.gif) no-repeat right 10px;
	height: 32px;
	line-height: 34px;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 10px;
	
}

.calloutFooter{
	background: url(images/backtile_callout.gif) no-repeat -42px bottom;
	display: block;
	float: left;
	width: 215px;
	margin-top: 10px;
	padding-top: 2px;
	border-top: 1px solid #d1d1d1;
}

.calloutFooter h6.learnMore a{
	display: block;
	float: right;
	text-indent: -9000px;
	background: url(images/bttn_learnMore.gif) no-repeat left top;
	width: 106px;
	height: 26px;
}

.calloutFooter h6.learnMore a:hover{
	display: block;
	float: right;
	text-indent: -9000px;
	background: url(images/bttn_learnMore.gif) no-repeat left bottom;
	width: 106px;
	height: 26px;
}


/*---------------- Footer Formatting ----------------*/ 


#footerWrapper{
	background: url(images/backtile_footer.gif) repeat-x left top #666;
	min-height: 200px;
	border-top: 5px solid #666;
}

#footer{
	background: url(images/footer_divider.png) no-repeat right top ;
	width: 950px;
	display: block;
	float: left;
	height: 200px;
}

p.copyright {
	display: block;
	float: left;
	width: 475px;
	font-family:'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
	line-height: 40px;
}



p.footerLogo a{
	margin-top: 35px;
	margin-right: 50px;
	display: block;
	float: right;
	width: 140px;
	height: 107px;
	background: url(images/logo_dhi_sm.png) no-repeat left top;
	text-indent: -9000px;
}

