.menu {text-align:left; margin:0; padding:0; left:0px;}
.menu .options {
margin-right:1px;
margin-bottom:1px; }

A {
color: #000000;
text-decoration: underline;
}

A.front_link {
color: #ffffff;
font-weight: bold;
text-decoration: underline;
font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 12px;
line-height:18px;
}

A:hover.front_link
{
text-decoration:none;
}

INPUT, TEXTAREA
{
font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 11px;
color: #000000; 
}

.search
{
font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px;
font-weight:bold;
color: #ffffff; 
}

.phone
{
font-family:  Century Gothic, Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px;
font-weight:bold;
color: #5e607a; 
}

.commentbox{
background-color: #dbddf1;
width: 100%;
padding: 10px;
font-family: 'Trebuchet MS', Arial, sans-serif; 
font-size: 14px;
line-height:16px
}


.commentfooter{
background: url('../images/arrow.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;
}

#learn_box
{
background-color:#e5e6f8;
background-image: url('../images/learn_box.jpg');  
background-repeat: no-repeat; 
background-position: top center;
width:205px;
height:233px;
}

#explore_box
{
background-color:#e5e6f8;
background-image: url('../images/explore_box.jpg');  
background-repeat: no-repeat; 
background-position: top center;
width:205px;
height:233px;
}

#shop_box
{
background-color:#e5e6f8;
background-image: url('../images/shop_box.jpg');  
background-repeat: no-repeat; 
background-position: top center;
width:205px;
height:233px;
}

#box_container
{
padding-top:45px;
padding-left:8px;
}

#box_container H5
{
font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 16px; 
color: #ffffff; 
letter-spacing:-1px;
font-weight:bold;
margin-top:0px;
padding-bottom:10px;
}

Fieldset
{
height:150px;
}

#box_text
{
font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 12px; 
color: #ffffff; 
padding-top:10px;
}

Legend
{
font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 16px; 
letter-spacing:-1px;
font-weight:bold;
color: #ffffff; 
}

Legend.commercial
{
font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 16px; 
letter-spacing:-1px;
font-weight:bold;
color: #000000; 
}

.header
{
padding-top:18px;
font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px; 
letter-spacing:0px;
font-weight:bold;
color: #C8003C; 
}

A:hover.header
{
text-decoration: none;
}

Body
{   
background-color:#e5e6f8;
background-image: url('../images/pagebg_top.gif');  
background-repeat: repeat-x; 
background-position: top center;
margin-top: 0;   
margin-right: 0;   
margin-bottom: 0;   margin-left: 0; 
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px; 
color: #000000; 
text-align: center; 
line-height: 13px;
}

P {
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px; 
color: #000000; 
line-height: 18px;
text-align:justify;
}

.form {
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px; 
color: #000000; 
}

.main_heading {
font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 30px; 
padding: 55px 0px 12px 0px;
color: #000000; 
letter-spacing:-1px;
}

#coupon{
border: 2px dashed #000000; 
padding: 20px;
color: #000000; 
background-color:#ffffff;
}

H1.coupon{
font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 30px; 
letter-spacing:-1px;
line-height:30px;
text-align:center;
}

.footer {
font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 11px; 
color: #646464; 
}

A.footer {
font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 10px; 
color: #646464; 
}

