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: 10px 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.owner { margin: 50px 10px 0 0; padding: 10px 10px 7px 22px; background: url(hvac-images/symbol8.gif) no-repeat; clear: both; color: #0e3997; font-size: 1.1em; font-family: arial, sans-serif; text-align: center}
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 6px; margin: 0 0 5px 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;}
p.ownerName { margin: 0 10px 0 0; padding: 5px 0 10px 0; background: #ccc;}
p.info {text-align: justify; padding-top: 4px; margin-top: 4px}

.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: 14px; 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: 26px 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;}

#gallery {background: url(hvac-images/bg-family-new.jpg) 0 10px no-repeat; height: 120px; margin: 15px auto 5px auto; width: 580px;}

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

#sidebar { float: right; width: 220px; margin: 10px 0 0 0;
padding: 10px 0; font-size: 11px; text-align: center;}

#sidebar a { font-weight:bold;}

.item img { background-color: #fff; padding: 6px; border: 1px solid #d0d0d0; background: #fff;}
.item a { display: block; float: left; font-size: 12px; color:#bd131d; padding: 4px 0;}
.item a.type {margin-left: 10px;}
.description { display: block; float: right; width:130px; padding: 4px 4px 10px 0;}

#footerWrap {background: #516f99 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;}

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

#animation { margin: 3px;}

.alignRight {float: right; margin: 0 0 0 10px; border: none;}

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

#ulWrap { background: #efeff1 url(hvac-images/gradient-soft.jpg) repeat-x; margin: 5px auto 0 auto; width: 520px;}

ul.benefits, ul.benefits2 {font-size: 12px; padding: 8px 12px 8px 25px; list-style-type: square;}

ul.benefits {float: left; margin: 10px 0 10px 10px; width: 200px}
ul.benefits2 {float: right; margin: 10px 5px 10px 0; width: 200px}

.highlight2 {font-size: 1.3em;}

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;}