/* Helpers, hacks and fixes -------------------------------------------------------------------- */

html { height:100%; margin-bottom:1px }
img { display:block; border:0; }
hr { display:none; }

.clearfix:after {
    content:".";
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
/* End hide from IE-mac */
.mac-clearfix { clear: both; }

.clearall { clear:both }
.floatleft { float:left; }
.floatright { float:right; }
.floatleftwithmargin { float:left; margin-right:25px; }
.center { width:600px; text-align:center; margin:0 auto; }
img.floatright { float:right; margin-left:15px }

img.floatrightboxed {
	float:right;
	margin-left:25px;
	border:1px solid #000;
}

img.floatleftboxed {
	float:left;
	margin-right:25px;
	border:1px solid #000;
}
.boxfloatright {
	float:right; 
	width:49%;
	}
.boxfloatleft {
	float:left; 
	width:50%;
	}

img.floatleft { float:left; margin-right:15px }
.hidden { display:none }
h2.hidden { text-align:left;text-indent:-9999px;height:0;line-height:0;margin:0;float:right }
acronym { border-bottom:1px dotted #666; }

/* General layout elements ---------------------------------------------------------------- */

body {
	background:#B0B0BD;
	color:#333;
	font:normal 76% Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0;
	margin:0 0 20px 0;
	min-width:778px;
}
textarea, input, table, select{font:normal 1em Arial, Helvetica, sans-serif;}
a, h2, h3, h4, h5, h6 { color:#002f46; }

h1 {color:black;
	}
	
a { 
	color:#000;
	text-decoration:underline;
}


#wrapper {
	background-image:url("bg-home.gif");
	background-repeat:repeat-y;
	margin:0 auto;
	position:relative;
	z-index:1;
	text-align:left;
	width:778px;
}
/* three box nav*/
#navboxholder {
	position:relative; 
	top:0; 
	left:0; 
	width:95%; 
	height:200px; 
	margin:0 auto;
	}

#Residential {
	position:relative; 
	top:0; 
	left:0; 
	width:200px; 
	height:200px; 
	border:2px outset; 
	background-image:url(images/Residential.jpg); 
	text-align:center; 
	}
#Dialysis {
	position: absolute;  
	top:0; 
	left:35%; 
	width:200px; 
	height:200px; 
	border:2px outset; 
	background-image:url(images/Dialysis.jpg); 
	text-align:center; 
	}
#Laboratory {
	position:absolute; 
	top:0; 
	left:70%;
	width:200px; 
	height:200px; 
	border:2px outset; 
	background-image:url(images/Laboratory.jpg); 
	text-align:center; 
	}
#Watts { 
	position:relative; 
	margin:0 auto;
	width:375px;
	height:200px;
	background-image:url(images/WattsDlrLogo.gif);
	text-align:center;
	}


/* Header -------------------------------------------------------------------- */

#header {
	background-repeat:no-repeat;
	height:123px;
	position:relative;
	z-index:2;
}
#header img#bblogo {
	position:absolute;
	left:51px;
	top:19px;
	z-index:3;
}
#header h1 { margin:0; text-indent:-9999px; COLOR:WHITE}

#banner {
	border:1px solid #002f46;
	position:absolute;
	z-index:3;
	left:283px;
	top:37px;
}

#bannercontainer { height:0; } /* opera fix */

/* Navigation bar ---------------------------------------------------------------- */

#navwrapper {
	position:absolute;
	z-index:3;
	left:20px;
	top:122px;
	min-height:3.5em;
	height:3.5em;
	width:738px;
}
/* Hides from IE-mac \*/
html>body #navwrapper { height:auto }
/* End hide from IE-mac */

#nav {
	background:#002f46;
	color:#fff;
	padding:3px 15px 3px 10px;
	text-align:right;
}
#nav ul {
	display:inline;
	padding:0;
	margin:0;
	list-style-type:none;
}
#nav ul li {
	display:inline;
	padding:0;
	margin:0
}
#nav ul li a {
	color:#fff;
	background:url(bullet.gif) 10px no-repeat;
	padding-left:20px;
	text-decoration:none;
}
#nav ul li a:hover { background-color:transparent; text-decoration:underline; }

/* Status bar ------------------------------------------------------------------------------------ */

#statusbar {
	height:1.2em;
	padding:5px 15px 6px 15px;
}
#statusbar div { text-align:right; }
#userinfo {
	float:left;
	text-align:left;
}
#userinfo a#username {
	padding-left:20px;
	background:url(user.gif) center left no-repeat;
}
#basketinfo a {
	padding-left:20px;
	background:url(basket.gif) center left no-repeat;
}
#statusbar a {
	color:#0000FF;
	text-decoration:none;
}
#statusbar a:hover {
	background-color:transparent !important;
	text-decoration:underline;
}
#statusbar h2 {
	display:inline;
	margin:0;
	padding:0 3px 0 0;
	font-size:1em;
}

/* Page body and content area -------------------------------------------------------------------- */

#body {
	position:relative;
	z-index:4;
	height:1%;
	margin:46px 20px 0 20px;
}

.twocolumns #contentwrapper {
	width:95%;
	margin:0 auto;
}
#contentwrapper h2 {
	position:relative;
	padding:3px 15px;
	font-weight:bold;
	font-size:1.4em;
	margin:0;
	font-family:"Palatino Linotype", "Times New Roman", Times, serif;
}

#contentwrapper ul li{ text-align:justify;}

#content { padding:15px; }

/* Footer -------------------------------------------------------------------- */

#footer {
	background:#b0b0bd url(footer.gif) bottom no-repeat;
	color:#fff;
	font-size:0.86em;
	padding:5px 20px 30px 20px;
	text-align:right;
	clear:both;
}
#footer ul {
	padding:0 10px 0 0;
	margin:0;
	list-style-type:none;
}
#footer ul li {
	display:inline;
	padding:0;
	margin:0
}
#footer ul li a {
	color: #fff;
	background:url(bullet.gif) 10px no-repeat;
	white-space:nowrap;
	text-decoration:none;
	padding-left:20px;
}
#footer ul li a:hover { text-decoration:underline }

#footerbottom {
	height:1%;
	background:#b0b0bd;
	color:#444;
	font-size:0.85em;
}