body { margin: 0; padding: 0; font-size: 12px; font-family: "Myriad Pro", "Trebuchet MS", Arial, sans-serif; background:#dadade; }
a { color: #97070b; text-decoration: none;}
a:hover { text-decoration:underline;}
p { padding: 5px 10px; margin: 6px 10px;}
h1 { margin: 0; padding: 10px 0 0 0; text-transform: uppercase; font-size: 1.7em; color: #dadade; font-weight: normal; font-family: "arial black", sans-serif; letter-spacing: 1px;}
h2 {color: #dadade; font-size: 17px; padding: 3px 10px 3px 25px; margin: 0; float: left; width: 290px;
text-align: center; font-family: arial, verdana, sans-serif;
font-variant: small-caps;} 
h3 { margin: 0 0 0 20px; padding: 12px 0 8px 35px; text-transform: uppercase; font-size: 1.4em; color: #be141d; font-weight: normal; background: url(hvac-images/symbol2.gif) 0 50% no-repeat; clear: left;}
h4 { margin: 15px 15px 0 0; padding: 10px 0 7px 55px; background: url(hvac-images/symbol6.gif) no-repeat; clear: both; text-align: left; color: #0e3997; font-size: 1.1em; font-family: arial, sans-serif;}
h4.owner { margin: 15px 15px 0 0; padding: 10px 0 7px 55px; background: url(hvac-images/symbol8.gif) no-repeat; clear: both; width: 250px; text-align: left; color: #0e3997; font-size: 1.1em; font-family: arial, sans-serif;}
h5 { margin: 0 15px 0 0 ; padding: 12px 0 8px 10px; font-size: 1.2em; color: #be141d; font-weight: normal; background: #ddd; clear: left;}

#headerWrap {padding: 0 0 5px; margin: 0 0 3px 0; background: #516f99 url(hvac-images/bg-stripes.gif) bottom left repeat-x;}
#header {width: 800px; margin: 0 auto; background: url(hvac-images/bg-header.gif) repeat-y}

/* title */

#title {margin: 10px 20px 0 0; padding: 10px 0 0 0;
      position: relative; width: 500px; height: 100px;
      overflow: hidden; font: 22px Georgia, serif; text-align: center;}

#title span {display: block;
      position: absolute; left: 0; top: 0; z-index: 1;
      width: 500px; height: 100px; margin: 0; padding: 0;
      background: url(hvac-images/logo-hvac4.gif) top left no-repeat;}

/* end title */

#headerLeft {float: left; color: #fff; width: 510px; margin-left: 15px;}

#headerRight { float: right; width: 250px;
text-align: left; font-size: 1em; color: #dadade;
padding: 0; text-align: center;}

#slogan {font-size: 1.5em; font-variant: small-caps; line-height: 1.2em; 
text-align: center; margin: 0 auto; padding: 10px 0 6px 0;}

p.tagline {width: 200px; font-weight: bold; margin: 6px auto; padding: 5px;}

.center p {text-align: center; color: #eee; font-size: 12px; margin: 6px 0 0 0; font-variant: normal; font-family: verdana, sans-serif;}

#header a { color:#fff; text-decoration:none; font-weight:bold;
font-size: 1.6em; text-transform: uppercase; letter-spacing: 5px;}

/* end header */

#mainWrap {background: #0e3997;}

#menuWrap {background: #dadade url(images/bg-menu2.gif) bottom left repeat-x;  border-bottom: 1px solid #dadade; width: 100%; margin: 0;}
#menu {width: 800px; margin: 0 auto; padding: 2px 0 0 0; text-align: center;}

#menu a {color: #000000; font-size: 13px; text-transform: uppercase;
font-weight: bold; text-decoration: none; margin: 0 20px; padding: 0;}

#menu p {margin: 4px 0 0 0; padding: 4px 0 0 0;}

#contentWrap {background: #fff url(hvac-images/bg-redStripe.jpg) repeat-x; border-bottom: 1px solid #a6a6a6; border-top: 1px solid #dadade; padding: 24px 0 0 0;}

#content { width: 800px; margin: 0 auto; padding-bottom: 10px; border-bottom: 1px solid #fff; background: url(hvac-images/bg-content2.gif) repeat-y;}

#text {margin: 8px 0 0 0; font-size: 1.1em; width: 530px; float: left;}

#sidebar {width: 240px; margin: 50px 0 10px 0; padding: 10px 0; text-align: center; float: right;}
#text a, #sidebar a {font-weight: bold; text-decoration: underline;}

.item {margin: auto; width: 170px;}

.item img {background-color: #fff; padding: 6px; border: 1px solid #d0d0d0; background: #fff;}
.item a {display: block; font-size: 12px; color: #bd131d; padding: 4px 0;}

#footerWrap {background: #36537b url(hvac-images/bg-footer.gif); clear: both; border-bottom: 1px solid #0e3997;
border-top: 1px solid #a6a6a6; margin-top: 5px;}

#footer {width: 800px; margin: 0 auto; background: #385680}
#bottom-navigation {padding: 15px 0 10px; color: #eee; font-size: 12px; text-align: center;}
#bottom-navigation a, #service a {color: #fff; padding: 3px;}
#bottom-navigation a:hover, #service a:hover {text-decoration:none; background: #2e4669;}
#service {padding: 10px; color:#eee; font-size:12px; text-align:center;}

.clear {clear: both;}

#slogan img {margin-top: 8px;}

#animation { margin: 3px;}

#links {background: #ddd; padding: 10px;}
#links h4 {background: #fff; padding-left: 15px; margin: 0;}

.alignRight {float: right; margin: 0 0 15px 10px; border: none;}
.alignRight2 {float: right; margin: 0 0 15px 10px; border: 1px solid #000;}

.alignLeft {float: left; margin: 0 10px 15px 0; border: none;}
.alignLeft2 {float: left; margin: 0 10px 15px 0; border: 1px solid #000;}

#logo {float: right; margin: 10px 0 0 10px; border: none;}

#sidebar ol {text-align: left; margin: 5px 10px; padding: 5px 10px; font-family: verdana, sans-serif; background: #849cbe; list-style-type: none}
#sidebar ol li {margin: 8px 4px; padding: 8px 6px; border-bottom: 1px dotted #acacb0; background: #dfe7f2 url(hvac-images/gradient-soft.jpg) repeat-x;}

#sidebar ol.geothermalList {background: #698d77}

ul {margin: 10px 10px 10px 20px; padding: 6px 0 6px 20px; border: none; font-size: 1em; color: #385728; background: #f0f4fa url(hvac-images/gradient-soft2.jpg) repeat-x;}

ul li {margin: 4px; padding: 4px; list-style-type: square;}

ul.benefits {float: left; font-size: 1.1em; }
ul.answer-list {margin: 10px}

#sidebar h4 { padding: 8px 5px 5px 5px; margin: 20px auto 0 auto; font-variant: small-caps; color: #fff; letter-spacing: 1px;
font-size: 1.2em; font-weight: normal; background: url(hvac-images/symbol5.gif) 50% 0 no-repeat;
clear: left; font-weight: bold; width: 220px; text-align: center;}

#sidebar h4.geothermal {background: url(hvac-images/symbol9.gif) 50% 0 no-repeat; }

h4.values {background: #fefefe url(hvac-images/gradient-soft3.jpg) repeat-x; text-transform: uppercase; border-top: 1px solid #0e3997; border-bottom: 1px solid #0e3997; text-align: center; margin: 10px 10px 10px 20px; padding: 6px;}
h4.wide {background: #fefefe url(hvac-images/gradient-soft3.jpg) repeat-x; margin: 10px 0 10px 20px; text-align: left; font-size: 1.1em; border-top: 1px solid #0e3997; border-bottom: 1px solid #0e3997;}
h4.wide2 {background: none; margin: 10px; text-align: left; color: #385728;}
h4.wide3 {background: #fefefe url(hvac-images/gradient-soft3.jpg) repeat-x; margin: 10px 0 10px 13px; text-align: left; font-size: 1.1em; border-top: 1px solid #0e3997; border-bottom: 1px solid #0e3997; padding-left: 20px;}
h4.green { background: url(hvac-images/symbol7.jpg) no-repeat; color: #416d52; width: 250px; margin-top: 20px;}

div.separate {border-top: 1px solid #c0c0c0; background: #eee; margin-bottom: 10px; padding-bottom: 10px;}
div.separate2 {border: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 5px; background: #e0dee3;}

.separate2 p {font-size: 1.1em;}

div.build-green {background: #dde2db; margin: 20px 10px; padding: 10px;}
div#manufacturer {width: 200px; margin: 30px auto; background: #fff; padding: 10px 0} 

#sidebar p {margin: 4px; padding: 4px; text-align: left;}

div.projectWrap {background: #f7f8fa; margin-left: 12px; padding: 5px 0}

.projectLeft {border: 1px solid #ccc; margin: 0 4px;}

.projectRight {border: 1px solid #ccc;}

p.intro {background: #fefefe; margin: 10px 0; text-align: left; font-size: 1em; color: #0e3997;}

p.intro2 {margin: 10px 0; text-align: left; font-size: 1em; color: #3a6843;}

p.name {background: #eee; margin: 25px 3px 8px 0; padding: 5px 20px; font-size: 1.1em;
border-top: 1px solid #222; border-bottom: 1px solid #222; clear: both; font-weight: bold;}

p.name2 {background: #eee; margin: 25px 3px 8px; padding: 5px 20px; font-size: 1.1em;
border-top: 1px solid #222; border-bottom: 1px solid #222; clear: both; font-weight: bold;}

p.question {background: #b4121b; color: #eee; font-weight: bold; font-size: 1.1em;  letter-spacing: 1px;}
p.question2 {background: #c8d7ce url(hvac-images/gradient2-green.jpg) repeat-x; color: #000; font-weight: bold;
margin: 14px 4px 6px 4px; padding: 5px 15px; font-family: arial, sans-serif;}
p.light {background: #eee; padding: 15px; margin: 0 0 10px 0;}

p.testimonial {border-top: 1px solid #000; padding: 10px 20px 5px 18px;}
p.author {text-align: right; font-weight: bold; color: #aa363b; padding: 5px 20px 10px 20px;}

.imgWrap {background: #eaeaee; padding: 3px;}

img.hvac {margin-right: 30px; float: right; border: none;}

.special {font-weight: bold; font-family: verdana, arial, sans-serif; color: #be141d;}
.highlight {color: #b4121b; font-weight: bold;}
.highlight2 {font-size: 1.3em;}
.small {font-size: .9em}

p.browser {color: #f5f3d7; font-weight: bold; padding: 10px; background: #aa3639; text-align: center; width: 900px; margin: 0 auto;}
p.browser a {text-decoration: underline; color: #fff;}