/*
   - Baumgardt Home Inspection
   - www.baumgardthomeinspection.com
   - Identity Developments
   - www.identitydevelopments.com
   - Copyright 2006
   - -------------------------------
*/

* {margin: 0; padding: 0;}

body {
	background: #003 url(images/bg_crosshatch.gif) repeat left top;
	color: #000;
	font: 70%/1.7em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}

/* - clearfix hack - push content section after floats - */
.clearB:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* IE mac fix */
.clearB {display: inline-block;}
/* IE win fix - hide mac \*/
* html .clearB {height: 1%;}
.clearB {display: block;}
/* stop hide */

.clearL {clear: left;}
.clearR {clear: right;}
.clearLR {clear: both;}
.fltL {float: left;}
.fltR {float: right;}

/* - headers and basic elements - */
h1, h2, h3, h4, h5, h6 {color: #14145D;}
h2, h3, h4, h5, h6 {margin-top: 1em;}

h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}

p {margin: 1.2em 0 0;}

ul {
	margin: .5em 16px .8em;
	list-style: square;
	}

ol {
	margin: .5em 16px .8em;
	list-style: decimal;
	}

ol li ol {list-style: lower-alpha;}

ul.simple {list-style: none;}

dl {margin: 20px 0;}

dt {
	font-weight: bold;
	font-size: 1.2em;
	}

dd {margin: 0 0 1em 1em;}

.sup {
	font-size: 0.8em;
	vertical-align: super;
}

img.fltL {margin: 6px 6px 4px 0;}

img.fltR {margin: 6px 0 4px 6px;}

/* - basic links - */
a {
	color: #7C90B0;
	font-weight: bold;
	}

a img {border: 0;}


/* - layout ------------------------------------------------------------------ - */
#wrapperOuter {
	position: relative;
	margin: 0 auto;
	width: 760px;
	}

#wrapper {
	background: #FFF url(images/bg_content-shadow.gif) repeat-y center top;
	position: relative;
	margin: 0 27px 0 130px;
	width: 603px;
	text-align: left;
	}

/* =HDR - header ------------------------------------------------------------- - */
.preHeader {
	position: relative; position: absolute;
	top: 0;
	margin: 0 6px .5em 60px;
	width: 530px;
	color: #14145D;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	}

#headerWrapper, #header, #header div.holder {
	position: relative;
	height: 140px;
	}

#headerWrapper {
	background: #003 url(images/bg_crosshatch.gif) repeat left top;
	position: absolute;
	top: 2em;
	left: 3px;
	width: 600px;
	height: 140px;
	}

#header {background: url(images/bg_header-shadow.gif) repeat-x center bottom;}

#header div.holder {
	background: url(images/bg_header-corner.gif) no-repeat right bottom;
	margin: 0 0 0 72px;
	}

div.navHeader {
	position: relative;
	float: left;
	display: inline;
	margin: 6px 16px 0 0;
	text-align: center;
	}

/* - header image treatment - */
a.imgHeaderLeft, a.imgHeaderMiddle, a.imgHeaderRight {
	position: relative;
	display: block;
	width: 160px;
	height: 106px;
	}

a.imgHeaderLeft {background: url(images/home-buyers_160gc.jpg) no-repeat center bottom;}
a.imgHeaderMiddle {background: url(images/home-sellers_160gc.jpg) no-repeat center bottom;}
a.imgHeaderRight {background: url(images/real-estate-agents_160gc.jpg) no-repeat center bottom;}

/* shift background images on hover */
a:hover.imgHeaderLeft {background: url(images/home-buyers_160gc.jpg) no-repeat center top;}
a:hover.imgHeaderMiddle {background: url(images/home-sellers_160gc.jpg) no-repeat center top;}
a:hover.imgHeaderRight {background: url(images/real-estate-agents_160gc.jpg) no-repeat center top;}

/* - image captions - */
.navHeader a {
	color: #FFF;
	font-size: 1.3em;
	text-decoration: none;
	}

