/* mac hide\*/
html, body {height:100%}
/* end hide */

body {
background-color:#ffffff;
background-image: url(../images/rock_bg_repeat.jpg);
background-repeat: repeat-y;
background-position: center 458px; 
   padding:0;
   margin:0;
   text-align:center; /* for ie6 and under */
  width:100%;
height:100%;
   color: #000000;
}

#website_phone
{
background-image: url(../images/website_phone.jpg);
background-repeat: no-repeat;
backgorund-postion: top right;
width: 288px;
height: 85px;
float:right;
}

#website_logo
{

width: 336px;
height: 85px;
float:left;
cursor:pointer;
}



#container
{
background-image: url(../images/temp_top.png);
background-repeat: no-repeat;
background-position: center top; 
width:100%;
min-height:100%;
}

#container2
{
background-image: url(../images/website_top.png);
background-repeat: no-repeat;
background-position: center top; 
width:100%;
min-height:100%;
}


#outer{
height: auto !important;
height: 100%;
   width:998px; /* add 2px if borders are not used */
   color: #000000;
   text-align:left;
   margin:auto;
   position:relative;
margin: 0 auto -137px;
/* The background image needs to be the same width as the #left div. The one I used is 138px X 9px */
}
 
* html #outer{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/

#home_promo
{
padding-top:15px;
padding-left:14px;
padding-right:15px;
float:left;
width:964px;
}

#flash_promo
{
width:655px;
float:left;
}

#seasonal_promo
{
width:298px;
float:right;
}

#header{
   
   min-height:85px;
   position:relative;
   width:998px;
text-align:center;
}

hr{
color:#c00;background-color:#563D1F;height:1px;border:none;
}

#header2{
   
   min-height:139px;
   position:relative;
   width:915px;
text-align:center;
}



#news_container
{
width:404px;
margin-left:20px;
float:left;
position:relative;
}

#news_header
{
width:404px;
height:28px;
background: url(../images/news_top.jpg) no-repeat top center;
float:left;
}

#news_footer
{
width:404px;
background: url(../images/news_bottom.jpg) no-repeat bottom center;
float:left;
}

#news_footer P
{
margin-top:0px;
margin-bottom:0px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px; 
color:#000;
padding:10px
}

#header_content{
   
   min-height:203px;
   position:relative;
   width:915px;
text-align:center;
}

#header_content2{
   
   min-height:139px;
   position:relative;
   width:915px;
text-align:center;
}

#header_left
{
   background: url(../images/header_left.jpg) no-repeat top center;
   width:217px;
   height:161px;
   float:left;
   cursor:hand;
}

#header_left2
{
   background: url(../images/header_left2.jpg) no-repeat top center;
   width:217px;
   height:97px;
   float:left;
   cursor:hand;
}

#mid_content
{
   background: url(../images/bottom_logo.jpg) no-repeat top left;
   width:915px;
   height:320px;
   float:left;
}

#mid_content
{
   background: #000000 url(../images/bottom_logo.jpg) no-repeat top left;
   width:915px;
   position:relative;
}

#mid_content2
{
   background: url(../images/bottom_logo2.jpg) no-repeat top left;
   width:915px;
   float:left;
}

#header_right
{
   background: url(../images/header_right.jpg) no-repeat top center;
   width:698px;
   height:161px;
   float:right;
}

#header_right2
{
   background: url(../images/header_right2.jpg) no-repeat top center;
   width:698px;
   height:97px;
   float:right;
}

#logo_bottom
{
   background: url(../images/logo_bottom.jpg) no-repeat top center;
   width:217px;
   height:42px;
   float:left;
cursor:hand;
}

#logo_bottom2
{
   background: url(../images/logo_bottom2.jpg) no-repeat top center;
   width:217px;
   height:42px;
   float:left;
cursor:hand;
}

#roll_call
{
   background: url(../images/roll_call.jpg) no-repeat top center;
   width:337px;
   height:117px;
   float:right;
clear:both;
margin-top:12px;
margin-right:5px;
text-align:left;
}

