/* *** ** Start of CSS ** *** */
* {margin:0; padding:0;}
html, body { height:100%; }
#mainContent ul, #mainContent ol, #content ul, #main ul { margin:0 0 0 85px; padding:0; line-height:22px; }
#main ul ul {margin-left:20px; line-height:22px; padding:0;}
ul.side-links { margin:0; }
ul.side-links li { list-style:none; padding:0 0 10px 0; margin:5px 0; border-bottom:dotted 1px #000;}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, dl, fieldset, address { margin:.5em 0; }

/* Text Styling */
h1 {font-family:"Times New Roman", Times, serif;
	font-size:26px;
	font-style:normal;
	font-weight:bold;
	color:#33132a;
	padding:0;
	margin:0 0 0 55px;}
h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	color:#33132a;
	margin:0 0 0 55px;
	}
h3 {font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	color:#33132a;
	padding:0;
	margin:0 0 0 55px;}
h4 {font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#33132a;
	padding:0;
	margin:0 0 0 55px;}
h5 {font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	color:#33132a;
	padding:0;
	margin:0 0 0 55px;}
p { line-height:18px; margin:10px 0;}
strong { font-weight:bold; }
a { text-decoration:underline; color: #003a4b; }
a:hover { text-decoration:underline; color:#2f8aa1; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
.required { color:#FF0000; }
img { border:none; margin:0;padding:0;}
.clear { clear:both; }
hr { border: none; border-top: 1px solid #666; width: 93%; height: 1px; margin-left:55px;}.body {font: 12px Arial, verdana, Helvetica, sans-serif;
	background:#33132a url(/images/bg-repeat.jpg) repeat-x top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #6a7072;}
/* Layout Styling */
/*Subpages have class of body, home page has class of "myHome"*/
body.body .sub{
	font: 12px Arial, verdana, Helvetica, sans-serif;
	background:#33132a url(/images/bg-repeat.jpg) repeat-x top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #6a7072;
}
body.body .myHome {
	font: 12px Arial, verdana, Helvetica, sans-serif;
	background:#33132a url(/images/bg-repeat.jpg) repeat-x top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #6a7072;
}
#container {
	width: 886px;
	background: #f9f6f8 url(/images/containerBg.jpg) repeat-y top;
	margin: 0 auto;
	padding:0;
	text-align: left;
}
#header { 
	font-family:"Times New Roman", Times, serif;
	margin:0;
	padding:0 4px;
	height:200px;
	width:878px;
}
.myHome #logo {
background:url(/images/logo.jpg) no-repeat top left;
	width:439px;
	height:200px;
	float:left;
}
#header #logo {
	background:url(/images/logo.jpg) no-repeat top left;
	width:439px;
	height:200px;
	float:left;
}
#header #logo h1 { 
	margin: 0; 
	padding:0;
	text-indent:-99999px;
}
#header #logo h1 a {
	text-decoration:none;
	width:439px;
	height:101px;
	display:block;
}
#header #logo h3 {
	margin:0;
	text-align:center;
	padding-right:20px;
	padding-top:0;
	color:#33132a;
}
#header #logo h3 span {
	font-size:28px;
}
.myHome #header #contactAddress {
	background:url(/images/contactAddressHome.jpg) no-repeat top left;
	width:439px;
	height:200px;
	float:left;
}
#header #contactAddress {
	background:url(/images/contactAddressBg.jpg) no-repeat top left;
	width:439px;
	height:200px;
	float:left;
}
#header #contactAddress p {
	text-align:right;
	padding:0 55px 0;
	font-size:11px;
	font-family:"Times New Roman", Times, serif;
}
#header #contactAddress p a {
	color:#33132a;
	text-decoration:none;
}


/*NAVIGATION*/