.navHeader a:hover {color: #7C90B0;}

.navHeader a span {
	position: absolute;
	left: 0;
	display: block;
	margin-top: 104px;
	width: 160px;
	text-align: center;
	}
/* fix for IE for the captions */
.navHeader a:hover {cursor: pointer;}


/* =CNT - content - */
#contentWrapper {
	background: url(images/baumgardt-home-inspection-logo_90.gif) no-repeat right bottom;
	position: relative;
	margin: 0 10px 10px 70px;
	padding-top: 170px;
	}

#contentMain {
	position: relative;
	float: left;
	width: 410px;
	}

/* - content image handling - */
#contentMain img {
	border: double 3px #7C90B0;
	padding: 1px;
	}

#contentMain img.noBorder {border: none;}
#contentMain a:hover img.noBorder {
	background: none;
	border: none;
	}

#contentMain a:hover img {background: #003;}

/* image captions */
.imgCaptionR {
	float: right;
	margin: 6px 0 4px 6px;
	}

.imgCaptionL {
	float: left;
	margin: 6px 6px 4px 0;
	}

.imgCaptionR, .imgCaptionL {
	font-size: .8em;
	line-height: 1.3;
	font-style: italic;
	}

.imgCaptionR img, .imgCaptionL img {display: block;}

/* - Angie's List - */
div.box {
	border: double 3px #7C90B0;
	padding: 1px;
	}

div.angies {
	position: relative;
	float: left;
	display: inline;
	margin: 18px 4px 4px 0;
	width: 130px;
	text-align: center;
	font-weight: bold;
	}

div #contentMain div.angies img {
	display: block;
	border: none;
	margin: 0 auto;
	}

div.angies p {margin: 4px 10px 0;}

div.angies ul {list-style: none; border-top: 	solid 1px #7C90B0;}

/* - FAQ - */
h2.handler {
	padding-left: 5px;
	font-size: 1em;
	font-weight: normal;
	cursor: help;
	}

h2.handler:hover {
	background: #003;
	color: #FFF;
	}

.handler_down {
	padding: 0 0 5px 5px;
	border-bottom: solid 2px #7C90B0;
	font-size: 1.2em;	
	cursor: pointer;
	}

h2.handler span, h2.handler_down span {
	float: right;
	margin-right: 5px;
	font-size: .8em;
	font-weight: normal;
	}

h2.handler span.handlerClose {
	display: none;
	float: right;
	}

h2.handler_down span.handlerOpen {
	display: none;
	float: right;
	}

.toggle {
	padding: 0 20px;
	font-size: 1em;
	border-bottom: solid 2px #7C90B0;
	}

.toggle p {margin: 0;}

/* - check demos - */
.checkDemo, .ashiSpot {
	position: relative;
	margin: 20px 0;
	width: 400px;
	}

.checkDemo span, .ashiSpot span {
	position: relative;
	float: right;
	width: 180px;
	}

#checkBedroom, #checkBathroom {cursor: help;}

.checkDemo img.ashiBoth {margin: 4px 0 0 80px;}
.ashiSpot img.ashiBoth {margin: 4px 0 0 0;}

#checkBedroom1, #checkBedroom2,
#checkBedroom3, #checkBedroom4,
#checkBathroom1, #checkBathroom2,
#checkBathroom3, #checkBathroom4,
#checkBathroom5 {
	background: #FFF;
	position: absolute;
	top: 0;
	left: 215px;
	margin: 5px;
	width: 180px;
	visibility: hidden;
	}

/* - contactform - */
#contactForm label {
	float: left;
	margin: 0 10px;
	width: 120px;
	}

#contactForm select	{
	float: right;
	margin-right: 10px;
	}

#contactForm input, #contactForm textarea {
	margin: 0 0 10px 0px;
	width: 210px;
	font-size: .8em;
	}

#contactForm textarea {font-size: 1.2em;}

