/* *** ** Start of Basic ** *** */
/* Default Styling */
* {	margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, dl, fieldset, address { margin:.5em 0; }
img { border: none; height:auto; padding:0; margin:0; }
.clear {
	clear:both;
}

/* Text Styling */
h1 {
	font-size:26px;
	color: #974617;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-style:italic;
	padding:0 0 0 50px;
	margin:0 0 10px;
}
h2 {
	font-size:20px;
	color: #974617;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style:italic;
	padding:0;
	margin:12px 0 -10px 0;

}
h3 {
	font-size:16px;
	color: #974617;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:1em 0 0 0;
}
p { line-height:22px; margin:2em 0; }
em { font-size:90%; }
strong { font-weight:bold; }
a { text-decoration:none; color: #974617; }
a:hover { color: #333333; text-decoration:underline; }
.required { color:#FF0000; }
#mainContent ul { margin:0 0 0 25px; padding:0; line-height:20px; }

.body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #517eb8 url(/images/background-repeat.jpg) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding:20px 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: #636466;
}
#container {
	width: 996px;
	margin: 0 auto;
	text-align: left;
}
#header { 
	padding: 0;
}
#header h1 {
	margin: 0;
	padding: 0;
	border: none;
}
#header h1 a { 
	display:block;
	width:996px;
	height:153px;
	text-indent:-9000px;
	background: url(/images/meros-smith-lazzara-olney-header.jpg) no-repeat;
}
#mainContent {
	width: 992px;
	padding: 20px 0;
	margin:0;
	background: #dab99e url(/images/content-bg.jpg) bottom no-repeat;
	border:2px solid #FFF;
	border-top:none;
	min-height:361px;
}
#content { 
	width:655px; 
	padding:40px 20px 10px 65px;
	float:left;
	margin:0 0 0 20px;
	background:url(/images/main-content-bg.jpg) no-repeat top;
	display:inline;
}
.sub #content {
	float:none;
	width:839px;
	padding:75px 60px 20px;
	margin:0 16px;
	background: url(/images/sub-content-bg.jpg) repeat-y;
	position:relative;
	z-index:1;
	display:block;
}
.sub #content h1 {
	position:absolute;
	top:0;
	left:0;
	background:url(/images/sub-header-bg.jpg) no-repeat;
	width:844px;
	height:132px;
	padding:40px 0 0 115px;
	margin:0;
	z-index:-1;
}
.sub #address-areas {
	width:943px;
	margin:10px 16px;
	padding:5px;
	border:3px solid #8e674a;
	background:#8e674a url(/images/brown-footer-bg.jpg) repeat-x;
	color:#fff;
	text-align:center;
	font-size:11px;
}
.sub #address-areas p {
	width:310px;
	float:left;
	margin:0;
}
#rightContainer { width:195px; float:right; margin-right:20px; display:inline; position:relative;}
#practice-areas { 
	width:195px;
	padding:0 0 20px;
	margin:0;
	background:#ac7b56 url(/images/practice-areas-bg.jpg) no-repeat;
	color:#FFF;
}
#practice-areas p {	text-align:center; font-size:11px; line-height:16px; margin:1em 0; }
#practice-areas h2, #mini-contact h2 { text-align:center; color:#fff; font-style:normal; padding:15px 0; margin:0; }
#mini-contact {
	width:195px;
	padding:0 0 150px;
	margin:20px 0 0;
	background:#6e2f01 url(/images/contact-us-bg.jpg) no-repeat top;
	color:#FFF;
	position:absolute;
	bottom:0;
	z-index:5;
}
#footer {
	padding: 0 10px;
	text-align:center;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer a { color:#fff; padding:0 10px; border-right: 1px solid #fff; }
#footer a:hover { text-decoration:underline; }
#footer a.last-child { border:none; }

#disclaimer {
	width: 800px; /* adjust width and height for your disclaimer */
	height:50px;
	margin: 10px 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:#fff;
}
#disclaimer a { color:#fff; font-weight:bold; }
#disclaimer a:hover { text-decoration:underline; }
/* Mini-Contact Form Styling */
#mc-form { width:170px; padding:0; margin:0 auto; z-index:3; position:relative; }
#mc-form form { width:170px; }
#mc-form label { display:block; text-align:left; height:15px; padding:0 0 3px 0; margin:0; width:170px; }
#mc-form input { width:170px; margin-bottom:5px; border:none; background:#fff; }
#mc-form input.submit-btn { width:52px; height:19px; margin:10px 0 0 120px; }
#mc-form textarea { width:170px; height:40px; }

/* Navigation Styling */
#navigation {
	background: url(/images/menu-bar-bg.jpg) no-repeat;
	width: 972px;
	height:55px;
	padding:1px 10px;
	margin:0 0 20px;
}
#MenuBar ul, #MenuBar li { padding:0; margin:0; list-style:none; list-style-image:none; }
#MenuBar ul { display:table; width:900px;}
#MenuBar li {
	width:auto;
	float:left;
	background:url(/images/menu-item-divider.jpg) right no-repeat;
	padding:0 2px 0 0;
}
#MenuBar li.last-child { background:none; padding:0;}
#MenuBar li a { line-height:53px; padding:0 11px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; }
#MenuBar li a:hover { background: url(/images/menu-bar-hover-bg.jpg) repeat-x; color:#FFF; text-decoration:none; }
#MenuBar li.last-child a { padding:0 16px 0 16px;}/* *** ** End   of Basic ** *** */