body .myHome #navContainer {
	background:url(/images/navHome.jpg) no-repeat top; 
	width:878px; 
	height:55px; 
	font-family:"Times New Roman", Times, serif;
	padding:0 4px;
}
body .sub #navContainerSub {
	background:url(/images/navbg.jpg) no-repeat top; 
	width:878px; 
	height:55px; 
	font-family:"Times New Roman", Times, serif;
	padding:0 4px;
}
#nav {
	padding:0;
	margin-left:20px; 
	list-style:none;
	z-index:500; 
	font-family:"Times New Roman", Times, serif;
}
#nav li.top {
	display:block; 
	float:left;
}
#nav li a.top_link {
	display:block; 
	float:left; 
	height:55px; 
	line-height:55px; 
	color:#e9e6e9; 
	text-decoration:none; 
	font-size:12px; 
	font-weight:bold; 
	padding:0 0 0 4px; 
	cursor:pointer;
}
#nav li a.top_link span {
	float:left;
	display:block; 
	padding:0 6px 0 0;
	height:55px;
	}
#nav li a.top_link span.down {
	float:left; 
	display:block; 
	padding:0 6px 0 0;
	height:55px;
	}
#nav li:hover a.top_link {
	color:#fff;
	background: url(/images/navLeft.gif) no-repeat left;
	}

#nav li:hover a.top_link span.down {
	background:url(/images/navRight.gif) no-repeat right;
	}

/* Default list styling */
#nav li:hover {
	position:relative; 
	z-index:200;
	}
#nav li:hover ul.sub{
	left:1px; 
	top:55px; 
	background: #50b5d0; 
	padding:3px; 
	border:1px solid #0b4d97; 
	white-space:normal;
	width:140px;
	height:auto; 
	z-index:300;
	}
#nav li:hover ul.sub li{
	display:block;
	position:relative;
	font-weight:normal;
	text-align:left;
	padding:1px 0;
	}

#nav li:hover ul.sub li a{
	display:block; 
	font-size:12px; 
	width:150px;
	color:#000; 
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
	}

#nav li ul.sub li a.fly{
	background:#50b5d0 url(/arrow.gif) 80px 6px no-repeat;
	}

#nav li:hover ul.sub li a:hover {
	background:none; 
	color:#fff; 
	border-color:#fff;
	}

#nav li:hover ul.sub li a.fly:hover{
	background:#3f96a9 url(/arrow_over.gif) 80px 6px no-repeat; 
	color:#fff;
	}
#nav li:hover li:hover ul,#nav li:hover li:hover li:hover ul,#nav li:hover li:hover li:hover li:hover ul,#nav li:hover li:hover li:hover li:hover li:hover ul{
	left:90px; 
	top:-4px; 
	background: #50b5d0; 
	padding:0px; 
	border:1px solid #0b4d97; 
	white-space:normal;
width:150px;
z-index:400;
	height:auto;
	}
#nav ul, #nav li:hover ul ul,#nav li:hover li:hover ul ul,#nav li:hover li:hover li:hover ul ul,#nav li:hover li:hover li:hover li:hover ul ul{position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0;
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}
#nav li:hover li:hover a.fly,#nav li:hover li:hover li:hover a.fly,#nav li:hover li:hover li:hover li:hover a.fly, nav li:hover li:hover li:hover li:hover li:hover a.fly {
	background:#3f96a9 url(/arrow_over.gif) 80px 6px no-repeat; 
	color:#fff; 
	border-color:#fff;
} 
#nav li:hover li:hover li a.fly,#nav li:hover li:hover li:hover li a.fly,#nav li:hover li:hover li:hover li:hover li a.fly {
	background:#50b5d0 url(/arrow.gif) 80px 6px no-repeat; 
	color:#000; 
	border-color:#50b5d0;
}








/*MAIN CONTENT*/
#contentContainer {
	width:878px;
	height:729px;
	margin:0;
	padding:0 4px;
}
#topSection {
	height:180px;
	width:878px;
	float:left;
	margin-bottom:0;
	padding:0;
}
#topSection #upperLeft {
	background:url(/images/upperLeft.jpg) no-repeat top;
	width:536px;
	height:180px;
	float:left;
}
#topSection #upperRight {
	background:url(/images/upperRight.jpg) no-repeat top;
	width:342px;
	height:180px;
	float:left;
}
#topSection #upperRight #pageCorner {
	background:url(/images/picEdge.jpg) no-repeat;
	position:relative;
	left:342px;
	top:144px;
	width:29px;
	height:121px;
}
#middleSection {
	width:878px;
	margin:0;
	padding:0;
	height:550px;
	overflow:hidden;
	clear:both;
}
#middleSection #mainLeft {
	background:url(/images/mainLeft.jpg) no-repeat top;
	float:left;
	width:536px;
}
#middleSection #mainLeft h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	color:#33132a;
	padding:0 0 0 54px;
	margin:10px 0 0;
}
#middleSection #mainLeft p {
	line-height:20px;
}
#middleSection #mainLeft #bottomImage {
	height:530px;
	width:482px;
	margin:0;
	padding:10px 0 10px 54px;
	line-height:20px;
	background:url(/images/mainMiddleBottomBg.jpg) no-repeat bottom;
}
#middleSection #mainRight {
	background:url(/images/sidebarBg.jpg) no-repeat top;
	float:left;
	width:342px;
	height:529px;
	padding:10px 0;
}