#contactForm span.required {
	position: relative;
	top: -10px;
	margin-left: 10px;
	color: #7C90B0;
	font-size: 1.2em;
	font-weight: bold;
	}

#contactForm p span.required {top: 0;}

#contactForm input.submit {
	float: right;
	margin-right: 44px;
	width: 8em;
	}

/* - radon tables - */
table.tblRadon, table.tblRadonLC {
	margin: 0 0 10px;
	border: solid 1px #000;
	text-align: right;
	border-collapse: collapse;
	}

table.tblRadon caption {
	margin: 10px 0 0;
	font-weight: bold;
	}

table.tblRadon th, table.tblRadon td,
table.tblRadonLC th, table.tblRadonLC td
	{padding: 2px 5px;}

table.tblRadonLC {margin-top: 20px;}

table.tblRadonLC thead {
	background: #7C90B0;
	text-align: center;
	}

table.tblRadonLC tfoot {text-align: left;}


/* - repair and replacement tables - */
#tblRepairCost, #tblLifeExpectancy {
	width: 97%;
	border-collapse: collapse;
	}

#tblRepairCost caption, #tblLifeExpectancy caption {margin-top: 30px;}

#tblRepairCost caption, #tblLifeExpectancy caption {
	font-size: 1.2em;
	font-weight: bold;
	}

#tblRepairCost td.tblSection, #tblLifeExpectancy td.tblSection {
	background: #7C90B0;
	color: #FFF;
	font-weight: bold;
	}

/* - table ruler - */
tr.ruled {
	background: #7C90B0;
	color: #FFF;
	}


/* - contentSec sidebar ------------------------------------------------------ - */
#contentSec {
	position: relative;
	float: right;
	margin: 10px 0 50px 0;
	width: 90px;
	line-height: 1.2;
	}

#contentSec div {margin: 20px 0;}

#contentSec a {
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	}

/* - logos - */
#contentSec span {
	position: absolute;
	left: -999em;
	}

#contentSec a:hover span {
	background: #7C90B0;
	z-index: 200;
	left: -170px;
	padding: 4px;
	border: solid 4px #FFF;
	width: 150px;
	}
/* IE fix - mac hide \*/
* html #contentSec a:hover span {
	width: 166px;
	w\idth: 150px;
	}
/* stop hide */

#contentSec div a {
	display: block;
	width: 90px;
	}

#contentSec a:hover {cursor: help;}

/* ASHI logo */
#logoASHI {background: url(images/logo-ashi-member_90b.gif) no-repeat center top;}

/* Great Lakes ASHI logo */
#logoGLASHI {background: url(images/logo-great-lakes_90b.gif) no-repeat center top;}

/* BBB logo */
#logoBBB {background: url(images/logo-bbb_90b.gif) no-repeat center top;}

/* NEHA - NRPP logo */
#logoNEHA {background: url(images/logo-neha_90b.gif) no-repeat center top;}

/* Radalink logo */
#logoRadalink {background: url(images/logo-radalink_90b.gif) no-repeat center top;}

/* WAHI logo */
#logoWAHI {background: url(images/logo-wahi_90b.gif) no-repeat center top;}

/* DRL logo */
#logoDRL {background: url(images/logo-drl_90b.gif) no-repeat center top;}

/* Dept. of Commerce logo */
#logoDOC {background: url(images/logo-doc_90b.gif) no-repeat center top;}

/* IAEI logo */
#logoIAEI {background: url(images/logo-iaei_90b.gif) no-repeat center top;}

/* ICC logo */
#logoICC {background: url(images/logo-icc_90b.gif) no-repeat center top;}

#contentSec a:hover img {visibility: hidden;}


/* =FTR - footer ------------------------------------------------------------- - */
#footer {
	position: relative;
	clear: both;
	z-index: 150;
	color: #666;
	}

#footer p {
	position: relative;
	margin: 0 10px 0;
	font-size: .9em;
	line-height: 1.3;
	}

