.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix {
    display: inline-block;
}
 /* mac hide \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End hide */

body {
  font-family: Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 62.5%;
  line-height: 150%;
  cursor: default;
  margin: 0;
  padding: 0;
  text-align: center;
}

img {
  border: 0;
}

img.thermatru {
  position: relative;
  left: 20px;
  float: left;
}

img.thermatru-logo {
  margin: 10px;
  float: right;
  position: relative;
  top: 80px;
  right: 50px;
}

img.float-left {
  float: left;
}

a.tax {
  margin-left: 3px;
}

ol {
  text-align: left;
  font-size: 1.1em;
}

ol.features span {
  font-weight: bold;
}

ul {
  text-align: left;
  font-size: 1.1em;
  list-style-type: square;
}

ul.coverage {
  float: left;
  margin: 10px 0 25px 20px;
  padding: 0;
  list-style-position: inside;
}

ul.colors {
  margin-bottom: 0;
}

ul.shutters {
  margin: 10px 10px 30px 40px;
}

ul.sitemap {
  padding: 20px 0 0 40px;
  font-size: 1em;
}

ul.indented1 {
  padding-left: 20px;
}

li.nested {
  margin: 0;
  padding: 0;
}

p {
  margin: 0 0 12px 0;
  font-size: 1.1em;
  line-height: 150%;
  text-align: left;
}

p.contact {
  text-align: center;
}

p.caption {
  text-align: center;
  color: #808080;
  font-size: 1.1em;
  margin: 0 0 20px 0;
}

p.directions {
  font-weight: bold;
  margin-bottom: 5px;
}

p.link-page {
  margin-bottom: 0;
}

p.right-align {
  text-align: right;
}

p.map-enlarge {
  font-weight: bold;
  clear: both;
  text-align: center;
}

p.map-copyright {
  font-size: .9em;
  text-align: center;
  margin: 10px 120px 20px 120px;
  color: #777;
}

p.estimate-link {
  font-weight: bold;
  clear: left;
  padding: 20px 0;
}

p.center {
  text-align: center;
}

p.color-disclaimer {
  font-size: 1em;
  color: #555;
  clear: left;
}

p.super-spacer {
  clear: left;
  font-size: 1.2em;
  font-weight: normal;
  color: #666633;
  padding: 40px 0 0;
}

p.diagram-link {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  margin: 25px 0; 
}

a:link, a:active {
  text-decoration: underline;
  color: #990033;
}

a:visited {color: #BA5A7A;}

#box1 a:visited {color: #990033;}

a:hover {text-decoration: none;}

h1 {margin: 0; padding: 0}

h2 {
  font-size: 1.5em;
  line-height: 150%;
  color: #891129;
  margin: 0 0 20px 0;
}

h2.lessmargin {
  margin-bottom: 8px;
}

h2.sub {
  font-size: 1.3em;
  color: #000;
}

h3 {
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
  margin: 30px 0 0;
  color: #666633;
  clear: left;
}

h3.error {
  color: #FF0000;
  margin-bottom: 20px;
}

/* Sitemap Begins */
ul.sitemap {
  padding: 20px 0 0 40px;
}

ul.indented1 {
  padding-left: 20px;
}

ul.indented2 {
  padding-left: 30px;
}

li.nested {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/* Sitemap Ends */

#top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFFFFF;
}

#heading {
  width: 800px;
  height: 110px;
  margin: 0 auto;
  position: relative;
}

#logo {
  position: absolute;
  bottom: 20px;
  left: 15px;
  width: 141px;
  height: 69px;
}

#infoline1 {
  position: absolute;
  bottom: 23px;
  left: 173px;
  width: 401px;
  height: 48px;
}

#infoline2 {
  position: absolute;
  right: 0;
  bottom: 38px;
  width: 215px;
  height: 18px;
  font-size: 1.3em;
  color: #6B6D57;
}

#navbar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url('images/navbar_bg.gif') repeat-x;
}

ul.navbar  {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.navbar li {
  float: right;
}

ul.navbar a:link, ul.navbar a:visited, ul.navbar a:active {
  display: block;
  font-size: .9em;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 20px;
  background: url('images/navbar_divider.gif') no-repeat center left;
}

ul.navbar a:hover {
  text-decoration: underline;
}

#middle {
  width: 800px;
  margin: 0 auto;  
  padding-top: 110px;
  text-align: left;
  background: url('images/bg.gif') repeat-y;
}

