.clearer {
	float: none !important /* Remove any inherited floats */;
	display: block !important /* Make sure our element is a block-level element */;
	clear: both !important /* Make sure it clears on both sides */;
	margin: 0 !important /* Remove all margins that would make it visible */;
	border: 0 !important /* Remove all borders that would make it visible */;
	padding: 0 !important /* Remove all padding that would make it visible */;
	height: 0.1px !important /* Mozilla/Firefox require the clearer height to not be 0, bug? */;
	font-size: 0 !important /* Set the font-size to 0 so it isn't visible */;
	}

/* Clearfix */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0.1px;
	clear: both;
	font-size: 0;
	visibility: hidden;
}
.clearfix
{
	display: inline-table;
}
/* \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
	
}
/* */

* {margin: 0; padding: 0;}

img	{
border: 0;
}

html {
	height: 100%;
}

body {
	background: #3b3b3b url(images/bodyBKG.jpg) top left repeat-x;
	font: normal 12px/17px Arial, Helvetica, Geneva, sans-serif;
	min-height: 101%;
	text-align:  center;
	color: #333333;
}
	
#container {
	border:  1px solid #333;
	background-color: white;
	margin: 0 auto;
	margin-top: 2px;
	width:  798px;
	text-align: left;
}



/* @group Header */

#container #header {
	background: url(images/headerBKG.jpg) top left no-repeat;
	height: 87px;
}

/* @end */



/* @group Nav */

#container #nav	{
	background: url(images/navBKG.jpg) top left repeat-x;
				height: 25px;
	}

#container #nav a {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
}

#container #nav a#homeLink {
	background: url(images/nav_home.jpg) top left no-repeat;
}

#container #nav a#homeLink:hover {
	background: url(images/nav_home_on.jpg) top left no-repeat;
}

body.home #container #nav a#homeLink {
	background: url(images/nav_home_on.jpg) top left no-repeat;
}

a#homeLink img {
	width: 59px;
	height: 25px;
}

#container #nav a#industrialLink {
	background: url(images/nav_industrial.jpg) top left no-repeat;
}

#container #nav a#industrialLink:hover {
	background: url(images/nav_industrial_on.jpg) top left no-repeat;
}

body.industrial #container #nav a#industrialLink {
	background: url(images/nav_industrial_on.jpg) top left no-repeat;
}

a#industrialLink img {
	width: 88px;
	height: 25px;
}

#container #nav a#commercialLink {
	background: url(images/nav_commercial.jpg) top left no-repeat;
}

#container #nav a#commercialLink:hover {
	background: url(images/nav_commercial_on.jpg) top left no-repeat;
}

body.commercial #container #nav a#commercialLink {
	background: url(images/nav_commercial_on.jpg) top left no-repeat;
}

a#commercialLink img {
	width: 105px;
	height: 25px;
}

#container #nav a#residentialLink {
	background: url(images/nav_residential.jpg) top left no-repeat;
}

#container #nav a#residentialLink:hover {
	background: url(images/nav_residential_on.jpg) top left no-repeat;
}

body.residential #container #nav a#residentialLink {
	background: url(images/nav_residential_on.jpg) top left no-repeat;
}

a#residentialLink img {
	width: 105px;
	height: 25px;
}

#container #nav a#contactLink {
	background: url(images/nav_contact.jpg) top left no-repeat;
}

#container #nav a#contactLink:hover {
	background: url(images/nav_contact_on.jpg) top left no-repeat;
}

body.contact #container #nav a#contactLink {
	background: url(images/nav_contact_on.jpg) top left no-repeat;
}

a#contactLink img {
	width: 74px;
	height: 25px;
}

/* @end */

/* @group Content */

#container .content	{
	background: url(images/contentBKG.jpg) top left repeat-x;
	padding: 67px 0 0 28px;
}

#container .content h1 {
	font-size: 16px;
	letter-spacing: 0px;
	margin: 6px 0 6px 0;
}

#container .content p {
	margin: 6px 0 6px 0;
}

#container .content img {
/*	border: 3px solid #333;*/
}

.right {
	float: right;
}

.left {
	float: left;
}

/* @end */

/* @group Home */

.home .anchor {
	margin-left: 38px;
	margin-right: 0;
}

.home img {
	
}

.home ul	{
	list-style: disc outside url(images/li_bullet.jpg);
}

.home li	{
	line-height: 14px;
	margin-bottom: 3px;
}

		.home ul.listLeft	{
			display: block;
			width: 140px;
			float: left;
			margin-left: 15px;
			padding: 0 30px 0 0;
		}

		.home ul.listRight	{
			display: block;
			width: 150px;
			margin-left: 180px;
			padding: 0 12px 0 12px;
		}


/* @end */

/* @group Industrial */

.industrial .anchor {
	margin-left: 40px;
	margin-right: 28px;
}

.industrial img {
	
}

.industrial ul	{
	list-style: disc outside url(images/li_bullet.jpg);
}

.industrial li	{
	line-height: 14px;
	margin-bottom: 3px;
}

		.industrial ul.listLeft	{
			float: left;
			width: 105px;
			margin-left: 25px;
			margin-right: 55px;
		}

		.industrial ul.resList {
			width: 300px;
			margin-left: 25px;
			margin-right: 55px;
		}

		.industrial ul.listRight	{
			margin-left: 55px;
		}


.description	{
	margin-top: 23px;
	font-size: 10px;
	font-style: italic;
}

/* @end */



/* @group footer */

#container #footer {
	background: url(images/footerBKG.jpg) top left no-repeat;
	height: 43px;
	margin-top: 30px;
	background-color: #3b3b3b;
}

#container #footer p {
/*	height: 43px; */
	padding: 16px 0 0 42px;
	color: white;
	font-size: 10px;
}

/* @end */

/* @group contact */

form .labels {
	display: block;
}

form		{
	font-size: 11px;
	font-style: italic;
}

form input	{
	 height: 22px;
}

form input , form textarea	{
	border: 1px solid #7f9db9;
}

form input.checkbox	{
	height: 14px;
	width: 14px;
}

/* @end */