#welcome_header
{
padding-top:28px;
padding-left:15px;
}

#roll_call_content
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 12px; 
color:#4F3524;
padding:26px 15px 10px 15px;

}


#vhcc_div
{
   background: url(../images/vhcc_div.gif) no-repeat top center;
   height:29px;
   width:597px;
   padding-top:5px;
   padding-bottom:5px;
}

#header_nav
{
   float:right;
   color:#463120;
   padding-right:20px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 11px; 
padding-top:6px;
}



#quote
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 12px; 
color:#96b497;
font-style: italic;
float:right;
padding-top:50px;
padding-right:20px;
width:500px;
clear:both;
text-align:right;
}

#buttons
{
margin-left:30px;
margin-top:30px;
border-right:1px solid #c8c29d;
width:300px;
}

#unilock
{
padding-top:20px;
padding-left:37px;
float: left;
}

#menu
{
float:left;
height:42px;
padding-left:0px;
}

#front_intro {
   min-height:313px;
   width: 952px;
   background:inherit;
   position:relative;
}

#home_text
{
float:left;
width:600px;
margin-top:15px;
margin-left:15px;
}

#home_text H2
{
font-family: 'Trebuchet MS', Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 24px;
font-weight: normal;
letter-spacing:-1px;
margin-top:0px;
padding-bottom:0px;
margin-bottom:8px;
}

#home_text P
{
margin-top:0px;
font-family: 'Trebuchet MS', Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px;
font-weight: normal;
}



#choice
{
   background: url(../images/i_want_to.jpg) no-repeat top center;
width:599px;
height:120px;
margin-top:20px;
}

#choice SELECT
{
margin-top:65px;
margin-left:20px;
font-family: 'Trebuchet MS', Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 20px;
font-weight:normal;
letter-spacing:-1px;
}

#flash{
float:right;
width:355px;
padding-right:15px;
padding-top:10px;
}

#intro_text
{
float:left;
width: 364px;
min-height: 313px;
background:#000 url(../images/intro_text.jpg) repeat-y top center;
}

* html #header{height:70px}
#left {
   position:relative;/*ie needs this to show float */
   width:262px;
   float:left;
   color:#fff
}

#left_content {
   position:relative;/*ie needs this to show float */
   width:190px;
   float:left;
   color:#fff;
   padding-left:20px; 
   padding-top:20px;
}

#left p {padding:2px}

#clearfooter {width:100%;height:20px;clear:both;} /* to clear footer */ 

#footer {
   background: url(../images/website_footer_bg.jpg) repeat-x top center;
   width:auto; /* add 2px if borders are not used on the #outer div */
   height:137px;
   color: #000000;
   text-align:center;
   left:0;
   bottom:0px;
   position: relative;
   clear:both;
margin-left:4px;
width:990px
}

#material
{
float:left;
padding-left:20px;
padding-top:5px;
}

#idea_guide
{
float:left;
padding-left:20px;
padding-top:15px;
}

#quality_brands
{
float:left;
padding-left:20px;
padding-top:15px;
width:250px;
}

#logos
{
float:left;
width:120px;
padding:2px;
}


#footer p, a
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 12px; 
color: #DCD9B6; 

}

* html #container2 #footer {/*only ie gets this style*/
   \height:137px;/* for ie5 */
   he\ight:137px;/* for ie6 */
   margin-bottom:-1px;
}
div,p  {margin-top:0}/*clear top margin for mozilla*/

#centrecontent {
   width:622px;
   float:right;
}

H1
{
font-family: Arial Narrow, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 34px;
font-weight: bold; 
letter-spacing:-1px;
color: #000; 
padding-top:10px;
}

H2
{
font-family: 'Trebuchet MS', Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 15px;
font-weight: bold; 
letter-spacing:-1px;
color: #000; 
padding-top:10px;
}

#flash_movie
{
width:290px;
padding-left:20px;
padding-top:10px;
}