#left {
  width: 191px;
  text-align: left;
  position: relative;
  float: left;
}

#left ul {
  list-style-type: none;
  padding: 0;
  margin: 0 1px 10px;
  border-top: 1px solid #DEDDD2;
}

#left li {
  margin: 0;
  border-bottom: 1px solid #DEDDD2;
}

#left ul a {
  font-size: 1em;
  padding: 3px 20px;
  text-decoration: none;
  font-weight: bold; 
  color: #7D2727;
  display: block;
  background: url('images/sidebar_link.gif') repeat-x;
}

/* mac hide \*/
* html #left ul a{height:1%}
/* end hide*/

#left ul a.indented:link, #left ul a.indented:visited, #left ul a.indented:active, #left ul a.indented:hover {
  padding-left: 33px;
  font-weight: normal;
}

#left ul a:hover {
  background: url('images/sidebar_hover.gif') repeat-x;
  color: #FFFFFF;
}
#left #current a:link, #left #current a:visited, #left #current a:hover, #left #current a:active {
  background: url('images/sidebar_current.gif') repeat-x;
  color: #7D2727;
}

#right {
  width: 549px;
  float: left;
  padding: 20px 30px 10px 30px;
  text-align: center;
}

#right img {
  border: 1px solid #000000;
  margin: 20px 0 10px 0;
}
* html #right {width:609px;w\idth:549px;}

#right img.border0 {
  border: 0;
}

#right img.float-right {
  float: right;
  margin: 10px 0 20px 30px;
}

.humidity-chart {
  width: 400px;
  margin: 25px auto;
  border: 1px solid #555;
  border-collapse: collapse;
}

.humidity-chart tr.altrow {
  background-color: #F3F2DB;
  color: #000;
}

.humidity-chart th {
  font-weight: bold;
  border: 1px solid #828282;
  background-color: #CCCC99;
}

.humidity-chart td {
  border: 1px solid #555;
}

.window-group {
  width: 100%;
  margin-top: 20px;
  overflow: auto;
  padding-bottom: 10px;
}

.glass-group {
  width: 100%;
  margin-top: 20px;
  overflow: auto;
}

.feature-block {
  float: left;
}

.window-block {
  float: left;
}

.glass-block {
  float: left;
  padding-bottom: 15px;
}

.window-group p, .glass-group p {
  text-align: center;
  padding: 0;
  margin: 0;
}

#right img.feature {
  margin: 0 10px 10px;
  clear: right;
  border: 1px solid #666;
}

#right img.window {
  margin: 0 10px 10px;
  clear: right;
  border: 0;
}

#right img.gridstyle {
  margin: 0 8px 10px;
  clear: right;
  border: 1px solid #666;
}

#right img.glass {
  margin: 0 10px 10px;
  clear: right;
  border: 1px solid #666;
}

#right img.border {
  border: 1px solid #000;
}

#right img.awning {
  margin: 30px 30px 10px 15px;
}

#right img.pdf {
  position: relative;
  top: -10px;
  border: 0;
  margin-right: 10px;
}

.window-featured {
  float: right;
}

.window-featured p {
  font-weight: bold;
  text-align: center;
  margin-left: 30px;
}

#right img.window2 {
  margin: 0 0 10px 30px;
  border: 1px solid #000;
}

#right div.color img {
  border: 1px solid #000;
}

.color {
  float: left;
  width: 50px;
  margin-right: 10px;
}
* html .color {width:60px;w\idth:50px;}

.color p {
  clear: both;
  text-align: center;
  font-size: .9em;
  line-height: 130%;
}

.test-group {
  margin: 10px auto;
  clear: both;
}

.test-block {
  width: 122px;
  float: left;
  text-align: center;
  margin-right: 30px;
}
* html .test-block {width:152px;w\idth:122px;}

.test-block h3 {
  margin: 5px 0;
}

.test-block p {
  font-size: .9em;
  color: #666;
}

#contact-left {
  float: left;
  width: 319px;
  padding: 0 30px 0 0;
}
* html #contact-left {width:349px;w\idth:319px;}

