/* RESET default margin/padding in all browsers */
@import url('reset.css');

html {
	min-height: 100%;
	margin-bottom: 1px;  /* to render the sidebar for mozilla browers */
}

body { 
	margin: 10px;
	background-color: #FFFFFF;
}



#wrapper { 
	width:824px;
	margin: 0 auto;
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid #BFBFBF;
	border-top: 2px solid #DB6700;
	border-bottom: 2px solid #DB6700;
}

/*---------------------------------------------------------------------
HEADER Section
---------------------------------------------------------------------*/

#header{
	height: 120px;
	width: 822px;
	padding: 1px;
	background-color: #234F68;
	text-align: left;
	vertical-align: bottom;
	margin: 0;
}

/* right hand side */
#header_right {
	float:right;
	height: 120px;
	width: 514px;  
	padding: 0;
	margin: 0;
	background: transparent url(../images/header_slogan.gif) no-repeat 0px 10px;
}

#header_right h2 {
	color: #FFFFFF;
	font: normal 1.1em/1em Tahoma, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 1em 1em 0.5em 0;
}

#header_right h3 {
	color: #FFFFFF;
	font: normal 1em/1em Tahoma, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0 1em 0 0;
}

a.email_link {
	color: #FFFFFF;
	text-decoration: none;
}

/* Navigation */

.navigation {
	color: #F7F7F7;
	margin: 1.5em 2em 0 0;
	padding: 0px;
	text-align: right;
 }
.navigation a, .navigation a:visited 
{
	color:#F7F7F7;
	font: normal 0.75em Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.navigation a:hover, .navigation a:active
{
  text-decoration: underline;
  color: #FFFFCC;
}

.separator {
margin: 1px 0px;
width: 824px;
height: 1px;
border-bottom: 2px solid #333333;
float: left;
clear: right;
}


/*---------------------------------------------------------------------
Middle Section
---------------------------------------------------------------------*/

#left_column {
	height: 262px;
	width: 307px;
	float: left;
	text-align: left;
	margin: 0px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	}
	
#heating_column {
	height: 262px;
	width: 170px;
	float: left;
	margin: 0px;
	background-color: #8F1103;
	border-left: 1px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-top: none;
	border-bottom: 2px solid #FFFFFF;
}

#cooling_column {
	height: 262px;
	width: 170px;
	float: left;
	margin: 0px;
	background-color: #044E6B;
	border-left: 1px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-top: none;
	border-bottom: 2px solid #FFFFFF;
}

#plumbing_column {
	height: 262px;
	width: 169px;
	float: left;
	margin: 0px;
	background-color: #E78000;
	border-left: 1px solid #FFFFFF;
	border-right: none;
	border-top: none;
	border-bottom: 2px solid #FFFFFF;
	clear: right; /* last column */
}

#heating_column h4, #cooling_column h4, #plumbing_column h4 {
	color: #FFFFFF;
	font: normal 1em Tahoma, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0.5em 1em;
}

#heating_column h4 a, #cooling_column h4 a, #plumbing_column h4 a,
#heating_column h4 a:visited, #cooling_column h4 a:visited, #plumbing_column h4 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#heating_column h4 a:hover, #cooling_column h4 a:hover, #plumbing_column h4 a:hover,
#heating_column h4 a:active, #cooling_column h4 a:active, #plumbing_column h4 a:active {
  text-decoration: underline;
  color: #FFFFCC;
}

p.mid_section {
	color: #FFFFFF;
	font: normal 0.9em/1.3em Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 1em 0.5em;
}

p.more {
	text-align: right;
	margin-right: 10px;
}

/*---------------------------------------------------------------------
Bottom Section - INDEX
---------------------------------------------------------------------*/

#bottom_left {
	height: 325px;
	width: 307px;
	float: left;
	text-align: left;
	margin: 0px;
	background-color: #EDEDED;
	border-right: 1px solid #FFFFFF;
	}
	
#bottom_mid {
	height: 325px;
	width: 343px;
	float: left;
	margin: 0px;
	background-color: #EAEAEA;
	border: 1px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-top: none;
}

#bottom_right {
	height: 325px;
	width: 169px;
	float: left;
	margin: 0px;
	background-color: #EAEAEA;
	border: 1px solid #FFFFFF;
	border-right: none;
	border-top: none;
	clear: right; /* last column */
}

#bottom_left h4, #bottom_mid h4, #bottom_right h4 {
	color: #FFFFFF;
	font: normal 1em Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0;
	padding: 0.3em 1em;
	background-color: #000000;
}

#bottom_left h4 a, #bottom_mid h4 a, #bottom_right h4 a {
	color: #FFFFFF;
	text-decoration: none;
}

#bottom_left p, #bottom_mid p {
	color: #242424;
	font: normal 0.8em/1.3em Arial, Helvetica, sans-serif;
	margin: 1em;
}

/* appointment request form */

