/* CSS Document */
/*
================================================================================
|                                     TAGS                                     |
================================================================================
*/

body{
	padding:0;
	margin:0;
	background-color:#ffffe4;
	color:#535353;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
}
a, a:hover{
	color:#b45213;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
}
a:hover{text-decoration:none}
img {border:0px}
br {line-height:0px}
/*blocks position*/
.horiz_cols {float:left;}

/*
================================================================================
|                                     FONTS:                                   |
================================================================================
*/

/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
.name{color:#6f7528;font:35px/37px Arial, Helvetica, sans-serif}
.slogan{color:#4e4e4e;font:11px/13px Arial, Helvetica, sans-serif}


/*navigation menu*/
/* MAIN NAVIGATION */
#main_nav{
	height:26px;
	width:1000px;		/* covers whole container width */
	position:relative;	/* so li's can be absolutely positioned*/
	background-color: transparent;
	background-image: url(images/menubar3.gif);	/* double stacked main image */
	background-repeat: no-repeat;
	background-position: left top;
	margin:245px 0 0 0;
}
#main_nav li{
list-style:none;
position:absolute;
top:0;		/* li absolutely positioned at top of ul */
}
#main_nav li,#main_nav a{
height:26px;	/* set heights same as ul */
display:block; /* li and a items are independent of siblings since absolutely positioned wrt ul */
}

#main_nav a{
text-indent:-5000px;	/* hide text */
/* hack to hide from IE5Mac   \*/
overflow: hidden;
/* end hack */
}

#home{left:15px;width:119px;}		/* absolute li positioning corresponds to bg graphic */
#heating{left:263px;width:152px;}
#plumbing{left:521px;width:168px;}
#contact{left:773px;width:194px;}

/* current page + hover state */
body#homepage #home, #home a:hover{
background:transparent url(images/menubar3.gif) -15px -26px;}

body#heatingpage #heating, #heating a:hover{
background:transparent url(images/menubar3.gif) -263px -26px;}

body#plumbingpage #plumbing, #plumbing a:hover{
background:transparent url(images/menubar3.gif) -521px -26px;}

body#contactpage #contact, #contact a:hover{
background:transparent url(images/menubar3.gif) -773px -26px;}

/* end of main navigation */


/*
================================================================================
|                                     CONTEINER                                |
================================================================================
*/
.MainTitles1{color:#a94d12;font:24px/26px Arial, Helvetica, sans-serif}
.MainTitles2{color:#4d4d4d;font:16px/18px Arial, Helvetica, sans-serif;font-weight:bold}

.text1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
.text2{color:#696b53}
.rm, .rm:hover{color:#535353;text-decoration:none}
.ban_text{
	color:#fff;
	font-family: Tahoma;
	font-size: 30px;
	line-height: 32px;
}

#list a, #list a:hover{
	width:296px;
	color:#535353;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-family: Tahoma;
	font-size: 10px;
	line-height: 12px;
}
#list a:hover{text-decoration:underline}
#list .Item{
	background:url(images/bg_listItem.gif) no-repeat;
	height:19px;
	width:100%;
	padding-left:12px;
	font-family: Tahoma;
}

#ServiceList a, #ServiceList a:hover{
	color:#626054;
	text-decoration:none;
	font-weight:normal;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 14px;
}
#ServiceList a:hover{text-decoration:underline}
#ServiceList .number{
	float:left;
	width:102px;
	height:17px;
	background:url(images/03-bg_hor.gif) bottom left repeat-x;
	color:#b45213;
	font-weight:bold;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 14px;
}
#ServiceList .marker{float:left;width:18px;height:17px;background:url(images/03-bg_hor.gif) bottom left repeat-x;text-align:left}
#ServiceList .text{float:left;width:391px;height:17px;background:url(images/03-bg_hor.gif) bottom left repeat-x;text-align:left}
#ServiceList .line{float:left;width:1px; height:19px;background:url(images/03-bg_vert.gif) top repeat-y}
/*
================================================================================
|                                     FORMS                                    |
================================================================================
*/

	
.Addresses, .Addresses:hover{color:#535353;text-decoration:none}
.Addresses:hover{text-decoration:underline}

input {width:98%;height:14px; margin-bottom:1px}
textarea{width:98%;height:138px;overflow:auto}
input, textarea{
	border-width: 2px 1px 1px 2px;
	border-color:#999999 gray gray #999999;
	color:#535353;
	padding-left:4px;
	padding-top:0px;
	padding-bottom:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

*HTML input, textarea{border-color:#CCCCCC}
*HTML textarea, input{border-color:#CCCCCC;height:16px;padding-top:-1px;padding-bottom:0px;margin-bottom:-1px}

.descr{
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

.clear{width:56px;height:19px;background-image:url(images/clear.gif);border:0px none;cursor:hand;cursor:pointer;margin-right:10px}
.send{width:56px;height:19px;background-image:url(images/send.gif);border:0px none;cursor:hand;cursor:pointer}
/*
================================================================================
|                                     FOOTER                                    |
================================================================================
*/
.footer_text{
	color:#585b2d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
}
.footer_links, .footer_links:hover{color:#585b2d;text-decoration:none}
.footer_links:hover{text-decoration:underline}
.footer_line{color:#585b2d}

/*
================================================================================
|                                     MH MODS                                  |
================================================================================
*/
h1 {text-indent:-5000px; margin:0px; padding:0px;}
div#nav_menu {margin:100px 0 0 0; padding:0px; clear:both;}
body {
	background-image:url(images/bg_header_pixels.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.bold { font-weight:bold;}