/* *** ** Start of CSS ** *** */
* {
	margin: 0;
	padding: 0;
}
html {height:100%;}
blockquote, label, dl, fieldset {margin:.5em 0;}

/* Text Styling */
h1 {
	color: #202558;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin: 0;
	padding: 15px 0 25px;
}
h2, h3, h4, h5, h6 {
	color: #202558;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
h2 {
	font-size: 16px;
	margin: 0;
	padding: 12px 0 14px 0;
}
h3 {
	font-size: 12px;
	margin: 0;
	padding: 5px 0 9px 0;
}
h4, h5, h6 {
	font-size: 14px;
	margin: 0;
	padding: 5px 0 0 0;
}

p, ul {
	line-height: 22px;
	padding: 0 0 10px;
}

strong {font-weight:bold;}
hr {border: none; border-top: 1px solid #000; width: 100%; height: 1px;}

a {
	color: #0000CC;
	outline: none;
	text-decoration: none;
}
a:hover {text-decoration:underline;}
a:active {outline: none;}
a:focus {-moz-outline-style: none;}

span.required {color:#FF0000;}
img {border:none; margin:0; padding:0;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}

/* Layout Styling */
.body {
	color: #050400;
	margin: 0;
	padding: 0;
	text-align: left;
	background-image: url(/wasser/images/bg-Body.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
}

#container {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 960px;
}
/* Header Styling */
#header {
	height: 220px;
	padding: 0;
	background-image: url(/wasser/images/bg-Header.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#header h1 {
	margin: 0; 
	padding: 0; 
	text-indent:-99999px;
}
#header h1 a {
	display: block;
	height: 132px;
}

#address {
	height: 53px;
	width: 960px;
}

#header h2 {
	margin: 0; 
	padding: 0; 
	text-indent:-99999px;
}

#nav {
	color: #999;
	height: 35px;
	width: 960px;
}
#outerContainer {
	background: url(/wasser/images/bg-outer-container.jpg) repeat-y;
	width: 960px;
}
#contentContainer {
	width: 960px;
	background-image: url(/wasser/images/bg-Content-Top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#naked #contentContainer {
	width: 960px;
	background-image: url(/wasser/images/bg-Content-Top-Naked.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contact #contentContainer {
	width: 960px;
	background-image: url(/wasser/images/bg-Content-Top-Naked.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#innerContainer {
	width: 960px;
	background-image: url(/wasser/images/bg-innerContent.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0;
}

#sub #innerContainer {
	width: 960px;
	background-image: url(/wasser/images/bg-innerContent.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 110px 0;
}
#naked #innerContainer {
	width: 960px;
	background-image: url(/wasser/images/bg-innerContent.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 110px 0;
}


#headline {
	float: left;
	height: 97px;
	width: 960px;
	background-image: url(/wasser/images/headLine_Home.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#headline h1 {
	margin: 0; 
	padding: 0; 
	text-indent:-99999px;
}

#sub #headline {
	float: left;
	height: 97px;
	width: 960px;
	background-image: url(/wasser/images/headLine_Profile.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#naked #headline {
	float: left;
	height: 97px;
	width: 960px;
	background-image: url(/wasser/images/headLine_Maps.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#contact #headline {
	float: left;
	height: 97px;
	width: 960px;
	background-image: url(/wasser/images/headLine_Contact.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#mainContent {
	float: left;
	margin: 0;
	min-height: 450px;
	padding: 23px 0 0 87px;
	width: 786px;
}
html>body #mainContent {height:auto;}
#mainContent ul {
	padding: 0 60px 10px 20px;
}

#mainContent img {
	padding: 0 0 10px 0;
}

#sidebar {
	float: left;
	width: 241px;
}
#sidebar h3 {padding:10px;}

#practiceAreas {width:240px;}
#practiceAreas ul {list-style:none; margin:0; padding:0;}
#practiceAreas ul li {line-height:18px;}
#practiceAreas ul li a {padding:0 10px; color:#000; text-decoration:none;}
#practiceAreas ul li a:hover {text-decoration:none; background:#CCC;}

/* Generic Form Styling */
#mc-form {width:200px; padding:10px 10px 10px 10px; margin:0; text-align:center;}
#mc-form form {width:100%;}
#mc-form label {display:block; text-align:left; height:15px; padding:0 0 3px 0; margin:0; width:100%;}
#mc-form input {width:100%; margin:0 auto 5px; border-right:1px solid #373e41; border-bottom:1px solid #373e41; border-left:1px solid #bbbdbe; border-top:1px solid #bbbdbe; padding:3px 0 3px 3px; font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#mc-form textarea {width:100%; height:40px; margin-bottom:10px; border-right:1px solid #373e41; border-bottom:1px solid #373e41; border-left:1px solid #bbbdbe; border-top:1px solid #bbbdbe; padding:3px 0 3px 3px; font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; overflow:hidden;}
#mc-form input.submit-btn {width:48px; height:15px; margin:10px 0 0 0; float:left; border:none; cursor:pointer;}


/* Footer Styling */
#footerContainer {clear:both; width:960px; padding: 5px 0 0 0; margin: 0 auto;}
#footer {height: 93px; margin:0 auto; padding: 0 20px;}
#footer p {	margin: 0; padding: 10px 0;}

/* Footer Navigation Styling */
#footerNav {
	text-align: center;
}
#footerNav a {
	text-decoration:none;
	color:#000;
	font-size:10px;
	padding: 0 20px 0 20px;
	border-right:1px solid #000;
	text-transform:uppercase;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}
