@charset "UTF-8";
/* CSS Document */

/* text and link properties */

h1 { font-size: 24px; font-weight: normal; line-height: 120%; padding: 0 0 5px 0; margin: 0; color: #3f6c9e; }

h2 { font-size: 20px; font-weight: normal; line-height: 120%; padding: 0 0 5px 0; margin: 0; color: #3f6c9e; }

h3 { font-size: 14px; font-weight: normal; line-height: 120%; padding: 0 0 5px 0; margin: 0; color: #3f6c9e; }

.thirtyred { font: 30px Times New Roman, Times, serif; color: #cc0000; }

.twentyblack {font: 20px Times New Roman, Times, serif; color: #000; }

.fourteen { font-size: 14px; }

.small { font-size: 10px; }

.twelvewhite { color: #fff; }

.twelvered { color: #CC0000; }

.twelveblack { color: #000; }

.darkgray { color: #333; }

.yellow { color: #FFCC00; }



a:link, a:visited { text-decoration: none; color: #333; }

a:hover, a:active { text-decoration: none; color: #999; }

a.white:link, a.white:visited, a.white:hover, a.white:active { text-decoration: none; color: #fff; }

a.gray:link, a.gray:visited { text-decoration: none; color: #fff; }

a.gray:hover, a.gray:active { text-decoration: none; color: #ccc; }

a.teal:link, a.teal:visited { text-decoration: none; color: #42abc5; }

a.teal:hover, a.teal:active { text-decoration: underline; color: #42abc5; }

a.nav:link, a.nav:visited { display: block; width: 172px; padding: 0; height: 38px; margin-bottom: 2px; background: #333; color: #fff; text-decoration: none; line-height: 330%; }

a.nav:hover, a.nav:active { display: block; width: 172px; padding: 0; height: 38px; margin-bottom: 2px; background: #666; color: #fff; text-decoration: none; line-height: 330%; }





/* main properties */

body, p, div { margin: 0; padding: 0; }

body { text-align: center; font: 12px Trebuchet, Arial, Helvetica, sans-serif; color: #666; line-height: 180%; background: #fff url(/images/bg.jpg) top center no-repeat; }

.clear { clear: both; }

.left { float: left; margin: 0 10px 10px 0; text-align: left; }

.right {float: right; margin: 0 0 10px 10px; text-align: right; }

.border { padding: 2px; border: 1px solid #b2c3d5; }

.borderbottom { border-bottom: 1px dotted #999; margin-bottom: 10px; width: 100%; }

.wrapper { margin: 0 auto; width: 900px; }

.header { float: left; width: 900px; height: 147px; background: url(/images/logo.jpg) top left no-repeat; text-align: right; }

ul.topnav, li.topnav { display: inline; list-style: none; margin: 0 0 0 15px; padding: 0; }

.tab { float: left; width: 872px; height: 33px; text-align: right; background: url(/images/orangetab.jpg) top right no-repeat; line-height: 300%; }

.mainnav {float: left; padding: 2px 2px 0 2px; text-align: left; }

.footer { float: left; width: 900px; height: 120px; margin: 20px 0 0 0; }

.footerleft { float: left; width: 400px; text-align: left; }

.footerright { float: right; width: 500px; text-align:right; }

#nav { float: left; width: 172px; padding: 0; height: 38px; margin-bottom: 2px; background: #666; color: #fff; line-height: 330%; clear:both; }

ul { list-style: none; margin: 0; padding: 5px 0 5px 0; }

li { list-style: none; margin: 0; padding: 0 0 0 12px; }

li.leftnav { list-style: outside circle; margin: 0 0 0 20px; padding: 0; }

.searcharea { float: right; height: 25px; width: 280px; }

#searchbar { float: right; width: 250px; height: 22px; background: #fff; margin: 0; padding: 0 0 0 4px; border: 1px solid #666; filter:alpha(opacity=70); opacity: .70; font-size: 16px; color: #666; }

input { float: left; width: 300px; height: 22px; margin: 0 10px 10px 0; padding-left: 3px; border: 1px solid #999; background: #ddd; color: #666; font-size: 14px; }

.inputsurvey { float: none; width:200px; background:#efefef; font-size: 15px; }

.inputsurveysmall { width:20px; background:#efefef; font-size: 15px; }

textarea { float: left; width: 350px; height: 200px; margin: 0 0 10px 0; padding-left: 3px; border: 1px solid #999; background: #ddd; color: #666; font-size: 14px; }

.textareasurvey { float: none; width: 300px; height: 80px; border: 1px solid #999; background: #efefef; color: #666; font-size: 12px; }

#textarea { float: left; width: 350px; height: 240px; margin: 0 0 10px 0; padding-left: 3px; border: 1px solid #999; background: #ddd; color: #666; font-size: 14px; }

select { width: 200px; height: 30px; background: #eee; border: 1px solid #666; font-size: 14px; color: #333; }

#send { float: left; width: 80px; height: 25px; margin: 0; padding: 0; border: 0; background: url(/images/send.jpg) center center; }

#submit { float: right; width: 23px; height: 24px; margin: 0; padding: 0; border: 1px solid #234b79; background: url(/images/submit.jpg) center center; }

.submitsurvey { float: none; width: 200px; height: 40px; font-size: 19px; text-align: center; background-color: #efefef; color: #333; }

.borderedTable {padding: 8px;
	border-width: 1px;
	border-color: #333;
	border-style: dashed;}



/* homepage properties */

.hpcontent { float: left; width: 900px; background: #fff url(/images/homepagebg.jpg) bottom center no-repeat; border: 1px solid #ccc; text-align: left; }

.hpvideo { float: left; padding: 2px 0 2px 0; }

.hptopcontent { float: left; width: 380px; padding: 2px 0 2px 10px; text-align: left; }

.hpleftad { float: left; width: 172px; padding: 0 2px 0 2px; }
.hpleftad img {margin: 5px 0 5px 0;}

.hpnavinner {float: left; width: 680px;}
.hpnav { float: left; width: 210px; margin: 0 2px 2px 0; padding: 2px 0; background: url(/images/hpnav.jpg) top left no-repeat; }

ul#hpnav { padding: 0 0 0 30px; line-height: 200%; }

.hpnavend { float: left; width: 210px; margin: 0 2px 2px 0; padding: 2px 0; background: url(/images/hpnav.jpg) top left no-repeat; clear:right; }

ul#hpnavend { padding: 0 0 0 30px; line-height: 200%; }

.testimonial { float: left; width: 378px; margin: 10px 0 10px 0; background: url(/images/peopleattable.jpg) no-repeat; }

.hptwitter {float: left; width: 230px; padding: 30px 0 0 0; clear:left; text-align:center;}

.testimonialhome {width: 464px; font-size: 14px; line-height:120%; padding: 160px 0 0 0; font-weight: normal; margin: 110px 0 0 230px; background: url(/images/testimonialhome.png) no-repeat bottom right; height: 162px; }

.testimonialtexthome { width: 200px; }

.news { float: left; width: 250px; margin: 10px 0 10px 0; }

.hpright { float: left; width: 230px; padding: 10px; }

.hpbottom { float: left; width: 900px; height: 20px; margin: 10px 0 5px 0; text-align: center; }



/* subpage properties */

.subcontainer { float: left; width: 900px; background: #fff; border: 1px solid #ccc; text-align: left; }

.subcontent { float: left; width: 700px; padding: 10px; }

.submainnav {float: left; padding: 2px 2px 0 2px; text-align: left; height: 100%; }

.product { float: left; padding: 0; margin: 0 10px 20px 0; width: 320px; }

.team { float: left; padding: 0 0 15px 0; width: 500px; }

li.sublist { list-style: outside url(/images/arrow.jpg); margin: 0 0 5px 20px; padding: 0; }

table.LennoxDetails { border-top: solid 1px #c0c0c0; border-left: solid 1px #c0c0c0; margin: 5px 10px; }

table.LennoxDetails td { font-size: x-small; border-top: none; border-left: none; border-right: solid 1px #c0c0c0; border-bottom: solid 1px #c0c0c0; padding: 2px; }

.specheading { background: #ccc; padding: 3px; }