html { 
	height: 100%; 
	width: 100%; 
	margin: 0px auto; 
	}

body { width: 1200px; height: 100%; margin: 0 auto; padding: 0; border: 0 none;
	font-family:arial,helvetica,sans-serif;  background-repeat:no-repeat;
	background-attachment:fixed; background-position:center top;
	background-image:url('../images/misc/background.jpg');
	font-size: 14px; line-height: 16px; color: #000; text-align: center;  }

img { border: 0px; } 

/* the h's */
h1 { font-size: 20px; margin: 4px; padding: 0; color: #ad0a0a; font-weight: normal; line-height: 20px; }
h2 { font-size: 16px; margin: 15px 0 2px 0; padding: 0; color: #ad0a0a; font-weight: normal; }
h3 { font-size: 11px; margin: 4px; padding: 0; color: #21269F; font-weight: normal;}  
h4 { font-size: 8px; margin: 0; padding: 0; color: #000; }
h5 { font-size: 8px; margin: 0; padding: 0; color: #fff; }
h6 { font-size: 6px; margin: 0; padding: 0; color: #000; }

b { font-size: 14px; margin: 15px 0 2px 0; padding: 0; color: #21269f; }
strong { font-size: 14px; margin: 15px 0 2px 0; padding: 0; color: #21269f; }
/* Default tables */
table tr td {
	border: none;
	font-size: 10px;
	text-align: right;
}

/* Default paragraphs, links */
p	{ margin:0; padding:10px; font-size: 14px; }
p a:link,
p a:visited,
p a:hover,
p a:active { 
	font-weight:bold; 
	color:#1b75d3; 
	font-size: 14px;

}


/* for form processing */
p.display-error-message {
	font-size: 10px;
	font-weight: normal;
	color: white;
	background: #cc0000;
}

p.display-status-message {
	font-size: 10px;
	font-weight: normal;
	color: black;
	background: white;
}
p.small a {
	font-size: 10px;
	text-decoration: none;
}

div.file_attachment p a {
	text-decoration: none;
	font-weight: 400;
	font-size: 14px;
}

div.content p a {
	text-decoration: none;
	font-weight: 400;
	font-size: 14px;
}

.smallText {
	font-size: 10px;
}
/* Set the width of the page and the choice of borders  width 100% JF*/
#page_panel { 
	width: 1200px; 
	margin: 0px auto; 
	/*border-left: solid 1px #000; 
	border-right: solid 1px #000; 
	border-bottom: solid 1px #000; */
}

/* for the page header (generally everything above the menu) */
#header_panel {
    width: 1200px;
	margin: 0px auto;
/*	border-right: solid 1px #000;
	border-left: solid 1px #000; */
	padding: 0px; 
	height: 234px; 
	position: relative; 
	text-align: left; 
}

#header_panel img { 
	float: left; 
}

/* Used when a company logo is overlayed on to a header image */
#header_panel #logo { 
	margin-top: 0; 
	z-index: 200; 
    width: 1200px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
	position: relative; 
}
#header_panel #logo2 { 
	margin-top: 0; 
	z-index: 200; 
	width:  997px;
	position: relative; 
}

span#color_red {
	color: #ad0a0a;
}

#header-text1 {
	position: absolute;
	font-family: Helvetica;
	font-weight: 400;
	line-height: 20px;
	font-size: 17px;
	letter-spacing: 1.0px;
	text-align: left;
	width: 700px;
	top: 35px;
	left: 440px;
	z-index: 1000;
	color: #000;
}

#header-text2 {
	position: absolute;
	font-family: Times;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 1.0px;
	text-align: left;
	width: 500px;
	top: 52px;
	left: 38px;
	margin-left: 133px;
	z-index: 1000;
	color: #c1d5f2;
}

#header-text3 {
	position: absolute;
	font-weight: 400;
	line-height: 20px;
	font-size: 18px;
	letter-spacing: 1.0px;
	text-align: left;
	width: 700px;
	top: 150px;
	left: 440px;
	z-index: 1000;
	color: #ad0a0a;
}

#header-text4 {
	position: absolute;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.5px;
	text-align: left;
	width: 225px;
	top: 18px;
	left: 715px;
	margin-left: 143px;
	z-index: 1000;
	color: #c1d5f2;
}

#header-text5 {
	position: absolute;
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 0px;
	text-align: left;
	width: 225px;
	top: 34px;
	left: 740px;
	margin-left: 143px;
	z-index: 1000;
	color: #c1d5f2;
}

