/* Stylesheet for McFarland Law */

* {padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif;}
h1 {font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 16px; font-weight: bold; margin-bottom: 5px; color: #4c5880;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #de8828; font-weight: bold;}
h3 {font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 13px; font-weight: normal;}

p {padding-bottom: 5px; line-height: 18px; text-align: justify;}

#content .fixed-width #main-content ul.regList {padding: 0 0 0 4px; margin: 0; font-size: 12px; color: #1e315f; display: block; clear: both; margin-bottom: 20px;}
#content .fixed-width #main-content ul.regList li {margin: 8px 0; padding: 0; margin-left: 12px;}

ol {font-size: 12px; margin: 0 0 20px 30px; color: #333;}
ol li {margin: 8px 0;}

a {color: #335291; text-decoration: none;}
a:hover {color: #de8828; text-decoration: underline;}

.fixed-width {width: 800px; margin: 0 auto;}

#page-container {margin: auto;}

#header {background: #4b5880 url(../res/bg-header.gif) repeat-x; height: 149px;}
#header img.title {margin: 30px 0 0 0; float: left;}
	#contact-info {float: right; width: 270px; font-size: 11px; color: #fff; font-weight: bold; margin-top: 30px;}
	#contact-info p.left {float: left; text-align: right;}
	#contact-info p.right {text-align: left; float: right;}
	#contact-info img {float: right; margin-top: 20px;}

#navigation {height: 40px; background: #233a6c url(../res/bg-blueGradient.gif) repeat-x; border-top: 1px solid #335291; border-bottom: 1px solid #b2c6eb;}
#navigation ul li {float: left; color: #fff; list-style: none;  text-transform: uppercase; font-size: 12px;}
#navigation ul li a {float: left; height: 13px; display: block; padding: 12px 15px 13px 15px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #fff; text-decoration: none; border-right: 1px solid #335291;}
#navigation ul li a:hover {text-decoration: underline; color: #ffb05f;}


#content {background: url(../res/bg-nav-shadow.gif) repeat-x top; padding-top: 20px; }
	#main-content {float: left; width: 524px;padding-bottom: 20px;}
	#content img.banner {width: 524px; padding: 1px; border: 1px solid #3f455d; margin-bottom: 20px;}
	img.homepage-photo {float: left; padding: 2px; border: 1px solid #3f455d; margin: 0 20px 20px 0;}
	#main-content p {font-size: 13px; margin-bottom: 10px; color: #333;}

.sidebar{width: 250px; border: 1px solid #3f455d; float: right; margin-left: 20px; background: #6277a3 url(../res/bg-sidebar.gif) repeat-x; color: #fff; font-size: 12px; clear: right; margin-bottom: 20px;}
	.sidebar p {padding: 15px;}
	.sidebar a:hover {text-decoration: none; color: #ffb05f;}
	ul.practice-areas {margin: 15px 0 30px 30px;}
	ul.practice-areas li {list-style-image: url(../res/bullet-blue.gif); text-transform: uppercase; margin: 3px 0;}	
	ul.practice-areas li a {color: #fff; font-family: Georgia, "Times New Roman", Times, serif;}

#footer {border-top: 1px solid #3f455d; clear: both; background: #3e4b79 url(../res/bg-footer.gif) repeat-x;}
	#footer p {color: #92a1bc; font-size: 11px; padding-top: 5px;}
	#footer p.left {float: left;}
	#footer p.right {float: right;}
	#footer a {color: #92a1bc;}
	#footer a:hover {text-decoration: none; color: #ffb05f;}


/* Contact Form */
.contact {border: 1px solid #c2c2c2; padding: 10px; background: #f6f6f6; width: 100%;}
.contact {color: #333; font-size: 12px;}
.contact label {color: #333; font-weight: bold;}
.contact input {padding-top: 2px; margin-bottom: 10px;}
.contact textarea {width: 100%; margin-bottom: 8px; width: 99%;}

/* Google Map */
#googleMap {border: 1px solid #c2c2c2; width: 484px; height: 266px; margin: 0; width: 100%;}

.disclaimer {clear: both;}