#centrecontent IMG {
padding-top: 10px;
padding-bottom:10px;
}

#front_content
{
background: url(../images/bottom_logo.jpg) no-repeat top left;
float:left;
width:455px;
min-height:400px;
position:relative
}

#front_content P
{
padding-left:20px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px; 
color: #000000; 
padding-right:28px;
text-align: justify;
line-height:20px;
}

#content_content
{
float:right;
width:630px;
}

#content_content P
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px; 
color: #000000; 
padding-right:28px;
text-align: justify;
line-height:20px;
}

#content_content li
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px; 
color: #000000; 
padding-right:28px;
text-align: justify;
line-height:20px;
padding-top:10px;
padding-bottom:10px;
}

#content_content ul ul
{
list-style-type: square;
padding-top:0px;
padding-bottom:0px;
background-color:#b3a18a;
}

#content_content ul
{
padding-top:8px;
padding-bottom:8px;
}

#content_content ol li
{
padding-top:8px;
padding-bottom:8px;
}

#content_content ul li
{
padding-top:4px;
padding-bottom:4px;
}

#footer A
{
color:#ffffff;
}

#centrecontent p{
padding-left:3px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px; 
color: #000000; 
padding-right:20px;
text-align: justify;
line-height:20px;
}

#centrecontent p.introduction {
padding-left:3px;
font-family: Garamond, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 19px; 
color: #000000; 
padding-right:20px;
text-align: justify;
line-height:20px;
}

#centrecontent_content {
   width:722px;
   float:right;
}

#centrecontent_content p{
padding-left:3px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px; 
color: #000000; 
padding-right:20px;
text-align: justify;
line-height:20px;
}

#centrecontent_content p.introduction {
padding-left:3px;
font-family: Garamond, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 19px; 
color: #000000; 
padding-right:20px;
text-align: justify;
line-height:20px;
}



#gallery_but
{
padding-top:175px;
padding-left:20px;
}

#main-menu
{
padding-top:5px;
padding-left:17px;
float:left;
clear:both;
}


#navMain {
background:url(../images/nav_bg2.jpg) no-repeat;
position:relative;
width:964px;
height:49px;
top:0;
display:block;
overflow:hidden;
font-size:85%;
}

#navMain li {
display:block;
position:absolute; 
top:0;
height:49px;}

#navMain li a {
display:block;
height:49px;
text-indent:-1000em;}

#navMain .nHome {left:0; width:80px;}
#navMain .nHeating {left:80px; width:94px;}
#navMain .nCentral {left:174px; width:112px;}
#navMain .nWater {left:286px; width:161px;}
#navMain .nPlumbing {left:447px; width:106px;}
#navMain .nCommercial {left:553px; width:124px;}
#navMain .nAbout {left:677px; width:173px;}
#navMain .nContact {left:850px; width:114px;}

#navMain .nHome a:hover, #navMain .nHome a.active {background:transparent url(../images/nav_bg2.jpg) no-repeat 0 -49px;}
#navMain .nHeating a:hover, #navMain .nHeating a.active {background:transparent url(../images/nav_bg2.jpg) no-repeat -80px -49px;}
#navMain .nCentral a:hover, #navMain .nCentral a.active {background:transparent url(../images/nav_bg2.jpg) no-repeat -174px -49px;}
#navMain .nWater a:hover, #navMain .nWater a.active {background:transparent url(../images/nav_bg2.jpg) no-repeat -286px -49px;}
#navMain .nPlumbing a:hover, #navMain .nPlumbing a.active {background:transparent url(../images/nav_bg2.jpg) no-repeat -447px -49px;}
#navMain .nCommercial a:hover, #navMain .nCommercial a.active {background:transparent url(../images/nav_bg2.jpg) no-repeat -553px -49px;}
#navMain .nAbout a:hover, #navMain .nAbout a.active {background:transparent url(../images/nav_bg2.jpg) no-repeat -677px -49px;}
#navMain .nContact a:hover, #navMain .nContact a.active {background:transparent url(../images/nav_bg2.jpg) no-repeat -850px -49px;}


