body 
{
	background-color: #a9aaaa;
	font-family: Arial;
	font-size: 12pt;
	text-align: center;
	margin: 0 auto;
}
#WebPage
{
	width: 974px;
	height: 850px;
	margin: 10px auto;
	text-align: center;
	background-color: Transparent;
	background-image: url('WebPage-r2.jpg');
	background-repeat: no-repeat;
}

#WebPageInner
{
    margin: 0 auto;
    background-color: #e1e1e1;
    width: 878px;
    height: 750px;
}

#Header
{
	height: 136px;
	width: 878px;
	margin: 0 auto;
	clear: both;
    background-color: White;
}

#NavBar
{
	height: 398px;
	width: 230px;
	margin: 0 auto;
	background-color: #e1e1e1;
	background-image: url('NavBackground.jpg');
	background-repeat: no-repeat;
	text-align: left;
	float: left;
	position: relative;
	left: 0px;
}

#Content
{
	width: 620px;
	margin: 0px 0px 0px 10px;
	background-color: White;
	text-align: left;
	background-color: #e1e1e1;
	float: right;
	padding: 0px 0px 0px 0px;
    z-index: 1000;
}

div.ContentBody
{
    padding: 10px 20px 0px 0px;
}

#Footer
{
	height: 79px;
	width: 878px;
	margin: 0 auto;
	clear: both;
	background-color: White;
	background-image: url('footer-back-r2.jpg');
	background-repeat: no-repeat;
	z-index: 900;
}

.normal
{
	 font-weight: normal;	
	 font-style: normal;
	 font-size: 8pt;
	 text-align: left;
	 margin: 0px 0px 10px 3px;
	 padding: 0px 0px 0px 0px;
	 display: block;
}