#footerNav a:hover {
	color:#333;
	text-decoration:underline;
}
#footerNav a.last-child {border: none;}


/*Disclaimer*/
.bottom-line{}
/*bottom-line-wrapper*/
.bottom-line-wrapper{padding:0 0 20px; margin:0 auto; width:850px; overflow:hidden; color:#000;}
.bottom-line-wrapper a img{
	float:left;
	padding: 2px 0 30px 0;
	border:none;
}
.bottom-line-wrapper p{	margin:0; padding-top:5px; overflow:hidden; font:10px Arial, Helvetica, sans-serif; color:#000; text-shadow: rgba(0,0,0,.01) 0 0 1px; text-align:left;}
.bottom-line-wrapper p a, .bottom-line-wrapper p a:visited {font-weight:bold; font-size:10px; color:#000; text-shadow: rgba(0,0,0,.01) 0 0 1px; text-decoration:none;}
.bottom-line-wrapper p a:hover {text-decoration:underline;}


ul.MenuBarHorizontal {
	margin: 0 auto; 
	display:table; 
	padding: 0; 
	list-style-type: none; 
	cursor: default; 
	*width: 651px; /*Only change width for IE browsers ONLY!*/
}
ul.MenuBarActive {
	z-index: 1000; 
}
ul.MenuBarHorizontal li /*Do not set a height for 'li' - WILL BREAK in IE6 if you do!*/
{
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	font-size: 100%; 
	position: relative; 
	text-align: left; 
	cursor: pointer; 
	float: left; 
}
ul.MenuBarHorizontal ul
{
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	font-size: 100%; 
	z-index: 1020; 
	cursor: default; 
	width: 225px; 
	position: absolute; 
	left: -1000em; 
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto; 
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 225px; 
	background:#000;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute; 
	margin: -5% 0 0 95%; 
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto; 
	top: 0; 
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a {
	display: block;
	cursor: pointer;
	padding: 11px 30px 10px;
	text-transform:uppercase;
	color: #FFF;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 13px;
}
ul.MenuBarHorizontal ul a {
	display: block;
	cursor: pointer;
	background-color: #202558;
	padding: 10px 15px 9px 30px;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 13px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
	color: #FFF;
	text-decoration: none;
	background-image: url(/wasser/images/hover.jpg);
	background-repeat: repeat-x;
}
ul.MenuBarHorizontal ul a:hover, ul.MenuBarHorizontal ul a:focus {
	background-color: #3953a4; 
	color: #FFF; 
	text-decoration: none;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
	background-color: #3953a4; 
	color: #FFF;
	text-decoration: none; 
}
ul.MenuBarHorizontal ul a.MenuBarItemHover, ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal ul a.MenuBarSubmenuVisible
{
	background-color: #3953a4; 
	color: #FFF; 
	text-decoration: none;
}

ul.MenuBarHorizontal iframe
{
	position: absolute; 
	z-index: 1010; 
	filter:alpha(opacity:0.1); 
}*/

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline; 
		f\loat: left; 
	}
}




/* Directions Page Styles (Google Maps Default)


/* Fix for IE6 - prevents text from disappearing when map loads - apply this class to the RTF for content area */
.DirectionsContent {
	display:block; 
	position:relative;}
	

/* [ Outer div ] -----------> */
#directionsForm {
	}

/* div that wraps form */
#directionsInput {
	padding:4px 0px;}