html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
background-color: #decfbd;
color: #414137;
}

form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0;
	width:370px;
	padding:14px;
}



	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #432D22;
		background:#ffffff;
		float:left;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#000000;
		margin-bottom:20px;
		border-bottom:solid 1px #432D22;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size: 13px;
	}
	#stylized .small{
		color:#000000;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
		font-family: 'Trebuchet MS',Arial;
	}
	#stylized input{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #432D22;
		width:150px;
		margin:2px 0 15px 10px;
	}

	#stylized div{
		float:left;
		font-size:12px;
		padding:4px 2px;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized div INPUT{

		font-size:12px;
		float:none;
		width:20px;
		margin:2px 0 5px 0px;
	}

	#stylized select{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:11px;
		padding:4px 2px;
		border:solid 1px #432D22;
		width:150px;
		margin:2px 0 20px 10px;
	}

	#stylized img{
		float:left;
		padding:4px 2px;
		border:solid 1px #432D22;
		margin:0px 0 10px 150px;
	}

	#stylized textarea{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #432D22;
		width:175px;
		margin:2px 0 20px 10px;
	}

	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(../images/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}

form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform2{
	margin:0;
	width:316px;
	padding:14px;
}



	/* ----------- stylized ----------- */
	#stylized2{
		border-bottom:solid 3px #cbcbcb;
		border-left:solid 3px #cbcbcb;
		border-right:solid 3px #cbcbcb;
		background:#ffffff;
		float:left;
	}
	#stylized2 h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized2 .intro{
		font-size:11px;
		line-height:14px;
		color:#000000;
		margin-bottom:20px;
		border-bottom:solid 1px #432D22;
		padding-bottom:10px;
		margin-top:0px;
		padding-top:0px;
	}
	#stylized2 label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size: 13px;
	}
	#stylized2 .small{
		color:#000000;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
		font-family: 'Trebuchet MS',Arial;
	}
	#stylized2 input{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #432D22;
		width:120px;
		margin:2px 0 15px 10px;
	}

	#stylized2 div{
		float:left;
		font-size:12px;
		padding:4px 2px;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized2 div INPUT{

		font-size:12px;
		float:none;
		width:20px;
		margin:2px 0 5px 0px;
	}

	#stylized2 select{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:11px;
		padding:4px 2px;
		border:solid 1px #432D22;
		width:150px;
		margin:2px 0 20px 10px;
	}

	#stylized2 img{
		float:left;
		padding:4px 2px;
		border:solid 1px #432D22;
		margin:0px 0 10px 150px;
	}

	#stylized2 textarea{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #432D22;
		width:175px;
		margin:2px 0 20px 10px;
	}

	#stylized2 button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(../images/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}


#errorMessage
{
		border:solid 2px #890d0d;
		background:#bf1313;
		font-color:#fff;
		font-family: 'Trebuchet MS',Arial;
		font-size:13px;
		font-weight: bold;
		width:100%;
		padding:5px;
		margin-bottom:10px;
}

#successMessage
{
		width:100%;
		border:solid 2px #25890d;
		background:#38ba1a;
		font-color:#fff;
		font-family: 'Trebuchet MS',Arial;
		font-size:13px;
		font-weight: bold;
		padding:5px;
		margin-bottom:10px;
}

#physical_address
{
		font-color:#000;
		font-family: 'Trebuchet MS',Arial;
		font-size:14px;
		font-weight: normal;
		width:180px;
		padding-right:20px;
		padding-left:20px;
		float:right;
}

#footer_modules
{
margin-top:30px;
padding-top:20px;
width:480px;
float:right;
height:80px;
padding-right:20px;
}

#footer_module
{
text-align:left;
width:150px;
float:left;
padding-left:10px;
}

