@import"../css/superfish.css";@import"../css/prettyPhoto.css";
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, time {display:block;}
mark, rp, rt, ruby, summary {display:inline;}

/* Global properties ======================================================== */
html {width:100%; overflow:auto;}

body {
	min-width:1010px;
	font-size:14px;
	font-weight: 100;
	line-height:21px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	background: url(../images/bg.jpg) center 0 no-repeat #1b0a00;
	
}

.block {width:1008px; margin:20px auto 100px auto; border: 1px solid rgba(76,52,34,.7); background: rgba(38, 17, 0, .7);}

.main {width:950px; padding:0; margin:0 auto; position:relative;}

a {color:#f98404; outline:none; text-decoration:none;}
a:hover {text-decoration: underline;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}

p {margin-bottom:17px;}
.p0 {margin-bottom:4px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#b1894b;}
.color-4 {color:#983222;}



/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}
.margin-bot2 {margin-bottom:25px;}
.margin-top {margin-top:-3px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:25px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent3 {padding-left:20px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}
.indent-bot4 {margin-bottom:25px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}
.img-indent1 {float:left; margin:0 16px 0px 0;}		
.img-indent2 {float:left; margin:0 13px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent-bot2 {margin-bottom:18px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {border:3px solid #764000;}

a {cursor:pointer;}

a.link-copy {color:#983222; text-decoration: none;}
a.link-copy:hover { border-bottom: 1px dotted #983222;}

.button, .button-1, .list-1 li a, .list-2 li a, .link, .link-1 h1 a {text-decoration:none;}	


.list-indent {margin-left: 50px; margin-bottom: auto;list-style: disc;}

/*********************************header*************************************/
header {height:200px; width:100%; position:relative; z-index:2;

background: -moz-linear-gradient(top,  rgba(76,52,34,.4) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,52,34,.4)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(76,52,34,.4) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(76,52,34,.4) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(76,52,34,.4) 0%,rgba(255,255,255,0) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(76,52,34,.4) 0%,rgba(255,255,255,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c3422', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.header {height:790px; width:100%; position:relative; z-index:2;}
.headerbar {width:100%; height:2px; position:relative; z-index:1; background:url(../images/row2-border.gif) center 0 no-repeat;}
.contacttop {position:absolute; right: 0; margin-top: 20px; font-size: 33px; line-height: 30px; color: #faecb4; text-align: right; font-family: Georgia, serif;}
.contacttopsm {
	position:absolute;
	right: 0;
	margin-top: 55px;
	font-size: 13px;
	color: #faecb4;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	width: 346px;
}
.contacttop span{color: #983222; font-style: italic; font-size: 70%; margin-right: 5px;}
.socialwrap{max-width:1010px; padding-top: 60px; margin: auto auto;}
.social {text-align: right; padding-right: 30px;}
.socialimg {margin-left: 5px; vertical-align:bottom;}
.contacttop a, .social a{color:#faecb4; text-decoration: none;}
.contacttop a:hover{border-bottom: 1px dotted #faecb4;}

/*********************************row-1*************************************/
.row-1 {width:100%; height:200px; position:relative; z-index:2;}

h1 {position:absolute; top:30px; left:-1px; overflow:hidden;}
h1 a {display:block; width:245px; height:128px; text-indent:-5000px; background:url(../images/hmlogo.png) 0 0 no-repeat;}


/*********************************row-2*************************************/
.row-2 {width:100%; height:580px; padding:18px 0 13px; position:relative; z-index:1; background:url(../images/row2-border.gif) center 0 no-repeat;}

/*********************************content*************************************/
#content {
	width:100%;
	position:relative;
	z-index:1;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.spacer-1 {width:100%; background:url(../images/spacer-1.gif) 283px 0 repeat-y;}

h3 {font-size:24px; line-height:36px; color:#983222; font-weight:400; font-family: Georgia, serif; font-style: italic;}
h4 {font-size:18px; line-height:24px; color:#e37222; font-weight:400; font-family: Arial, Helvetica, sans-serif;}
h5 {font-size:15px; line-height:20px; color:#007ac9; font-weight:400; font-family:Arial, Helvetica, sans-serif;}
h5 span{font-size:15px; line-height:20px; color:#333; font-weight:400; font-family:Arial, Helvetica, sans-serif;}
h5 a {font-size:15px; line-height:20px; color:#333; font-weight:400; font-family:Arial, Helvetica, sans-serif; text-decoration: none;}
h5 a:hover {text-decoration: underline;}
h6 {font-size:12px; line-height:17px; color:#f98404; font-weight:400;}

.border-bot {width:100%; height:1px; background:url(../images/border-bot.gif) 0 bottom repeat-x;}

#home .box {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#home .boxhome {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#home .box-top-tail {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#home .box-tail {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#home .box.bottom1 {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#home .box-tail-bottom1 {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#home .box.bottom2 {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#home .box-bottom2-tail {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#home .box .padding {padding:26px 30px 30px;}
#home .boxhome .padding {padding:40px 80px 30px;}
#home .box.bottom1 .padding {padding:26px 30px 26px;}
#home .box.bottom2 .padding {padding:26px 16px 26px 30px;}
#about .box.top {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#about .box-top-tail {width:100%; background-color: #eddfba;}
#about .box.bottom1 {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#about .box-bottom1-tail {width:100%; background-color: #eddfba;}
#about .box.bottom2 {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#about .box-bottom2-tail {width:100%; background-color: #eddfba;}
#about .box.side {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#about .box-side-tail {width:100%; background-color: #eddfba;}
#about .box.top .padding {padding:26px 27px 27px 30px;}
#about .box.bottom1 .padding {padding:28px 30px 37px 27px;}
#about .box.bottom2 .padding {padding:28px 30px 20px 27px;}
#about .box.side .padding {padding:28px 29px 23px 30px;}
#services .box.top {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#services .box-top-tail {width:100%; background-color: #eddfba;}
#services .box.top .padding {padding:26px 27px 27px 30px;}
#faq .box.top {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#faq .box-top-tail {width:100%; background-color: #eddfba;}
#faq .box.top .padding {padding:26px 27px 27px 30px;}
#page3 .box {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#page3 .box-tail {width:100%; background-color: #eddfba;}
#page3 .box .padding {padding:28px 32px 29px 30px;}
#page8 .box {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#page8 .box-tail {width:100%; background-color: #eddfba;}
#page8 .box .padding {padding:28px 29px 33px 30px;}
#page8 .box.side {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#page8 .box-side-tail {width:100%; background-color: #eddfba;}
#page8 .box.side .padding {padding:28px 29px 76px 30px;}
#page9 .box {width:100%; background:url(../images/tanbg.jpg) no-repeat;}
#page9 .box-tail {width:100%; background-color: #eddfba;}
#page9 .box .padding {padding:28px 26px 29px 29px;}

blockquote {overflow:hidden; padding:6px 0 0 31px; background:url(../images/quote.png) 0 0 no-repeat;}
time {font-size:12px; line-height:17px; color:#f98404; font-weight: 900;}

.list-1 {float: right; background: rgba(255,248,218,.8); border: 1px #e8deba solid; padding: 20px; margin: 0 20px 20px 20px;  box-shadow: 8px 8px 10px rgba(38,17,0,.2);}
.list-1 li {font-family: Arial, sans-serif; font-size:13px; line-height:28px; color: #333; background:url(../images/check.png) 0px 6px no-repeat; padding: 0 0 0 19px; display: block; width: 100%;}

.link:hover {text-decoration:underline;} 

.link-1 {display:inline-block; font-size:12px; line-height:19px; color:#f98404; padding-right:7px; background:url(../images/marker-2.gif) right 8px no-repeat;}
.link-1:hover {text-decoration:underline;}

.text-1 {font-size:14px;}


/*********************************home*************************************/
p.welcome {font-size:18px; line-height:36px; color:#983222;}
p.welcomeln2 {text-align: right;}
p.welcome span {font-size: 24px; font-style: italic;  font-family: Georgia, serif;}


/*********************************services*************************************/
#productlogos {background-color: #fff; padding: 10px; margin: 0 20px 20px 0; box-shadow: 8px 8px 10px rgba(38,17,0,.2);}
.logocol{width: 20%; float: left; display:}
.logocol a.heatilator {height: 90px; width: 100%; display: block; background: url(../images/heatilator.gif) center center no-repeat;}
.logocol a.harman {height: 90px; width: 100%; display: block; background: url(../images/harman.gif) center center no-repeat;}
.logocol a.fmi {height: 90px; width: 100%; display: block; background: url(../images/fmi.gif) center center no-repeat;}
.logocol a.heatnglo {height: 90px; width: 100%; display: block; background: url(../images/heatnglo.jpg) center center no-repeat;}
.logocol a.gb {height: 90px; width: 100%; display: block; background: url(../images/goldenblount.jpg) center center no-repeat;}
.logocol a.lennox {height: 90px; width: 100%; display: block; background: url(../images/lennox.gif) center center no-repeat;}
.logocol a.quadrafire {height: 90px; width: 100%; display: block; background: url(../images/quadrafire.jpg) center center no-repeat;}
.logocol a.wmh {height: 90px; width: 100%; display: block; background: url(../images/whitemountainhearth.gif) center center no-repeat;}
.logocol a.ah {height: 90px; width: 100%; display: block; background: url(../images/americanhearth.gif) center center no-repeat;}
.logocol a.valor {height: 90px; width: 100%; display: block; background: url(../images/valor.jpg) center center no-repeat;}
.logocol a.empire {height: 90px; width: 100%; display: block; background: url(../images/empire.gif) center center no-repeat;}
.logocol a.thermorite {height: 90px; width: 100%; display: block; background: url(../images/thermorite.jpg) center center no-repeat;}
.logocol a.rhpeterson {height: 90px; width: 100%; display: block; background: url(../images/rhpeterson.gif) center center no-repeat;}
.logocol a.grilldome {height: 90px; width: 100%; display: block; background: url(../images/grilldome.jpg) center center no-repeat;}
.logocol a.northshore {height: 90px; width: 100%; display: block; background: url(../images/northshore.gif) center center no-repeat;}



/*********************************FAQ specific*************************************/
.FAQdropdownlink {color: #333; text-decoration: none; background:url(../images/check.png) 0px 6px no-repeat; padding: 2px 0 0 17px; display: block; width: 100%;}
.FAQdropdownlink:hover {text-decoration: none;}
.faqanswer {color: #333; font-size: 13px; font-weight: 500;line-height:18px; border: 1px #e8deba solid; width: 90%; background: rgba(255,248,218,.8); padding:20px 20px 0 20px; position: relative; margin: -15px 0px 30px 0px;  box-shadow: 8px 8px 10px rgba(38,17,0,.2);}
#faqcolfloat, #faqcolfloat2 {float: left; display: block; width: 48%;}
#faqcolfloat {margin-right: 4%;}
.clearfaq {clear: both;}


/****************************footer************************/
footer {width:100%; padding:23px 0px; background:none;}

.menu-bot {overflow:hidden; float:left;}
.menu-bot li {float:left; font-size:12px; line-height:19px; margin-right:19px; font-family:Arial, Helvetica, sans-serif;}
.menu-bot li a {color:#4c3327; text-decoration:none;}
.menu-bot li a:hover, .menu-bot li a.active {color:#e37222;}

.text-bot {float:right; text-align:right; font-size:12px; line-height:19px; color:#4c3327;}
.text-bot a {color:#4c3327; margin-left:18px; text-decoration:none;}
.text-bot a:hover {text-decoration:underline;}

.footer-link {text-align:right; font-size:12px; line-height:19px; color:#4c3327;}

/****************************layout************************/
#home .col-1 {width:254px; margin-right:64px;}
#home .col-2 {width:252px; margin-right:0px;}
#about .col-1 {width:253px; margin-right:9px;}
#about .col-2 {width:251px; margin-right:0px;}

/****************************TM-Slider************************/
.slider {width:950px; height:580px; position:relative; margin-bottom: 10px;}
.items {display:none;}
.pagination {position:absolute; bottom:0; left:0; z-index:999; padding:11px 14px 10px 10px; background:url(../images/pagination-bg.png) 0 0 repeat;}
.pagination li {float:left; display:block; margin:0 10px 0 0; position:relative;}
.pagination li.last-item {margin:0;}
.pagination li .item1, .pagination li .item2,.pagination li .item3, .pagination li .item4, .pagination li .item5, .pagination li .item6 {display:block; width:146px; height:96px; text-decoration:none;}

#gallery .pagination li .item1 {background:url(../images/maingallery1_small.jpg) 0 0 no-repeat;}
#gallery .pagination li .item2 {background:url(../images/maingallery2_small.jpg) 0 0 no-repeat;}
#gallery .pagination li .item3 {background:url(../images/maingallery3_small.jpg) 0 0 no-repeat;}
#gallery .pagination li .item4 {background:url(../images/maingallery4_small.jpg) 0 0 no-repeat;}
#gallery .pagination li .item5 {background:url(../images/maingallery5_small.jpg) 0 0 no-repeat;}
#gallery .pagination li .item6 {background:url(../images/maingallery6_small.jpg) 0 0 no-repeat;}
.pagination li.current .item1, .pagination li:hover .item1, .pagination li.current .item2, .pagination li:hover .item2, .pagination li.current .item3, .pagination li:hover .item3, .pagination li.current .item4, .pagination li:hover .item4, .pagination li.current .item5, .pagination li:hover .item5, .pagination li.current .item6, .pagination li:hover .item6 {background-position:0 bottom !important;}
.pagination li span {display:none; position:absolute; top:-21px; left:0; width:100%; height:10px; background:url(../images/slider-marker.png) center 0 no-repeat;}
.pagination li.current span, .pagination li:hover span {display:block;}


/****************************Contact Form************************/
#contact-form {line-height:1em; margin:0; padding:0; width:531px;}
#contact-form .success {padding-bottom:5px;}	
#contact-form textarea, #contact-form input {
	margin:0;
	font-size:1em;
	color:#333;
	padding:8px 10px;
	position:relative;
	outline:none;
	background:#fff;
	border:1px solid #e8deba;
	font-family:Arial, Helvetica, sans-serif;
}
#contact-form input {width:418px;}
#contact-form textarea {overflow:auto; width:509px; height:190px;}	
#contact-form label {min-height:50px; display:block;}	
#contact-form label.message {min-height:237px;}
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .button {margin-left:8px;}	
#contact-form .error, #contact-form .empty {color:red; padding:5px 0; font-size:11px;}
#contact-form .buttons {overflow:hidden; margin:0px; padding:0;}
#contact-form .buttons a {float:right; width:60px; height:20px; overflow:hidden; font-size:36px; line-height:43px; color:#fef6ee; text-indent:-5000px; margin-left:11px; text-decoration:none;}
#contact-form .buttons a.button-send {background:url(../images/button-send.gif) 0 0 no-repeat;} 
#contact-form .buttons a.button-clear {background:url(../images/button-clear.gif) 0 0 no-repeat;}
#contact-form .buttons a.button-send:hover, #contact-form .buttons a.button-clear:hover {background-position:0 bottom;}

#contact-form .success {color:#563200; width:246px; margin-bottom:20px; padding:10px; border:1px solid #f4eac9; background:#f98404;}