#fromAddress {
	width:350px; 
	border:1px solid #c0c0c0; 
	background:#eee; 
	padding:3px 4px; 
	font:11px Tahoma, Verdana, sans-serif; 
	color:#555;} /* address input field */

#directionsLocale {
	padding:4px 0px;}

	#directionsLocale select {
		border:1px solid #c0c0c0; 
		background:#eee; 
		padding:2px; 
		font:11px Tahoma, Verdana, sans-serif; 
		color:#555;} /* language dropmenu */

#locale{
	}

#directionsSubmit {
	padding:4px 0px;}
	
	#directionsSubmit input {
		padding:1px 2px; 
		font:bold 12px Tahoma, Verdana, sans-serif; 
		text-transform:uppercase; 
		color:#fff; 
		background:#364a61; 
		border:1px solid #000;} /* GET DIRECTIONS button */
	#directionsSubmit input:hover {
		background:#7b0225;}

#map {
	border:1px solid #c0c0c0; 
	color:#000;}

#addressNotFound {
	}

#directions {
	}

/*  <![ Primary Contact Form [ ----------------------------------------------------*/

.pad_frm_itm {
	padding:3px 0px; 
	margin:0px;}

.form-label {
	width:112px; /* Width of labels */
	padding:0px 2px 0px 0px; 
	display:inline-block; 
	vertical-align:top; 
	text-align:right;}
  
.form-pct {	
	border:1px solid #bbb; 
	background:#eee; 
	font:11px Tahoma, Verdana, sans-serif; 
	color:#555; 
	padding:5px 6px; 
	width:380px;}
	
select.form-pct {
	width:auto;}
	
.msg-pct {
	border:1px solid #bbb; 
	background:#eee; 
	font:11px Tahoma, Verdana, sans-serif; 
	color:#555; 
	padding:5px 6px; 
	width:495px; /*  .form-label + .form-pct + horizontal padding on .form-label   */
	height:70px; 
	overflow:auto;}

.main-submit {
	padding:1px 2px; 
	font:bold 12px Tahoma, Verdana, sans-serif; 
	text-transform:uppercase; 
	color:#fff; 
	background:#364a61; 
	border:1px solid #000; 
	text-align:center; 
	text-decoration:none;} /*applied to SUBMIT and CLEAR VALUES buttons on main contact form */
	
.main-submit:hover {
	background:#7b0225;}


.custom-form {
	margin-top:14px;}

	.custom-form fieldset {
		margin:0px; 
		padding:0px; 
		border:none;}
		  
	.custom-form legend {
		padding:0px 2px; 
		font-weight:bold;}
		  
	.custom-form ol {
		margin:0px; 
		padding:0px; 
		list-style:none;}



/*  <![ Disclaimer Alert [ ----------------------------------------------------*/

#overlay_div {
	position:relative; 
	font:11px Verdana, Arial, Helvetica, sans-serif; 
	color:#666; 
	padding:0px; 
	z-index:100;}

#overlay_div p {
	line-height:normal;}
	
#iagree {
	position:absolute; 
	font:11px Verdana, Arial, Helvetica, sans-serif; 
	color:#666; 
	padding:15px 15px 15px 15px; 
	border:1px solid #031c40; /* Disclaimer box border color */
	background-color:#ececec; /* Disclaimer box bgcolor color */
	width:400px; 
	margin:4px 0 0 0;}

#overlay_div h3 {
	font:18px Verdana, Arial, Helvetica, sans-serif; 
	border-bottom:1px solid #0a3150; 
	color:#031c40; 
	padding:0; 
	margin:0px 0px 4px 0px;}

#iagree .overlay_submit {
	padding:4px; 
	margin:0 6px 0 0; 
	font:12px Verdana, Arial, Helvetica, sans-serif; 
	color:#fff; 
	background:#555; 
	border:1px solid #333; 
	float:right; 
	text-decoration:none;}
	
	#iagree .overlay_submit:hover {
		text-decoration:none; 
		color:#fff; 
		background:#777; 
		border:1px solid #555;}
	
#iagree .checkbox {
	float:left; 
	height:22px; 
	display:block;}

#iagree input#Agreement {
	position:relative; 
	top:3px; 
	border:none;}
/* *** ** End   of CSS ** *** */