#footer_module H5
{
font-family: Georgia, Lucida, Geneva, Helvetica, Arial, sans-serif; 
margin-top:4px;
margin-bottom:0px;
font-size: 16px;
font-weight:normal; 
letter-spacing:-1px;
color: #fff; 
padding-top:0px;
}

#footer_module P
{
font-family: 'Trebuchet MS', Lucida, Geneva, Helvetica, Arial, sans-serif; 
margin-top:5px;
font-size: 13px;
font-weight:normal; 
color: #fff; 
padding-top:0px;
padding-right: 15px;
}

A{
font-weight:bold;
}

#position_image
{
width:150px;padding:10px;float:left;min-height:167px;
}

#position_image IMG
{
border: 4px #563D1F solid;
}

#position_text
{
width:400px;padding-left:15px;float:left;
}

#position_text H3
{
font-family: 'Arial Narrow', Lucida, Geneva, Helvetica, Arial, sans-serif; 
margin-top:5px;
font-size: 18px;
font-weight:bold; 
color: #563D1F; 
margin-top:15px;
margin-bottom:0px;
}

#position_text P
{
margin-top:0px;
font-family: 'trebuchet ms', Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px;
font-weight:normal; 
color: #000; 
line-spacing:14px;
}

P.blurb
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px; 
font-style: oblique;
}

H5.news_title
 {
  font-family: 'Trebuchet MS',Arial,sans-serif;
  font-style: normal;
  font-size: 16px;
  font-weight: bold;
  letter-spacing:-1px;
  color: #000;
  margin-bottom:-10px;
}


ol li a
{
  font-family: 'Trebuchet MS',Arial,sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: bold;
}

#gallery_container{
   position:relative;
   width:600px;
   clear:both;
   padding-top:15px;
}

#gallery_image{
float:left;
   position:relative;
}

#gallery_image img{
border:5px #670001 solid;
}

#gallery_description{
   padding-left:10px;
   float:left;
   position:relative;
}

#gallery_description H1{
font-family: Georgia, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 24px;
letter-spacing:-1px; 
font-weight:normal;
color: #000;
margin-top:0px;
line-height:20px; 
padding-top:0px;
}

#gallery_detail
{
padding:10px;
float:left;
}

#gallery_detail img
{
border: 6px #670001 solid;
display:block;
}

#navcontainer
{
width: 210px;
padding: 0;
color: #333;
background-color:#000;
background-image: url('../images/cat_bg.jpg');
background-repeat: y-repeat;
background-position: top center;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #fff;
margin-left:10px;
margin-right:10px;
}

#navcontainer li a
{
display: block;
padding: 10px 10px 10px 0.5em;
color: #2c2c2c;
text-decoration: none;
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 12px;
font-weight: bold; 
letter-spacing:0px;
}

html>body #cat_body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
background-color: #e2e2e2;
color: #000;
}


#cat_header{
height:57px;
width:210px;
background-color:#fff;
background-image: url('../images/cat_header.jpg');
background-repeat: no-repeat;
background-position: top center;
}

#cat_body{
min-height:205px;
width:210px;
background-image: url('../images/cat_body.jpg');
background-repeat: no-repeat;
background-position: top center;
}

#cat_header SPAN
{
font-family: Arial, Tahoma, Trebuchet MS, Geneva, sans-serif;
font-weight:bold;
font-size:16px;
line-height:60px;
letter-spacing:-1px;
padding-left:25px;
color:#fff;
}

#cat_footer{
height:19px;
width:210px;
background-image: url('../images/cat_footer.jpg');
background-repeat: no-repeat;
background-position: top center;
}

#mainbody {width:998px; color:#333; text-align:left; background:#fbfbfb url(../images/main_bg.jpg) repeat-x top center;}

#main_content 
{
float:right;
width:705px;
padding-top:15px;
text-align:left;
padding-left:10px;
padding-right:30px;
display:block;
}

#main_content H1
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 26px;
font-weight:normal;
letter-spacing:-1px;
}

#main_content P
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px;
font-weight:normal;
line-height:19px;
text-align:justify;
}