/*FOR ALL OTHER PAGES:*/
#content {
	width:878px;
	height:100%;
	margin:0 4px;
	padding:0 0 10px 0;
}

#main {
	background:url(/images/bigbox.jpg) no-repeat top left;
	padding-top:25px;
	padding-bottom:0;
}
#main{
	height:320px;
	min-height:320px;
}
html>body #main{height:auto}
#bigbox {
	width:365px;
	height:225px;
	margin:0;
	padding:0;
	display:block;
	float:right;
}
#main h1 {
	text-indent:-99999px;
	margin:0 0 0 55px;
}
#main h1#practiceAreas {
	background:url(/images/practiceAreas-h1.gif) no-repeat top;
	width:266px;
	height:52px;
	display:block;
}
#main h1#faqs {
	background:url(/images/faqs-h1.gif) no-repeat top;
	width:113px;
	height:49px;
	display:block;
}
#main h1#sitemap {
	background:url(/images/sitemap-h1.gif) no-repeat top;
	width:161px;
	height:49px;
	display:block;
}
#main h1#maps {
	background:url(/images/maps-h1.gif) no-repeat top;
	width:326px;
	height:49px;
	display:block;
}
#main h1#contactus {
	background:url(/images/contactus-h1.gif) no-repeat top;
	width:193px;
	height:49px;
	display:block;
}
#main h1#newsletter {
	background:url(/images/newsletter-h1.gif) no-repeat top;
	width:187px;
	height:49px;
	display:block;
}
#main h1#attorneyProfile {
	background:url(/images/attorneyProfile-h1.gif) no-repeat top;
	width:286px;
	height:52px;
	display:block;
}
#main h1#thankYou {
	background:url(/images/thankYou-h1.gif) no-repeat top;
	width:189px;
	height:49px;
	display:block;
}
#main h1#contactus {
	background:url(/images/contactus-h1.gif) no-repeat top;
	width:192px;
	height:49px;
	display:block;
}
#main h1#propertySettlements {
	background:url(/images/propertySettlements-h1.gif) no-repeat top;
	width:361px;
	height:52px;
	display:block;
}
#main h1#alimony {
	background:url(/images/alimony-h1.gif) no-repeat top;
	width:149px;
	height:52px;
	display:block;
}
#main h1#childSupport {
	background:url(/images/childSupport-h1.gif) no-repeat top;
	width:248px;
	height:49px;
	display:block;
}
#main h1#domesticViolence {
	background:url(/images/domesticViolence-h1.gif) no-repeat top;
	width:309px;
	height:49px;
	display:block;
}
#main h1#childCustody {
	background:url(/images/childCustody-h1.gif) no-repeat top;
	width:249px;
	height:52px;
	display:block;
}
#main h1#divorce {
	background:url(/images/divorce-h1.gif) no-repeat top;
	width:135px;
	height:52px;
	display:block;
}
#main h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	color:#33132a;
	padding:0 0 0 54px;
	margin:10px 0 0;
}

#main p {
	margin:0;
	padding:0 0 10px 54px;
	line-height:20px;
}
#main p a {text-decoration:underline;}
/* Form Styling */
#quickContact {
	width:878px; 
	height:161px;
	clear:both;
	background:url(/images/quickContact.jpg) no-repeat left;
	position:relative;
	left:4px;
}
#quickContact #quickMessage h3 {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color:#FFF;
	margin:10px 0 0;
	padding:0;
	font-size:16px;
	font-weight:normal;
}
#quickContact #quickMessage {
	width:160px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	padding:10px 5px 10px 50px;
	color:#FFF;
}
#quickContact #form form#ellen-form {
	width:600px;
	float:left;
	padding:10px;
	margin-left:20px;
} 
#nameEmail input{width:186px; height:16px;}