h1
{
	color: Black;
	font-size:28pt;	
	font-weight: bolder;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

h2
{
    color: #eba721;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 18pt;
    font-weight: bolder;
}

h3
{
	color: Black;
	font-size:18pt;	
	font-weight: normal;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

p 
{
    margin: 7px 0px;
}

a:link, a:visited, a:active 
{
    text-decoration: none;
    color: Black;
    font-weight: normal;
}

a:hover
{
    color: #999999;
    text-decoration: underline;
}

/* Start */
/* NAV STYLES */

#NavBar .link 
{
    position: absolute;
    padding: 0px 0px 0px 18px;
}

#NavBar .link a:link, #NavBar .link a:visited, #NavBar .link a:active 
{
    text-decoration: none;
    color: White;
    font-weight: bold;
    font-size: 11pt;
}

#NavBar .link a:hover
{
    color: #999999;
}

.Nav div {
    width: 170px;
}

.first { top: 12px; }
.second { top: 56px; }
.third { top: 115px; }
.fourth { top: 162px; }
.fifth { top: 204px; }
.sixth { top: 262px; }
.seventh { top: 304px; }
.eighth { top: 362px; }

/* Start */
/* HEADER STYLES */

.header-left 
{
    float: left;
    width: 500px;
    text-align: left;
    margin: 25px 0px 0px 36px;
}

.header-right
{
    float: right;
}

/* Start */
/* FOOTER STYLES */

.FooterNav 
{
    position: relative;
    top: 48px;
    color: White;
    font-size: 8pt;
    text-align: left;
}

.FooterText
{
    text-align: right;
    position: relative;
    top: 90px;
    margin-right: 25px;
    color: Black;
    font-size: 7pt;
}

.FooterNav a:link, .FooterNav a:visited, .FooterNav a:active 
{
    text-decoration: none;
    color: White;
    font-weight: bold;
}

#Footer .FooterNav a:hover
{
    color: #999999;
}

#Footer .first { position: absolute; top: 0px; left: 570px;}
#Footer .second { position: absolute; top: 0px; left: 675px;}
#Footer .third { position: absolute; top: 0px; left: 800px;}

/* Start */
/* HOME PAGE STYLES */
.feature-bar
{
    position: relative;
    left: 0px;
    top: 42px;
    width: 878px;
    height: 100px;
    text-align: left;
    clear: left;
    font-size: 10pt;
}

.case-studies-highlight
{
    color: #ff9900;
    font-size: 8pt;
    font-weight: bolder;
}

#Feature-Rheem
{
    float:left;
}

#Feature-The-Home-Depot
{
    float:left;
    position: absolute;
    left: 300px;
}

#Feature-3M
{
    float:left;
    position: absolute;
    left: 560px;
}

div.Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:878px;
	height:107px;
}

div.Rheem-reduced-return-rates_ {
	position:absolute;
	left:0px;
	top:0px;
	width:320px;
	height:107px;
}

div.Home-Depot-Weekend-Emergency-Work_ {
	position:absolute;
	left:320px;
	top:0px;
	width:261px;
	height:107px;
}

div.id3M-Create-compliant-POG_ {
	position:absolute;
	left:581px;
	top:0px;
	width:297px;
	height:107px;
}


a.case-studies:link, a.case-studies:visited, a.case-studies:active 
{
    text-decoration: none;
    color: Black;
    border: none;
}

a.case-studies:hover
{
    color: Black;
}

/* Start */
/* Case Study Page Styles */

h2.case-histories
{
    color: Black;
    font-size: 14pt;
    margin: 5px 0 0 0;
}

/* Start */
/* Plan-O-Gram Services Page Styles */

table.plan-o-gram
{
    border: none;
    border-collapse: collapse;
    margin: 15px 0 15px 0;
    position: relative;
    top: -45px;
}

table.plan-o-gram td
{
    padding: 6px 10px 10px 20px;
}

tr.header 
{
    background-color: #809dac;
    color: White;
}

tr.header td
{
    padding-top: 15px;
}

tr.odd
{
    background-color: #d8d1c4;
}

tr.even
{
    background-color: #bdbcaf;
}

ol.POG-reasons li 
{
    font-size: 14pt;
    font-weight: bold;
}

p.POG-testimony-header 
{
    font-size: 14pt;
    font-weight: bold;
    margin-top: 15px;
}

p.POG-testimony-header img
{
    margin: 20px 0px 20px 0px;
}

div.POGClientsButton 
{
    position: relative;
    top: -45px;
    z-index: 10001;
}

h1.POG-Current-Clients 
{
    font-size: 14pt;
    font-weight: normal;
    margin: 15px 0px 20px 0px;
}

/* Start */
/* Consulting Page Styles */

ul.consulting li
{
    margin: 0 0 0 -22px;
    padding: 0 0 0 0;
}

img.Consulting-Services
{
    position: relative;
    top: -35px;
    right: -2px;
    float: right;
}

/* Start */
/* Our Team Page Styles */

div.our-team-copy
{
    float: left;
    width: 200px;
}

div.our-team-image
{
    float: right;
    width: 299px;
    margin: 20px -20px 0px 0px;
    
}

table.bio 
{
    margin: 0 10px 20px 0;
    border: none;
    border-collapse: collapse;
    width: 250px;
}

table.bio td.label 
{
    max-width: 100px;
    width: 100px;
    font-size: 8pt;
    font-style: italic;
    vertical-align: top;
    text-align: left;
    padding: 5px 10px 0px 5px;
}

table.bio td.data
{
    max-width: 175px;
    width: 175px;
    font-size: 8pt;
    vertical-align: top;
    padding: 5px 0px;
}

h3.our-team
{
    margin: 10px 0 0 0;
}

/* Start */
/* Mexico Page Styles */

ul.mexico li
{
    margin: 0 0 10px -22px;
    padding: 0 0 0 0;
}

/* Start */
/* Contact Us Page Styles */

/* Tables */

.ContactUsFormTitle
{
	 text-align: left;
	 margin: 0px 0px 10px 0px;
	 padding: 0px 0px 0px 0px;
	 display: block;
	 width: 370px;
}

.ContactUsFormPlain
{
	 text-align: left;
	 margin: 0px 0px 10px 0px;
	 padding: 0px 0px 0px 0px;
	 display: block;
	 width: 370px;
}

table td.label
{
	text-align: right;
	font-size: 8pt;
	font-weight: bolder;
}

table td.data
{
	text-align: left;
	font-size: 8pt;
}



/* Start */
/* OTHER STYLES */

.contact-footer {
    height: 200px;
    position: relative;
    top: -187px;
    width: 260px;
}

.image-footer 
{
    position: relative;
    text-align: left;
    width: 145px;
}

.contact-info-footer {
    bottom: 45px;
    left: 143px;
    position: absolute;
    text-align: left;
    width: 105px;
}

.contact-info-footer .name {
    font-size: 15px;
    font-weight: bolder;
}

.contact-info-footer .title {
    font-size: 12px;
    font-style: italic;
}

.contact-info-footer .phone {
    font-size: 14px;
    font-weight: bolder;
    margin-top: 10px;
}

.contact-info-footer span {
    display: block;
}

br.Break 
{
	clear:both;
}

td img 
{
	display: block;
}

.imgLeft {
    float: left;
    margin: 0px 10px 0px 0px;
}

.imgRight {
    float: right;
    margin: 10px 0px 40px 10px;
}

.srs-left {
    float:left;
    margin-bottom: 0px;
    width: 250px;
}

.srs-right {
    float: right;
    margin-bottom: 0px;
    width: 240px;
}

.srs-below {
    clear: both;
    margin: 0px 0px 20px 0px;
}

h3.scs {
    font-size: 18px;
    font-weight: bolder;
    padding-left: 20px;
}

.srs-short {
    width: 140px;
}

.srs-wide {
    width: 340px;
}

.tight {
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px;
}

h1.srs {
    margin-top:5px;
}

.pog-image {
    float: right;
    margin: 6px 0px 40px 20px;
}

.content-bulls li {
    margin-bottom: 10px;
}

.notopmargin {
    margin-top: 5px;
}

.nobottommargin {
    margin-bottom: 0px;
}

.mex-photo img {
    display: none;
    position: relative;
    top: -5px;
}

.mex-contact-info {
    position: relative;
    left: -125px;
    width: 300px;
    overflow: hidden;
    text-wrap: none;
}