hr {border: none 0; 
border-top: 1px dashed #B8B8B8;/*the border*/
width: 100%;
margin-top: -3px;
margin-bottom: -4px;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

.menu a {
color:#000000;
font:11px Arial, sans-serif;
display:block;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
padding:4px 13px;
text-decoration:none;}

.options {
border:none;
border-bottom-width:0;
margin-bottom:-10px;
background:#F5F4F0 url(../images/bg_dropdown.gif) repeat-x top;}
.options a { margin:0 1px; padding-right:10px; }
.options a:link { color:#000; }
.options a:visited { color:#000;}
.options a:hover, .options a:active { background-color:#97d59a; color:#000000; }

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

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

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

#navMain .nHome {left:0; width:105px;}
#navMain .nPlumbing {left:105px; width:102px;}
#navMain .nHeating {left:207px; width:93px;}
#navMain .nAirconditioning {left:300px; width:143px;}
#navMain .nWaterpurification {left:443px; width:162px;}
#navMain .nTestimonials {left:605px; width:123px;}
#navMain .nContact {left:728px; width:136px;}

#navMain .nHome a:hover, #navMain .nHome a.active {background:transparent url(../images/nav_bg.jpg) no-repeat 0 -56px;}
#navMain .nPlumbing a:hover, #navMain .nPlumbing a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -105px -56px;}
#navMain .nHeating a:hover, #navMain .nHeating a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -207px -56px;}
#navMain .nAirconditioning a:hover, #navMain .nAirConditioning a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -300px -56px;}
#navMain .nWaterpurification a:hover, #navMain .nWaterPurification a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -443px -56px;}
#navMain .nTestimonials a:hover, #navMain .nTestimonials a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -605px -56px;}
#navMain .nContact a:hover, #navMain .nContact a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -728px -56px;}

input.btn{
   color:#000000;
   font-family:tahoma,helvetica,sans-serif;
   font-size:13px;
   width:25px;
   font-weight:bold;
   background-color:#B7C4D7;
   border:1px solid;
   border-top-color:#FFDA70;
   border-left-color:#FFDA70;
   border-right-color:#796126;
   border-bottom-color:#796126;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#C49C31');}


.sub_body
{   
background: url("../images/sub_bg.jpg"); height: 100%; background-repeat: repeat-x;  margin-top: 0;   margin-right: 0;   margin-bottom: 0;   margin-left: 0; background-position: top center;	font-family: Tahoma, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 13px; color: #000000; text-align: center; line-height: 13px;
}
TD
{
	font-family: Tahoma, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 13px; color: #000000; line-height: 16px;
}
SELECT
{
	font-family: Tahoma, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 13px; color: #000000; line-height: 16px;
}
H5
{
	font-family: 'Arial Narrow', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 31px; font-weight:bold; color: #95002C; line-height: 16px; letter-spacing:-1px;margin-bottom:9px;padding-top:6px;
}

H2
{
	font-family: Century Gothic, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 14px; font-weight:bold; color: #000000; line-height: 16px; letter-spacing:-1px;margin-bottom:15px;
}
H1
{
	font-family: Century Gothic, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 18px; font-weight:bold; color: #000000; line-height: 16px; letter-spacing:-1px;margin-bottom:15px;
}

H5.callout
{
	font-family: 'Arial Narrow', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 31px; font-weight:bold; color: #95002C; line-height: 16px; letter-spacing:-1px;margin-bottom:9px;
}

H3.callout2
{
	font-family: 'Arial', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 16px; font-weight:bold; color: #000; line-height: 16px; letter-spacing:-1px;margin-bottom:15px;margin-top:0px;
}

H4
{
	font-family: 'Arial Narrow', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 22px; font-weight:bold; color: #95002C; line-height: 16px; letter-spacing:-1px;margin-bottom:9px;
}
H3
{
	font-family: 'Arial', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 16px; font-weight:bold; color: #000; line-height: 16px; letter-spacing:-1px;margin-bottom:15px;margin-top:0px;
border-bottom: #cdcdcd 1px dashed; 
}
#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;

	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:178px;	
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #000;
		text-decoration:none;	
		display:block;
		clear:both;
		width:170px;	
		padding-left:4px;	
		padding-top: 6px;

	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:1px;
		font-weight:heavy;
		background-color: #ffffff;
		font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
		font-size: 13px; 
		letter-spacing:0px;
		color: #020685; 
		height:22px;
		border-top:1px solid #D2D3E4; 
	}	

	#dhtmlgoodies_slidedown_menu a:hover{
		text-decoration:underline;	
	}

	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
		font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
		font-size: 13px; 
		font-weight:normal;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-style:italic;
		color:blue;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}
	#leftMenu{
		width:180px;
		padding-left:10px;
		padding-right:10px;
		float:left;
	}

H2.project
{
	font-family: Century Gothic, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 14px; font-weight:bold; color: #000000; line-height: 16px; letter-spacing:-1px;margin-bottom:-20px;
}
P.project
{
	font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 12px; color: #000000; line-height: 16px;
}

table#calendar_control {
  z-index: 10;
  font-family: Arial;
  position: absolute;
  border-collapse: collapse;
  background: white;
  border: 1px solid silver;
  cursor: default;
}

.small_home
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size: 12px; font-weight:normal; color: #000000; padding-top:7px;
}

table#calendar_control td {
  text-align: center;
  vertical-align: middle;
  padding: 2px;
}

td#calendar_prev_month,  td#calendar_next_month,
td#calendar_prev_year,  td#calendar_next_year {
  cursor: pointer;
}
table#calendar_control td#calendar_prev_month {
  text-align: left;
}
table#calendar_control td#calendar_next_month {
  text-align: right;
}

td#calendar_header {
  font-size: 13px;
  font-weight: bold;
}

table#calendar_control td.day_letter {
  font-size: 10px;
  background: gainsboro;
}

table#calendar_control td.day_number {
  width: 22px;
  height: 20px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  border: 1px solid #6487ae;
  cursor: pointer;
}
table#calendar_control td.normal {
  background: #c4d3ea;
}
table#calendar_control td.blank {
  background: aliceblue;
  background: #d4e3fa;
}
table#calendar_control td.hover {
  background: #fff799;
}
table#calendar_control td.selected {
  background: #ffcc66;
}
table#calendar_control td.weekend {
  color: blue;
}
table#calendar_control td.today {
  color: red;
}

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



	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #bcbcbc;
		background:#fff;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#000;
		margin-top:0px;
		margin-bottom:20px;
		border-bottom:solid 1px #BCBCBC;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:120px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:120px;
	}
	#stylized input{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:150px;
		margin:2px 0 20px 10px;
	}

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

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

	#stylized textarea{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		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;
	}

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

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

ul.ul_padding li {
padding-top:5px;
}

ul.ul_padding b {
color:#95002C;
}