#footer p.tagline {
	margin-bottom: .5em;
	border-top: solid #EEE 1px;
	width: 583px;
	font-size: 1em;
	font-style: italic;
	}


/* =NAV - navigation and links ----------------------------------------------- - */
/* - skip navigation and top of page - */
#skipNav {
	position: absolute;
	top: 0;
	left: -999em;
	}

a:hover.linkTop {padding: 0 !important;}

.linkTop {
	position: relative;
	clear: both;
	display: block;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	}

/* - contentMain and footer - */
#contentMain a:hover, #footer a:hover, a:hover.linkTop {
	background: #003;
	padding: 2px 0;
	color: #FFF;
	text-decoration: none;
	}

/* - navMain - */
#navMainWrapper {
	background: url(images/bg_nav-shadow3.png) no-repeat right bottom;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	margin: 0 110px 0 -110px; margin: 0 130px 0 -130px;
	padding: 0 14px 17px 0;
	}

* html #navMainWrapper {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.baumgardthomeinspection.com/images/bg_nav-shadow3.png', sizingMethod='scale');
  background: none;
	padding: 0 14px 13px 0;
	}

#navMainHolder {
	background: #7C90B0;
	position: relative;
	padding: 9px 4px 10px;
	width: 152px; width: 175px;
	}
/* IE fix - mac hide \*/
* html #navMainHolder {
	width: 183px;
	w\idth: 175px;
	}
/* stop hide */

/* - tagline under BHI logo - */
#navMainHolder p.tagline {
	margin: 4px 30px;
	color: #FFF;
	font-size: 1.3em;
	line-height: .8;
	}

#navMainHolder p.tagline span {
	display: block;
	text-align: right;
	}

/* - BHI address block - */
#navMainHolder p.address {
	margin: 30px 0 0 2px; margin: 30px 0 0 20px;
	color: #00004F;
	line-height: 1.1;
	}

#navMainHolder p.address span {
	display: block;
	margin-bottom: 3px;
	font-size: 1.2em;
	font-weight: bold;
	}

/* - navigation elements - */
#navMain {
	position: relative;
	margin: 1em 10px 1em 20px;
	font-size: 1.3em;
	line-height: 1.8;
	list-style: none;
	}

#navMain a {
	display: block;
	padding: 0 4px;
	border-left: solid 3px #7C90B0;
	border-right: solid 1px #7C90B0;
	width: 110px;
	color: #FFF;
	text-decoration: none;
	}
/* IE fix - mac hide \*/
* html #navMain a {
	width: 122px;
	w\idth: 110px;
	}
/* stop hide */

#navMain a:hover {
	background: #8799B6 url(images/bg_nav-highlight.gif) repeat-y left center;
	border-color: #FFF;
	color: #00004F;
	}

/* - nav locator - */
#sec1 .nav1 a, #sec2 .nav2 a, #sec3 .nav3 a,
#sec4 .nav4 a, #sec5 .nav5 a, #sec6 .nav6 a,
#sec7 .nav7 a {color: #006;}


/* - identity developments byline ----------- - */
a.iDevs span {
	position: absolute;
	left: -999em;
	bottom: 0;
	}

a.iDevs {
	color: #666;
	text-decoration: underline;
	border: none;
	font-style: normal;
	font-weight: normal;
	}

a.iDevs:hover {
	color: #D2D5A8;
	background: #FFF;
	font-size: 1em;
	text-decoration: none;
	}

/* - background-color for opera - */
a.iDevs:hover span {
	background-color: #D2D5A8;
	background: #D2D5A8 url(images/id64trans-b.gif) no-repeat 5px center;
	left: -10px;
	top: -17px;
	z-index: 500;
	display: block;
	color: #0D3C72;
	border: 2px solid #0D3C72;
	padding: 8px 70px;
	width: 459px;
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;	
	cursor: pointer;
	}
/* IE fix - mac hide \*/
* html a.iDevs:hover span {
	width: 603px;
	w\idth: 459px;
	}
/* stop hide */