@charset "utf-8";

/*------------------BACKGROUND PROPERTIES-----------------------*/
body {

	text-align: center; 
	margin: 0 auto;
	padding: 0;
	background-color: #F2EADB;
	background-image: url('../images/hausplan.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;

}

img {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*-----------------------CONTAINERS-----------------------------*/
#OutsideContainer {

	width: 900px;
	margin: auto;	
	text-align: left;
}

#TopTap {
	width: 897px;
	height: 84px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/plumbing_top-tap.png); 
	background-repeat: no-repeat;
}
#DripTap {
	width: 900px;
	height: 52px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/plumbing_drip-and-left.png); 
	background-repeat: no-repeat;
}

#MorairaCoveContainer {
	width: 900x;
	height: 189px;
	margin: -50px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	background: url(../images/morairacove-blu-wh-border-w-leftpipe.png); 
	background-repeat: no-repeat;
}

#MorairaCoveContainer .imgposition {
	position: relative;
	left: 42px;
	top: 10px;
}

#ThreeVans {
	position: relative;
	width: 373x;
	height: 97px;
	left: 250px;
	top: 0px;
	background: url(../images/3vans.png); 
	background-repeat: no-repeat;
}

#ProfessionalPlumbingContainer {
	width: 800px;
	height: 30px;
	margin: 0px 0px 0px 8px;
	padding: 0px 55px 0px 0px;
	background: url(../images/ProfessionalPlumbingContainer-bg.png); 
	background-repeat: no-repeat;
	text-align: right;
}

#BodyTextContainer {
	width: 765px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 60px;
	text-align: left;
}

#BodyTextContainer .contentheading {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  vertical-align: top;
  padding-left: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #003366;
}

#BodyTextContainer li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-left: 0px;
	margin-left: 23px;
	list-style-type: disc;
	vertical-align: middle;
}

#LeftContainer {
	width: 850px;
	margin: 0px 0px 0px 0px;
	height: 100%;
	background: url(../images/bodytext-bg.png) repeat-y; 
	text-align: left;	
}
#BottomCurveContainer {
	width: 850px;
	height: 31px;
	margin: 0px 0px 0px 0px;
	background: url(../images/bottom-curve-and-left-bolt.png); 
	background-repeat: no-repeat;
	text-align: left;	
}
#FooterContainer {
	width: 875px;
	height: 87px;
	margin: 0px 0px 0px 5px;
	background: url(../images/plumbing_pipe-footer.png); 
	background-repeat: no-repeat;
	text-align: left;	
}
#FooterBox {
	width: 444px;
	height: 48px;
	position: relative;
	left: 220px;
	top: 24px;
	background: url(../images/footer-tools.png); 
	background-repeat: no-repeat;
}

/*--------------------TEXT PROPERTIES---------------------------*/


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	margin:0px 10px 10px;
	padding:0px;
}



h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	margin:0px 10px 10px;
	padding:0px;
	font-weight: bold;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	margin:0px 10px 10px;
	padding:0px;
	font-weight: bold;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	margin:0px 10px 10px;
	padding:0px;
	font-weight: bold;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0063c6;
	margin:0px 15px 10px 10px;
	padding:0px;
	font-weight: normal;
	font-style: italic; 
	text-align: center;
}
.contentheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003366;
	line-height: 18px;
	margin:0px 10px 10px;
	padding:0px;
}

a:link {color:#003366;}
a:visited {color:#660099;}
a:hover {color:#663300;}
a:active {color:#003366;}

h1 a:link {color:#003366; text-decoration:none;}
h1 a:visited {color:#660099; text-decoration:none;}
h1 a:hover {color:#663300; text-decoration:none;}
h1 a:active {color:#003366; text-decoration:none;}
ul {
	margin: 0px 0px 10px;
	padding: 0px;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999999;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	vertical-align: middle;
}

li.disc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999999;
	padding: 0px;
	margin: 0px 0px 7px 25px;
	list-style-image: url(images/bullet.gif);
	text-align: left;
}

/*- Menu Tabs J--------------------------- */
   
	#ProfessionalPlumbingContainer ul {
	margin:0;
	padding:10px 10px 0 40px;
	list-style:none;
      }
    #ProfessionalPlumbingContainer li {
      display:inline;
      margin:0;
      padding:0;
      }
    #ProfessionalPlumbingContainer a {
      float:left;
      background:url("../images/menutab-left.png") no-repeat left top;
      margin:-1px 0 0 0;
      padding:0 0 0 7px;
      text-decoration:none;
      }
    #ProfessionalPlumbingContainer a span {
      float:left;
      display:block;
      background:url("../images/menutab-right.png") no-repeat right top;
      padding:4px 15px 0px 6px;
      color:#003366;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #ProfessionalPlumbingContainer a span {float:none;}
    /* End IE5-Mac hack */
    #ProfessionalPlumbingContainer a:hover span {
      color:#FFF;
      }
    #ProfessionalPlumbingContainer a:hover {
      background-position:0% -42px;
      }
    #ProfessionalPlumbingContainer a:hover span {
      background-position:100% -42px;
      }