body {
	background-color: #252B5F;
	margin: 0px;
	padding: 0px;
}

img {
	display: block;
	border: none;
	margin: 0px;
	padding: 0px;
}

td, p, div, caption {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 18px;
	background-color: transparent;
	font-size: 11px;
	font-size/* */:/**/12px;
	font-size: /**/12px;
}

a:link, a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: transparent;
}

a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: transparent; 
}

a:active {
	background-color: transparent;
	color: #D7D7DC;
	text-decoration: underline;
}

/* things we like to hide */
#homeDesc {
	padding: 15px;
	display: none;
	background-color: #F4F4F4;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000166;
}

#homeDesc p {
	color: #000166;
}

caption {
	text-align: left;
	display: none;
}

/* things we like to hide end */

#justAContainer {
	background-image:  url(/images/home/bg_home.gif);
	background-repeat: repeat-x;
}

#headerWrapper {
	background-color: #FFFFFF;
}

#header1 {
	background-color: #8386A3;
}

/* width used to help keep the tagline text from wrapping. 
height used to keep Moz happy (allows the white Bg to extend down).
Do not need height now that we are using a bg image. */
#header2 {
	width: 730px;
	/*height: 185px;*/
}

#header2 img {
 	float: left;
}

#header2 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
	margin: 0px;
	padding: 47px 0px 0px 0px;
	white-space: nowrap;
	font-size: 13px;
	font-size/* */:/**/14px;
	font-size: /**/14px;
}

/* need to clear the float from the header for MOZ */
#homeInfoTable {
	/*background-color: #FFFFFF;*/
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	width: 700px;
	border: none;
	clear: both;
}

#homeInfoTable h1 {
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	font-size/* */:/**/14px;
	font-size: /**/14px;
}


#homeInfoTable td {
	padding: 0px;
	border: none;
	border-collapse: collapse;
	vertical-align: top;
}

#homeInfoTable p {
	margin-top: 0px;
	padding-top: 0px;
}

/* basic formatting for the first 3 columns */
#homeInfoTable td.services {
	padding: 10px 3px 10px 7px;
	border-right: 2px solid #898BA5;
}

/* same padding as .services */
#homeInfoTable td.contact {
	padding: 10px 3px 10px 7px;
}
#homeInfoTable td.contact ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
#homeInfoTable td.contact ul li {
	margin: 0;
	padding: 0px 0px 12px 25px;
	list-style: none;
	border: none;
}
#homeInfoTable td.contact ul li.contactPhone {
	background-image: url(/images/home/icon_phone_mechanical.gif);
	background-position: 2px left;
	background-repeat: no-repeat;
}
#homeInfoTable td.contact ul li.contactAddress {
	background-image: url(/images/home/icon_address_airconditioning.gif);
	background-position: 3px left;
	background-repeat: no-repeat;
}
#homeInfoTable td.contact ul li.contactEmail {
	background-image: url(/images/home/icon_email_ventilation.gif);
	background-position: 1px left;
	background-repeat: no-repeat;
}
#homeInfoTable td.contact ul li.contactMap {
	background-image: url(/images/home/icon_map_hvac.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

/* get that foot centered in different types of browsers */
#homeInfoTable img#footWarm {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#homeInfoTable td.contact img {
	display: block;
	margin-bottom: 15px;
}

/* make a list w/o making it look like one. */
ul.noList {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}