#quickContact #form form#ellen-form #nameEmail {
	width:194px;
	float:left;
	margin:0;
	padding:1px;
}
#quickContact #form form#ellen-form #phoneMessage {
	width:212px;
	float:left;
	margin:0 10px;
	padding:1px;
}
#quickContact #form form#ellen-form textarea {
	width:212px;
	height:40px;
	float:left;
	margin:0;
	padding:1px;
}

#phoneMessage input{width:212px; height:16px;}

#quickContact #form form#ellen-form label {
	width:212px;
	float:left;
	text-align:left;
	padding:2px 2px 0;
	color:#FFF;
}
#quickContact #form form#ellen-form input, #quickContact #form form#ellen-form textarea{
	clear:left;
	padding:0 2px 2px;
	border-top:solid 1px #bbbdbe;
	border-left:solid 1px #bbbdbe;
	border-right:solid 1px #373e41;
	border-bottom:solid 1px #373e41;
}
#quickContact #form form#ellen-form #submit {
	float:left;
}

#quickContact #form form#ellen-form #submit input#submit-btn {
	margin-top:80px;
	margin-left:30px;
	width:54px;
	height:22px;
	border:none;
}

/* Footer Styling */
#footerContainer {
	width:886px;
	padding: 0;
	margin: 0 auto;
	background:url(/images/footerTopBg.gif) no-repeat top;
}
#footer { height:50px; margin:0 auto; padding: 0 20px; }
#footer p {	color:#6f5869; margin: 0; padding: 10px 0; }

/* Footer Navigation Styling */
#footerNav { text-align:center; }
#footerNav a { color:#7c6776; padding:0 8px; border-right:1px solid #7c6776; font-size:11px; }
#footerNav a:hover {text-decoration:underline;}
#footerNav a.last-child { border: none; }

/* Disclaimer Styling */
#disclaimer {
	width: 800px; /* adjust width and height for your disclaimer */
	height:50px;
	margin: 0 auto; /* centers the disclaimer (if outside your container div) */
	padding:0;
	text-align: left;
}
#disclaimer p {
	margin:0; 
	padding:0; 
	line-height:17px;
	font-size:11px;
	color:#bcbbbb;
}
#disclaimer a { color:#7c6776; font-weight:bold; }
#disclaimer a:hover { text-decoration:underline; } 




/*EXTRA CLASSES*/
.left {
	float:left;
	margin:5px 15px 0 0; padding:0;
}
.right {
	float:right;
	margin:0; padding:0;
}
.clear {
	clear:both;
	margin:0; padding:0;
}

/* 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 {
	margin:0;
	padding:0;
float:none;
	}

/* 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, label.msg-label {
	width:175px; /* Width of labels */
	padding:0px 2px 0px 0px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	margin-left:55px;}
  
.form-pct {	
	border:1px solid #bbb;
	background:#eee;
	font:11px Tahoma, Verdana, sans-serif;
	color:#555;
	padding:5px 6px;
	margin-left:55px;
	width:380px;}
	
select.form-pct {i
	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;
	margin-left:55px;}

.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;
	margin-left:55px;
} /*applied to SUBMIT and CLEAR VALUES buttons on main contact form */

	
.main-submit:hover {
	background:#2f8aa1;}


.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 55px;}

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

#iagree .overlay_submit {
	padding:4px;
	margin:0 6px 0 55px;
	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;}




/* Directions Page Styles (Google Maps Default)

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

	}

/* div that wraps form */
#directionsInput {
	padding:10px 0px;
	margin-left:55px;}

#fromAddress{
	width:350px;}

#directionsLocale{
	padding:10px 0px;
	margin-left:55px;}

#locale{
	}

#directionsSubmit{
	padding:10px 0px;
	margin-left:55px;
}

#map{
	border:1px solid #000;
	color:#000;
	margin-left:55px;}

#addressNotFound{
	}

#directions{
	}



/* *** ** End   of CSS ** *** */