fieldset {
	margin: 1.5em 0 0 0;
	padding: 0;
}
fieldset ol {
	padding: 0;
	list-style: none;
}
fieldset li {
	padding-left: 0;
	padding-bottom: 0.5em;
}
label {
	float: left;
	width: 5em;
	margin-right: 1em;
	text-align: right;
}
input.text, textarea.text {
	color: #333333;
	background-color: #FFFFFF;
	width: 170px;
	padding: 3px;
    border: 1px solid #CCCCCC;
	font: normal 0.9em Tahoma, Arial, Helvetica, sans-serif;
}
input.btn_submit {
	background-color: #044E6B;
	color: #FFFFFF;
	font: normal bold 0.8em Arial, Helvetica, sans-serif;
	border: 1px solid #333333;
	padding: 0 1em;
}
input.btn_reset {
	background-color: #044E6B;
	color: #FFFFFF;
	font: normal bold 0.8em Arial, Helvetica, sans-serif;
	border: 1px solid #333333;
	padding: 0 1em;
	margin-right: 1em;
}
/* css for contact form */
label.lbl_contact {
	float: left;
	width: 10em;
	margin-right: 1em;
	text-align: right;
}
input.txt_contact, textarea.txt_contact {
	color: #333333;
	background-color: #FFFFFF;
	width: 500px;
	padding: 3px;
    border: 1px solid #CCCCCC;
	border-right: 2px solid #BBBBBB;
	border-bottom: 2px solid #BBBBBB;
	font: normal 0.9em Tahoma, Arial, Helvetica, sans-serif;
}
input.btn_margin {
	margin-right: 127px;
}

#bottom_right p {
	color: #716B6B;
	font: italic bold 0.8em Arial, Helvetica, sans-serif;
	margin: 1em;
}

#bottom_right p.links {
	text-align: right;
	margin: 1em;
}

#bottom_right a {
	font: normal 0.9em 	Arial, Helvetica, sans-serif;
	color: #0E4BBA;
	text-decoration: underline;
}

#bottom_right a:hover {
	text-decoration: none;
	color: #8F1103;
}

/*---------------------------------------------------------------------
SUB PAGES
-----------------------------------------------------------------------*/

/* BOTTOM SECTION - single div */

#bottom {
	width: 824px;
	text-align: left;
	margin: 0px;
	background-color: #FFFFFF;
	float: left;

}
#bottom h4 {
	color: #FFFFFF;
	font: normal 1em Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0;
	padding: 0.3em 1em;
	background-color: #000000;
}
#bottom h1 {
	color: #8F1103;
	font: normal 2.2em Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0.3em 1.5em;
	clear: both;
}
#bottom h5{
	color: #8F1103;
	font: normal bold 1em Arial, Helvetica, sans-serif;
	margin: 0.5em 1em;
}

/* specific styles for cooling.htm */

#bottom .blue_header {
	color: #044E6B;
}

#bottom .main_header {
	text-align: left; 
	margin-left: 10px
}

div.blue_separator {
height: 1px;
margin: 1em 0.5em;
border-bottom: 1px solid #044E6B;
}

#bottom p {
	font-size: 0.9em;
	margin: 0.5em 1em;
}

#bottom p a {
	color: #0E4BBA;
	text-decoration: underline;
}

#bottom p a:hover {
	color: #0000FF;
	text-decoration: none;
}

/* sub divs for single div */
#bottom .image_div {
	float: left;
	width: 262px;
	text-align: right;
	vertical-align: bottom;
	padding-top: 0.9em
}

/* specific styles for div that holds majestic/monessen images */
#bottom .majestic{
  background: transparent url(../images/gas_fireplace.gif) no-repeat center right;
  width: 247px;
  height: 80px;
  padding: 30px 0 0 15px;
  text-align: left;
  vertical-align: middle;
}

#bottom .desc_div {
	float: left;
	width: 555px;
	text-align: left;
}

#bottom .separator {
	margin: 0.5em;
	margin-left: 65px;
	width: 724px;
	height: 1px;
	border-bottom: 1px solid #8F1103;
	clear: both;
}

/*BOTTOM SECTION - double div */
/* the two right divs in index file are combined into one div */

#bottom_double_div {
	height: 325px;
	width: 515px;
	float: left;
	margin: 0px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-right: none;
	border-top: none;
}

#bottom_double_div h4 {
	color: #FFFFFF;
	font: normal 1em Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0;
	padding: 0.3em 1em;
	background-color: #000000;
}

#bottom_double_div h1 {
	color: #E78000;
	font: normal 2.2em Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0.3em;
	clear: both;
}
#bottom_double_div h5{
	color: #E78000;
	font: normal bold 1em Arial, Helvetica, sans-serif;
	margin: 0.6em;
}

#bottom_double_div p {
	font: normal 0.8em/1.3em Arial, Helvetica, sans-serif;
	margin: 0.5em 1em;
}

.bg_grey {
	background-color: #EDEDED;
}

/* specific styles for about us page */

span.names {
	font: normal 0.9em/1.3em Arial, Helvetica, sans-serif;
	margin-left: 1em;	
}
span.names_margin {
	margin-left: 12em;
}

/* specific styles for services page */

#bottom_double_div .blue_header {
	color: #2E4ADC;
}

/*specific styles for testimonials page */

p.testimonials {
	font-size: 0.9em;
	margin: 1em 1.5em;
}

p.blue {
	color: #1C71AC;
}

p.brown {
	color: #B93410;
}

p.green {
	color: #0D9239;
}

/*---------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------*/

#footer { 
	width:826px;
	height: 21px;
	margin: 1px auto;
	padding: 2px;
	background: transparent url(../images/footer_bg.gif) repeat-x;
	font: normal 0.8em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

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