#header-text6 {
	position: absolute;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.5px;
	text-align: left;
	width: 225px;
	top: 64px;
	left: 722px;
	margin-left: 143px;
	z-index: 1000;
	color: #c1d5f2;
}

#header-text7 {
	position: absolute;
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 0px;
	text-align: left;
	width: 225px;
	top: 79px;
	left: 715px;
	margin-left: 143px;
	z-index: 1000;
	color: #c1d5f2;
}

/* This is for the main menu (horizontal - most settings for the menu are in the pro_dropdown_3.css) */
#main_menu { 
	padding: 0 8px; 
	margin: 0;
        border-right: solid 1px #000; 
}

/* menu font */
#nav span { 
	font-size: 14px;
	color: #125295; 
}  

/* main page attributes */
#main { 
	clear: both;
	margin: 0 auto; 
	padding: 0px; 
	width: 100%; 
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background: transparent; 
}

#footer_panel { 
	margin: 0px; 
	text-align: center; 
	background-image:url('../images/main/fireplace-footer.jpg');
	width: 1200px;
	float: left;
	height: 400px;
}

#footer_panel_left {
	float: left;
	position: relative;
	top: 100px;
	left: 59px;
	width: 350px;
	margin-right: 100px;
}

#footer_panel_left .title p {
	float: left;
}

#footer_panel_left .subtitle p {
	float: left;
	margin: -10px 0 0px 7px;
}

#footer_panel_left img.c1 {
	float: left;
	margin: 0px 0 0px 10px;
}

#footer_panel_left .content p {
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	text-align: left;
}

#footer_panel_middle {
	float: left;
	position: relative;
	top: 100px;
	width: 350px;
	margin-right: 50px;
}

#footer_panel_middle .title p {
	float: left;
	text-align: left;
}

#footer_panel_middle .content {
	float: left;
	text-align: left;
}
#footer_panel_middle .content p {
	float: left;
	text-align: left;
}

#footer_panel_right {
	float: left;
	position: relative;
	top: 100px;
	width: 330px;
}

#footer_panel_right .title p {
	float: left;
	text-align: left;
}

#footer_panel_right .content p {
	float: left;
	text-align: left;
}

#copyright {
	font-size: 9px;
	position: relative;
	top: 30px;
	float: left;
}

/* This is the attributes of the main page behind the margins that divide it into sections/columns */

#page-content { 
	margin: 0 auto; 
	padding: 0px; 
	text-align: left;
	background: transparent; 
	color: #333; 
	overflow: hidden;
}

/* Page Content JF border-right: solid 1px #000;  */
#page { 
	padding: 0; 
	margin: 0 auto; 
	vertical-align: top; 
	background: transparent; 
	width: 100%;
	overflow: hidden;
/*	border-right: solid 1px #000;
	border-left: solid 1px #000;
	border-bottom: solid 1px #000; */
}  


/* login screen */
#login {
	background-color: #dfe9f6;
	border: solid 3px #eee;
	padding: 5px 0px;
	margin-top: 5px;
}

#uid {
	line-height: 30px;
	padding: 0 20px;
	background: transparent;
}

#lbl_uid {
	vertical-align: middle;
	font-size: 14px; 
	color: #00f;
}

#txt_uid {
	padding-top: 3px;
	float: right;
}

#pwd {
	line-height: 30px;
	padding: 0px 20px 5px 20px;
	background: transparent;
}

#lbl_pwd {
	vertical-align: middle;
	font-size: 14px;
	color: #00f;
}

#txt_pwd {
	padding-top: 3px;
	float: right;
}

.background_panel {
	width: 300px;
	background-color: #ced9e7;
	margin: 5px;
	padding: 5px;
	border: solid 6px #ccc;
}

.title_bar {
	height: 15px;
	background-color: #c1d6f1;
	padding: 3px;
	border: solid 3px #ddd;	
}
.panel_title {
	margin: 0px 5px;
	padding: 0px; 
	color: #1d1983;
}

#btn_submit {
	padding: 14px 0px 0px 0px;
	float: right;
}

#mainFrame {
	width: 100%;
	float: left;
	text-align: left;
}

/* Just used on the admin screens */
#admin-margin1 {
	width: 201px;
	text-align: center;
	margin-right: 50px;
	float: left;
	margin: 0 auto;
	background-color: #1d1983;
	margin-top: 30px;
}