#contact-right {
  float: left;
  width: 200px;
  text-align: left;
}

form p {
  clear: left;
  margin: 0;
  padding: 1px 0 0 0;
}

form p label {
  float: left;
  font-size: 1em;
  width: 100%;
}

.txt {
  width: 97%;
  font-size: 1em;
  color: #7D2727;
  background-color: #FBFBFB;
  border: 1px solid #D0D0D0;
  font-family: Verdana, Tahoma;
}

.short {
  width: 47%;
}

form.estimate {
  width: 300px;
  margin: 0 auto;
}

.city {
  width: 35%;
  float: left;
}

.state {
  width: 10%;
  float: left;
  margin: 0 5px;
}

.zip {
  width: 28%;
  float: left;
}

select.country {
  font-size: 1.1em;
}

input.submit {
  margin: 10px;
  font-size: 1.1em;
  font-weight: bold;
  color: #7D2727;
  background-color: #FBFBFB;
  border: 1px solid #D0D0D0;
}

p.submit {
  text-align: center;
}

#right-home {
  padding: 0;
  width: 609px;
  float: left;
}

.section1 {
  clear: both;
  width: 609px;
  background: url('images/box2_bg.gif') no-repeat right bottom;
}

.section2 {
  clear: both;
  width: 609px;
}

#box1 {
  float:left;
  width:323px
}

#box1 img {
  display:block
}

p.estimate-link-home {
  margin:0
}

p.estimate-link-home span {
  position: relative;
  margin-top: -37px;
  text-align: center;
  display: block;
  font-weight: bold;
}

#box2 {
  font-size: 1.1em;
  padding: 0 18px;
  float: left;
  width: 250px;
  height: 298px;
}
* html #box2 {width:286px;w\idth:250px;}

#box2 h2 {
  margin: 10px 0;
  font-size: 1.4em;
  font-weight: bold;
}

#box2 p {
  font-size: 1em;
  margin: 0;
}

#tax {
  text-align: center;
  font-weight: bold;
  font-size: 1.3em;
  padding: 15px 0;
  color: #FF6000;
  border-bottom: 1px solid #CCC;
}
#tax a {
  color: #FF6000;
}

.sellingpoint {
  float: left;
  padding: 15px 15px 10px 15px;
  font-size: 1em;
  background: url('images/selling_points_divider.gif') no-repeat right center;
}

.sellingpoint h3 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 0 1em 0;
  color: #686868;
}

.sellingpoint img {
  float: right;
  margin: 0 0 2px 6px;
}

.sellingpoint img.nomargin {
  margin: 0;
}

.sellingpoint p {
  margin: 0;
  font-size: 1.1em;
}

.one {
  width: 202px;
}
* html .one {width:232px;w\idth:202px}

.two {
  width: 164px;
}
* html .two {width:194px;w\idth:164px}

.three {
  width: 150px;
  background: none;
}
* html .three {width:180px;w\idth:150px}

/* Footer Begins */
#footer {
  width: 800px;
  height: 31px;
  margin: 0 auto;
  color: #FFFFFF;
  position: relative;
  padding: 0;
  text-align: right;
  font-size: .9em;
}

#footer-left {
  float: left;
  width: 161px;
  height: 31px;
  background: url('images/footer_left_bg.gif') no-repeat;
  padding: 0 15px;
  line-height: 31px;
}
* html #footer-left {width:191px;w\idth:161px;}

#footer-left a:link, #footer-left a:visited, #footer-left a:active {
  font-size: 1em;
  color: #FFFFFF;
  text-decoration: none;
  margin: 0;
}

#footer-left a:hover {
  text-decoration: underline;
}

#footer-right {
  float: left;
  width: 579px;
  height: 31px;
  background: url('images/footer_right_bg.gif') no-repeat;
  padding: 0 15px;
  line-height: 31px;
}
* html #footer-right {width:609px;w\idth:579px;}

#footer-right a:link, #footer-right a:visited, #footer-right a:active {
  font-size: 1em;
  color: #FFFFFF;
  text-decoration: underline;
  margin: 0;
}

#footer-right a:hover {
  text-decoration: none;
}

#subfooter {
  text-align: right;
  padding: 20px;
  color: #676767;
  clear: both;
}

#subfooter span {color: #000000;}
/* Footer Ends */