


/* ************************************************** div#page ****************************** */
div#page {
	background-image: url(/images/landing_bkg_page.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}




/* ************************************************** #header ****************************** */
div#header {
	height: 175px;
}
ul.navheader {
	overflow: hidden;
	width: 1020px;
	height: 65px;
	margin: 0;
	padding: 10px 0 15px 0;
	list-style-type: none;
}
.navheader li {
	float: left;
	display: inline;
	height: 65px;
	margin: 0;
	padding: 0;
	line-height: 65px;
	font-size: 18px;
	font-weight: bold;
}
.navheader li a {
	display: block;
	padding: 0;
	color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	outline:none;
}
.navheader li a:hover {
	background-position: 0 -65px;
}
.navheader li.findinspector a {
	width: 242px;
	margin: 0 0 0 44px;
	background-image: url(/images/landing_link_findinspector.gif);
}
.navheader li.certification a {
	width: 260px;
	margin: 0 0 0 28px;
	background-image: url(/images/landing_link_certification.gif);
}
.navheader li.register a {
	width: 180px;
	margin: 0 0 0 22px;
	background-image: url(/images/landing_link_register.gif);
}
.navheader li.inspectorlogin a {
	width: 178px;
	margin: 0 0 0 22px;
	background-image: url(/images/landing_link_login.gif);
}
#header h1 {
	width: 960px;
	height: 85px;
	margin: 0;
	padding: 0 30px;
	line-height: 1.5em;
	font-size: 55px;
	font-style: normal;
	text-indent: -9999px;
}



/* ************************************************** div#main ****************************** */
div#main {
	clear: both;
	overflow: hidden;
	width: 960px;
	margin: 0 30px;
	padding: 0 0 15px 0;
}
div#content {
	overflow: hidden;
	float: left;
	width: 330px;
	margin: 0;
	padding: 20px 0 0 0;
}
#content div.primary {
	margin: 0 0 0 10px;
	padding: 0;
	min-height: 267px;
}
#content .primary h2 {
	color: #99D8E7;
}
#content .primary p {
	font-size: 14px;
	line-height: 1.8em;
}
#content .calloutbox {
	width: 310px;
	margin: 0;
	padding: 0;
	background-image: url(/images/landing_bkg_calloutbox.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#content .boxwrapper {
	width: 290px;
	min-height: 235px;
	margin: 0;
	padding: 10px;
	background-image: url(/images/landing_bkg_boxwrapper.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#content .boxwrapper h3 {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0 0 8px 0;
	line-height: 1em;
	color: #4673B3;
	text-transform: uppercase;
}
#content .boxwrapper h3 em {
	color: #99D8E7;
	font-style: normal;
}
#content .boxwrapper img {
	float: left;
	width: 74px;
}
#content .boxwrapper p {
	padding: 0;
}
#content .boxwrapper .details {
	width: 200px;
	float: right;
}
#content .boxwrapper .details .name {
}
#content .boxwrapper .details .title {
	padding: 0 0 4px 0;
	color: #99D8E7;
	font-size: 9px;
}
#content .boxwrapper .details .company {
	font-size: 14px;
	font-weight: bold;
}
#content .boxwrapper .details .contact {
}
#content .boxwrapper .details .contact em {
	color: #99D8E7;
	font-style: normal;
}
#content .boxwrapper .certboth {
	float: left;
	width: 200px;
	margin: 10px 0;
	padding: 10px 0 10px 90px;
	color: #F6A01A;
	background-image: url(/images/logo_haagcert_both_67x54.gif);
	background-repeat: no-repeat;
	background-position: 16px 4px;
}
#content .boxwrapper .certcommercial {
	float: left;
	width: 200px;
	margin: 10px 0;
	padding: 10px 0 10px 90px;
	color: #F6A01A;
	background-image: url(/images/logo_haagcert_commercial_57x47.gif);
	background-repeat: no-repeat;
	background-position: 16px 4px;
}
#content .boxwrapper .certresidential {
	float: left;
	width: 200px;
	margin: 10px 0;
	padding: 10px 0 10px 90px;
	color: #99D8E7;
	background-image: url(/images/logo_haagcert_residential_57x47.gif);
	background-repeat: no-repeat;
	background-position: 16px 4px;
}
#content .boxwrapper .certdate {
	float: left;
	width: 200px;
	margin: 5px 0 0 0;
	padding: 0 0 0 90px;
	font-size: 9px;
}


div#content-eyebrow {
	float: right;
	padding: 10px 20px;
	height: 30px;
}
#main #hero {
	float: right;
	width: 630px;
	height: 255px;
	margin: 237px 0 0 0;
	padding: 0;
}
a#what-is, a#what-is:link, a#what-is:visited {
	display:block;
	margin-top: 15px;
	padding: 0 0 0 35px;
	background: url('../images/help_blue-32.png') top left no-repeat;
	height: 32px;
	width: 90px;
	color:#99D8E7;
	text-decoration: none;
	font-size: 14px;
	line-height: 16px;
	
}