#main_content table td
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px;
font-weight:normal;
line-height:19px;
text-align:justify;
}

#main_content UL
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px;
font-weight:normal;
line-height:18px;
text-align:justify;
padding-left:30px;
line-height:19px;
}

#main_content OL
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px;
font-weight:normal;
line-height:18px;
text-align:justify;
padding-left:30px;
padding-top:15px;
line-height:19px;
}


#main_content  A
{
color:#aa2323;
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px;
font-weight:bold;
line-height:19px;
}

#main_content  A:hover
{
color:#000;
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px;
font-weight:bold;
line-height:19px;
}

#left_menu
{
float:left;
margin-left:15px;
padding-top:12px;
}

#menu_top
{
padding-left:17px;
padding-top:10px;
}

#home_box1
{
width:228px;
height:274px;
background-color:#fff;
background-image: url('../images/home_tankless_bg.jpg');
background-repeat: no-repeat;
background-position: top center;
float:left;

}

#home_box1 P
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
color:#fff;
font-size: 13px;
font-weight:normal;
text-align:justify;
padding-left:20px;
padding-right:20px;
padding-top:140px;
line-height:14px;
}

#home_box2
{
width:228px;
height:274px;
background-color:#fff;
background-image: url('../images/home_rebate_bg.jpg');
background-repeat: no-repeat;
background-position: top center;
float:left;
margin-left:15px;
}

#home_box2 P
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
color:#fff;
font-size: 13px;
font-weight:normal;
text-align:justify;
padding-left:20px;
padding-right:20px;
padding-top:120px;
line-height:14px;
}

#home_box3
{
width:228px;
height:274px;
background-color:#fff;
background-image: url('../images/home_service_bg.jpg');
background-repeat: no-repeat;
background-position: top center;
float:left;
margin-left:15px;
}

#home_box3 P
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
color:#fff;
font-size: 13px;
font-weight:normal;
text-align:justify;
padding-left:20px;
padding-right:20px;
padding-top:120px;
line-height:14px;
}

#home_box4
{
width:228px;
height:274px;
background-color:#fff;
background-image: url('../images/home_testimonials_bg.jpg');
background-repeat: no-repeat;
background-position: top center;
float:left;
margin-left:15px;
}

#home_box4 P
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
color:#fff;
font-size: 13px;
font-weight:normal;
text-align:justify;
padding-left:20px;
padding-right:20px;
padding-top:120px;
line-height:14px;
}

.commentbox{
background-color: #e1e1e1;
width: 100%;
padding: 10px;
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px;
line-height:16px
color:#000;
}


.commentfooter{
background: url('../images/arrow_test.gif') no-repeat 20px 0; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
color: #000000;
font-family: 'Trebuchet MS', Arial, sans-serif; 
font-size: 12px;
line-height:17px;
}

#footerLeft
{
margin-top:35px;
margin-left:20px;
float:left;
width:384px;
}

#footerMain {
background:url(../images/footer_bg2.jpg) no-repeat;
position:relative;
width:354px;
height:98px;
top:0;
display:block;
overflow:hidden;
font-size:85%;
}

#footerMain li {
display:block;
position:absolute; 
top:0;
height:98px;}

#footerMain li a {
display:block;
height:98px;
text-indent:-1000em;}

#footerMain .nFacebook {left:0; width:107px;}
#footerMain .nBlog {left:107px; width:127px;}
#footerMain .nSale {left:234px; width:120px;}

#footerMain .nFacebook a:hover, #footerMain .nFacebook a.active {background:transparent url(../images/footer_bg2.jpg) no-repeat 0 -98px;}
#footerMain .nBlog a:hover, #footerMain .nBlog a.active {background:transparent url(../images/footer_bg2.jpg) no-repeat -107px -98px;}
#footerMain .nSale a:hover, #footerMain .nSale a.active {background:transparent url(../images/footer_bg2.jpg) no-repeat -234px -98px;}