#admin-margin4 {
	width: 859px;
	float: left;
	text-align: left;
	color: #133;
	background-color: ivory;
	margin-right: 10px;
	padding: 15px; 
}

#image_area {
	width: 1200px;
	margin-top: 30px;
}

#margin0 {
	width: 90%;
	margin-top: 40px;
	margin-bottom: 20px;
	/*margin: 0 auto;
	padding: 25px;*/
	z-index: 10;
	/*margin-top: -10px; */
	padding-left: 50px;
	
	}
	
#margin-container {
	width: 100%;
}


#margin0 h3 { 
	color: #21269F;
	font-weight: normal;
}

#margin0 form {
	float: left;
}

/* Generally the left column of the home page JF margin-top: -30px; orig*/
#margin1 {
	width: 800px;
	margin-right: 50px;
	margin-bottom: 20px;
	height: auto;
	float: left;
	/*margin: 0 auto;
	padding: 25px;*/
	z-index: 10;
	/*margin-top: -10px; */
	padding-left: 50px;
}

div#margin1a {
	width: 400px;
	margin-right: 25px;
	margin-bottom: 20px;
	height: auto;
	float: left;
	/*margin: 0 auto;
	padding: 25px;*/
	z-index: 10;
	/*margin-top: -10px; */
	padding-left: 25px;
}

div#margin1b {
	width: 400px;
	margin-right: 25px;
	margin-bottom: 20px;
	height: auto;
	float: left;
	/*margin: 0 auto;
	padding: 25px;*/
	z-index: 10;
	/*margin-top: -10px; */
	padding-left: 25px;
}

#margin1 h3 { 
	color: #21269F;
	font-weight: normal;
}

#margin1 form {
	float: left;
}

#client_login {
	float: left;
	text-align: left;
}
/* Generall the second column of the home page */
#margin2 {
	width: 270px;
	float: left;
    margin-top: 10px;
	margin-left:25px;
}

/* Can be on the home page, but is often the left portion of the non-home page: "other_page" template */
#margin3 {
	width: 290px;
	float: left; /* Added CW-2012-12-05 */
	margin: 25px 0 0 0;
}

/*  JF Ambient quote for each page alignment */
#quote_cell {
	width: 250px;
        height:235px;
        margin-top: -480px;
	float: right; 
        padding-left: 35px;  	
}

/*  JF Ambient quote for each page image for overlay or plain */

#page_quote_home {
        position: relative;
        height: 235px;
        width:  250px;
        margin-top: 15px;
        float: left;
}
#page_quote_home h2 {
        position: absolute;
        margin-top: -480px;
        text-align: left;
        z-index: 500;	
}
#page_quote_home p {
        position: absolute;
        margin-top: -480px;
        text-align: left;
        z-index: 500;
}


/*JF- images for links for hildt 'margin: top,right,bottom,left' */

#page_home_img1 a img{
	width: 146px;
	height: 117px;
	float:left;
	}

#page_home_img2 a img{
	width: 146px;
	height: 117px;
	float:left;
	}
	
#page_home_img3 a img{
	width: 146px;
	height: 117px;
	float:left;
}

#page_home_img4 a img{
	width: 146px;
	height: 117px;
	float:left;
}

#page_home_cell1 {
	line-height: 20px;
	color: #000000;
	float: left;
	margin: 5px 10px;
	width: 245px;
}

#page_home_cell1 .title p {
	margin-bottom: -5px;
	line-height: 23px;
}

#page_home_cell2 {
	line-height: 20px;
	color: #000000;
	float: left;
	margin: 5px 10px;
	width: 245px;
}

#page_home_cell2 .title p {
	margin-bottom: -5px;
	line-height: 23px;
}

#page_home_cell3 {
	line-height: 20px;
	color: #000000;
	float: left;
	margin: 5px 10px;
	width: 245px;
}

#page_home_cell3 .title p {
	margin-bottom: -5px;
	line-height: 23px;
}

#page_home_businesslogo {
	width: 240px;
	height: 250px;
	float: right;
	margin: 5px 10px 0px;
}    



/* Often the right panel/column of the "other page" template */
#margin4 {
	width: 752px;
	float: left;
	text-align: left;
	color: #133;
	background-color: ivory;
	margin-right: 10px;
	padding: 15px;
}

/* These next 2 sections will allow the page to display equal length columns. */
#columns { 
	float: left; 
	background: transparent; 
}

