/*
Website development by Midwest New Media, LLC
Unauthorized distribution or resale is expressly prohibited
www.midwestnewmedia.com
info@midwestnewmedia.com
(513) 742-9150
*/

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 1.4;
    font-family: Verdana, Arial, Sans-Serif;
    color: #333;
}

a { color: #3976ac; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }

fieldset { border: 0; }
input, textarea, select { font-family: Verdana, Arial, Sans-Serif; font-size: 11px;  }
textarea { overflow: auto; }
.field { border-top: solid 2px #a8a8a8; border-left: solid 2px #a8a8a8; width: 248px; margin-bottom: 12px; padding: 1px 4px; }
select.field { width: 260px; padding: 0; height: 19px; }
label { font-size: 12px; color: #fff; display: block; padding-bottom: 4px; }
input.form-button { font-size: 10px; padding: 0 5px; cursor: pointer; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h3 { font-size: 15px; line-height: 15px; color: #334c64; margin: 24px 0px -4px 0px; }

h4 { font-size: 12px; line-height: 15px; margin: 21px 0px 0px 0px; }
h4 a { text-decoration: none; }
h4 a:hover { text-decoration: underline; }
h4 span { color: #656565; font-size: 11px; font-weight: normal; }

p { margin: 15px 0px 0px 0px; }

table {
	border-collapse: collapse;
	margin-top: 15px;
	width: 100%;
}
td {
	background-color: #ffffff;
	font-size: 11px;
	padding: 3px 5px;
	vertical-align: top;
}
td a {
	text-decoration: none;
}
td a:hover {
	text-decoration: underline;
}
th {
	background-color: #360d0d;
	border-bottom: 0px solid #360d0d;
	border-top: 0px solid #360d0d;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 5px;
	text-align: left;
}
th a {
	color: #ffffff;
	text-decoration: none;
}
th a:hover {
	color: #ffffff;
}
tr.pending td {
	font-weight: bold;
}

ul {
	list-style-type: disc;
}

ul.options {
	list-style-type: none;
	margin: 15px 0px 0px 0px !important;
	padding: 0px !important;
}
ul.options li {
	background-image: url("../images/arrow.png");
	background-position: 0px 5px;
	background-repeat: no-repeat;
	display: inline;
	margin-right: 12px;
	padding: 0px 0px 0px 10px;
}

ul.pdf {
	list-style-type: none;
}
ul.pdf li {
	background-image: none;
	margin-left: -20px;
	padding-left: 0px;
}
ul.pdf li a {
	background-image: url("../images/icon-pdf.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
	/*text-decoration: none;*/
}

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
.aligncenter { text-align: center; }

.center { width: 950px; margin: 0 auto; }

#page { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -56px; }

#header,
#header .center { background: #360d0d url(../images/bg-header.gif) no-repeat center 0; }
#header .center { height: 64px; width: 914px; padding: 34px 18px 0; }

#logo { float: left; margin: 0; padding: 0; }
#logo p { font-size: 24px; line-height: 1.2; color: #fff; margin: 0; padding: 0; }
#logo h1 { font-size: 14px; line-height: 21px; color: #c0dae5; margin: 0; padding: 0; }

#call { float: right; display: inline; font-size: 16px; color: #fff; margin: 0; padding-top: 14px; }
#call a { color: #fff; }
#call a:hover { color: #c0dae5; }
#call span { font-size: 14px; color: #c0dae5; margin: 0; }

#navigation { background: #1c3952; font-size: 14px; color: #fff; height: 36px; position: relative; z-index: 100; }
#navigation .center { background: #365468; height: 37px; }
#navigation ul { float: right; display: inline; text-transform: uppercase; line-height: 37px; letter-spacing: 1px; }
#navigation li { float: left; display: inline; list-style-type: none; position: relative; }
#navigation a { color: #fff; text-decoration: none; float: left; display: inline; padding: 0 15px; }
#navigation a.on,
#navigation a:hover { color: #8FBDCF; text-decoration: none; }
#navigation .sep { float: left; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; width: 1px; height: 37px; }
#navigation .sep { background: url(../images/nav-sep.gif) no-repeat 0 center; }
#navigation .dropdown { position: absolute; top: 37px; left: 0; display: none; }
#navigation ul ul { float: none; display: block; text-transform: none; font-family: Arial, Sans-Serif; line-height: 24px; letter-spacing: 0; padding: 10px; }
#navigation ul ul { background-image: url(../images/nav-dd.png); background-repeat: repeat; height: 100%; }
#navigation ul ul li { float: none; display: block; }
#navigation ul ul a { float: none; padding: 0; white-space: nowrap; }

#main { background: url(../images/bg-page.gif) repeat-y center 0; height: 100%; }

#content { float: right; display: inline; width: 660px; }
#content .spacer { padding: 20px; }

#sidebar { float: left; display: inline; width: 290px; background: url(../images/bg-sidebar.jpg) no-repeat; min-height: 530px; height: auto !important; height: 530px; }
#sidebar h2 { font-size: 16px; font-weight: normal; color: #380c0a; line-height: 21px; background: #8fbdcf; padding: 0 15px; }
#sidebar h2 a { color: #380c0a; display: block; text-decoration: none; }
#sidebar .spacer { padding: 15px; }
#sidebar .spacer p { color: #ffffff; font-size: 11px; }
#sidebar .spacer p a { color: #8fbdcf; }
#sidebar .text { color: #fff; font-size: 11px; line-height: 1.2; }
#sidebar .text ul { padding-left: 0; }
#sidebar .text p,
#sidebar .text ul,
#sidebar .text ul li { margin-bottom: 8px; margin-top: 0px; }
#sidebar .text ul li a { color: #ffffff; text-decoration: none; }
#sidebar .text ul li a:hover { color: #8fbdcf; }

#footer-push { height: 56px; }
#footer,
#footer .center { background: #380c0a; }
#footer .center { height: 35px; font-size: 10px; color: #fff; text-align: center; padding-top: 21px; }
#footer .center span,
#footer .center span a { color: #6b3f3d; }
#footer .center span a { text-decoration: underline; }
#footer .center span a:hover { text-decoration: none; }
#footer a { color: #90bed0; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.text .comment {
	background-color: #bfdfff;
	border: 1px solid #afcfef;
	margin-top: 11px;
	padding: 8px;
	position: relative;
}

.text .comment p {
	font-size: 11px;
	margin: 0px;
}

.text .comment p.by {
	font-size: 10px;
	margin-top: 8px;
}

.text .comment p.when {
	color: #333;
	font-size: 10px;
	position: absolute;
	right: 8px;
	top: 8px;
}

.video { border: solid 5px #fff; margin-bottom: 10px; background: #000; }

.video-selector label { float: left; display: inline; font-size: 10px; line-height: 19px; padding-bottom: 0; }
.video-selector .field { float: right; display: inline; width: 170px; margin-bottom: 0; }

.text h2 { font-size: 19px; line-height: 23px; color: #334c64; margin: 0px; padding-bottom: 3px; }
input[type="checkbox"] {
	float: left;
	height: 13px;
	margin: 19px 7px 0px 0px;
	padding: 0px;
	width: 13px;
}
.text input[type="password"],
.text input[type="text"] { display: block; font-size: 11px; padding: 2px; width: 400px;}
.text input[type="submit"] { display: block; font-size: 11px; margin: 11px 0px 0px 0px; }
.text label { color: #360d0d; display: block; font-size: 11px; margin: 11px 0px 0px 0px; padding: 0px;}
.text label.checkbox { margin: 13px 0px 0px 20px; }
.text label.radio { display: inline; }
.text p { margin: 15px 0px 0px 0px; }
.text p img { float: right; margin: 3px 0px 18px 18px; }
.text p.blog-date {
	color: #656565;
	font-size: 11px;
	margin-top: 3px;
}
.text div.blog-description {
	padding: 7px 0px 7px 0px;
}
.text div.blog-description img {
	/*float: right;
	margin: 3px 0px 13px 13px;*/
	float: none;
	margin: 0px;
}
.text p.blog-details {
	color: #656565;
	font-size: 12px;
	margin-top: 3px;
}
.text p.blog-intro {
	margin-top: 7px;
}
.text p.blog-intro a {
	text-decoration: none;
}
.text p.blog-intro a:hover {
	text-decoration: underline;
}
.text p.blog-more,
.text ul.blog-more {
	margin: 1em 0em 0em 0em;
}
.text ul.blog-more li {
	padding-bottom: 0.2em;
}
.text ol,
.text ul { margin-left: 12px; padding-left: 20px; margin-bottom: 0px; margin-top: 18px; }
.text ol li,
.text ul li { margin-bottom: 3px; }
.text option { font-size: 12px; padding: 2px; }
.text p.caption { color: #999999; font-size: 11px; line-height: 1.2em; margin-top: 2px; width: 400px; }
.text p.details { margin-top: 7px; }
label.displayonly {
	color: #999;
}
p.displayonly {
	margin-top: 2px;
}
p.error {
	background-color: #cc0000;
	border: 1px dashed #ffffff;
	color: #ffffff;
	margin-bottom: 2em;
	padding: 1em;
}
p.error a {
	color: #ffffff;
}
p.message {
	background-color: #009900;
	border: 1px dashed #ffffff;
	color: #ffffff;
	margin-bottom: 1em;
	padding: 1em;
}
p.message a {
	color: #ffffff;
}
.text select { font-size: 12px; }
.text textarea { font-size: 11px; height: 100px; margin-bottom: -3px; padding: 2px; width: 400px;}
.text .address { padding-left: 20px; }

#sign-in {
	padding-top: 1em;
}

#sign-in label {
	clear: both;
	float: left;
	font-size: 1em;
	font-weight: bold;
	margin-top: 1em;
	white-space:nowrap;
	width: 130px;
}
#sign-in input.submit {
	margin-top: 1em;
}
#sign-in input.text {
	display: inline;
	font-size: 1em;
	margin-top: 1em;
	width: 200px;
}

#slider { height: 323px; width: 660px; overflow: hidden; }
#slider li { height: 323px; width: 660px; }
#slider img { display: block; }

#super_lawyers_badge {
	margin-top: 2em !important;
}

#super_lawyers_badge td {
	background-color: transparent;
}

#testimonials {
	float: left;
	margin-bottom: 2em;	
	width: 45em;
}

#testimonials img {
	float: left;
	margin: 1em 1em 0em 0em;
	width: 150px;
	border: 3px solid #ccc;
}

.active {
	padding-top: 20px;
}
.active input {
	margin-top: 15px;
}

.checkboxes {
	padding-bottom: 10px;
}

.checkboxes .active {
	padding-top: 2px;
}
.checkboxes .active input {
	margin-top: 15px;
}

.clear {
	clear: both;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: hidden;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				line-height:15px;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}