#inner { 
	background: #fff; 
	overflow: hidden; 
	width: 1200px;
}

/* To force items to the next line */
.clear 
{ 
	clear: both; 
	padding-top: 0; 
}

/* Titles for articles  JF changed  color: #1b75d3; to color: #21269F;*/
.title p { font-size: 14px; margin: 4px 10px; padding: 0; color: #5b5d63; font-weight: 600; }

/* Sub-titles for articles JF changed color: #021072; to color: #21269F;*/
.subtitle {
	font-size: 14px;
	color: #021072;
	font-weight: 800; 
	margin: 0; 
	padding: 0;
}

div#schedule {
	float: left;
	text-align: left;
	margin: 15px 0 0 10px;
	width: 150px;
}

div#announcements {
	float: left;
	text-align: left;
	margin: 15px 0 0 10px;
	width: 150px;
}

/* image positions for the selections provided in a component */
div.content img.c2 {
	clear:both;;
	margin: 0px 10px 10px 40px;
	padding: 2px;
}

div.content img.c3 {
	float: right;
	margin: 10px 10px 10px 20px;
	padding: 2px;
}

div.content img.c4 {
	clear: both;
	float:left;
	margin: 20px 10px 10px 40px;
	padding: 2px;
}

img.c5 {
	clear: both;
	margin: 0 25px 0 25px;
	padding: 0;
}

div.content img.c6 {
	float: right;
	margin: 0px 10px 10px 40px;
	padding: 2px;
}

div.content img.c8 {
	clear: both;
	margin: 20px 10px 10px 40px;
	padding: 2px;
}

div.content img.c9 {
	float: right;
	margin: 50px 10px 10px 40px;
	padding: 2px;
}

div#bottom_footer div.content p img.c9 {
		float: left;
		margin: 50px 10px 10px 40px;
		padding: 2px;
}
/* More clear */
.clr {
clear: both;
font-size:0;
line-height:0;
border: 0px;
}

/* When there is a file attachment in a component that displays the file size */
span.file_size { 
	font-size: 9px;
	margin: 4px; 
	padding: 0; 
	color: #000; 
	display: inline;
}

/* Email response */
.mail-results {
	font-size: 11px;
	font-weight: 600;
	margin: 4px; 
	padding: 0; 
	color: #1d1983; 
	display: inline;
}

span.divider {
	float: left;
 display: inline-block;
 width: 0;
 height: 18em;
 border-right: 1px solid #626779;
}

div#ida {
	float: left;
	min-height: 428px;
	width: 223px;
}

div#ldc {
	float: left;
	min-height: 428px;
	width: 223px;
}

div#pedd {
	float: left;
	min-height: 428px;
	width: 223px;
}

div#sbac {
	float: left;
	min-height: 428px;
	width: 225px;
}

div.title p {
	font-size: 20px; margin: 15px 0 20px 0; padding: 0; color: #ad0a0a; font-weight: normal; 
}

div[id*='page_'] {
	text-align: left;
}

div[id*='page_'] .title {
	font-size: 14px; 
	margin: 15px 0 2px 0; 
	padding: 0; 
	color: #21269f;
	font-weight: 800; 
}

div[id*='page_'] .subtitle {
	font-size: 10px; 
	margin: 0; 
	padding: 0; 
	color: #021072;
	font-weight: 400; 
}

div[id*='page_insert_'] .read-more span {
	color: #B9121B;
	font-weight: bold;
	margin-left: 285px;
}

div[id*='page_insert_'] .read-more a {
	color: #B9121B;
	font-weight: bold;
}

div[id*='page_insert_'] {
	width: 100%;
	height: 194px;
}

div[id*='page_insert_'] .summary {
	width: 550px;
	height: 194px;
	background: #71625b;
	position: relative;
}

div[id*='page_insert_'] .summary p {
	width: 255px;
	color: #fffef8;
	line-height: 20px;
	font-weight: normal;
	float: right;
	padding: 15px 10px 0 0;
}

div[id*='page_insert_'] .thumbnail {
	float: left;
	margin: 0 auto;
	width: 275px;
	height: 194px;
	top: 0;
	position: absolute;
}


div[id*='page_insert_'] .summary .read-more span {
	color: #fffef8;
}

div[id*='page_insert_'] .summary .read-more a {
	color: #fffef8;
	font-weight: normal;
	text-decoration: none;
}

div[id*='projects_'] {
	text-align: left;
}

div[id*='projects_'] .title {
	font-size: 14px; 
	margin: 15px 0 2px 0; 
	padding: 0; 
	color: #a83b02;
	font-weight: 800; 
}
div[id*='page_home'] {
	text-align: left;
	width: 850px;
	float: left;
}

div[id*='projects_'] .subtitle {
	clear: both;
	font-size: 10px; 
	margin: 0; 
	padding: 0; 
	color: #021072;
	font-weight: 400; 
}

div[id*='projects_'] .read-more a {
	color: #B9121B;
	font-weight: bold;
}
#on-call-service {
	color: white;
	position: absolute;
	top: 20px;
	left: 545px;
	font-size: 18px;
	z-index: 200;
}

#call-us {
	color: white;
	position: absolute;
	top: 20px;
	left: 798px;
	font-size: 18px;
	z-index: 200;
}

div[id*='image_main_']  {
	position: relative;
	font-size: 18px;
	z-index: 200;
}

div[id*='image_main_'] .summary p {
	position: absolute;
	background: rgb(120,149,153);
	background: rgba(120,149,153,0.65);   /*  76 b6 cc */
	height: 20px;
	top: 28px;
	left: 3px;
	width: 691px;
	/* padding-left: 35px; */
	font-size: 18px;
	font-weight: normal;
	color: white;
	text-align: left;
}

/* This is essentially the "brag tag" where the copyright and designed by info goes */
/* #copyright_notice {
        background: rgb(77, 102, 81);
	width: 1100px;
	text-align: right;

}*/


#copyright_notice {
	clear: both;
	height: 0px;
	margin-top: 20px;
}

#copyright_notice .content {
	height: 50px;
	text-align: left;
	margin-right: 20px;
}

#copyright_notice .content p {
	position: relative;
	color: black;
	font-size: 9px;
	text-align: right;
	top: -50px;
}

#copyright_notice .content p a{
	text-decoration: none;
	position: relative;
	color: black;
	font-size: 9px;
	text-align: left;
	top: -60px;
	left: 50px;
}

#copyright_notice .content img.c7 {
	clear: both;
	position: relative;
	left: 50px;
	top: -130px;
}

#shufelt_group_area {
	text-align: left;
	width: 100%;
	height:85px;
	margin-top: -1px;
} 

#brag_tag .content p {
	clear: both;
	float: right;
	margin-top: 5px;
	color: black;
	font-size: 9px;
	text-align: left;
}

#brag_tag .content p a{
	clear: both;
	float: right;
	margin-top: 0px;
	margin-right: 25px;
	color: black;
	font-size: 9px;
	text-decoration: none;
}

#brag_tag .content img.c7 {
    margin-top: 40px;
	margin-right: -200px;
	float: right;
	padding: 0;
}

#bottom_footer {
	clear: both;
}

#bottom_footer .content img.c7 {
    position: relative;   /*parent element of summary is positioned */
    top: 0px;
	float:left;
	padding: 0;
}

#bottom_footer .content  p{
	border-top: 1px solid #000;    
	color: #000;
	position: relative;
	top: 190px;
	z-index: 100;
	width: 550px;
    left: 32px;
    font-size: 11px;
}

#bottom_footer #phone {
	margin-top: -14px;
	margin-right: 35px;
}

.download_title {
	text-align: left;
}

.download_button {
	float: left;
}
#client_folders {
	float:left;
	text-align: left;
}

div#margin1 img.other_pages {
	float: right;
	margin: 50px 10px 50px 20px;
	padding: 2px;
}
#association_logos .content p {
	background: #fff;
}

img#map {
	margin-top: 50px;
}

#redline {
	float: left;
	margin-top: 0px;
	height: 40px;
	width: 1200px;
	background: #ad0a0a;
	padding-left: 0px;
	list-style: none;
	z-index: 500;
	font-family: arial, verdana, sans-serif;
}

#redline p { 
	margin-left: 10px;
	color: white; 
	font-size: 16px;
	}
	
#top_brands {
	background-color: white;
}

#top_brands p {
	font-size: 20px; 
	margin-left: 40px;
	padding: 0; 
	color: #ad0a0a; 
	font-weight: normal; 
	line-height: 20px;
}

#stove_logos {
	background-color: white;
	margin: 0 auto;
	height: 120px;
}

#stove_logos img {
	margin-left: 20px;
}

#contact_us_questions {
	float:left;
	margin:-250px 0 0 25px;
	width: 800px;
	padding-left: 50px;
}