/* CSS Document */
BODY { padding: 0; margin: 0; border: 0; background: #000 url('../images/bg_body.jpg') repeat-x; }

/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.5em; color: #333; }

h1, .Title		{ color: #000000; font-size: 22px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; line-height: 1.5em; }
h2, .Header		{ color: #000000; font-size: 18px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; line-height: 1.5em; }
.RedHeader		{ color: #96070A; font-size: 18px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; line-height: 1.5em; }
h3, .Subheader	{ color: #000000; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; line-height: 1.5em; }
.Subheader2		{ color: #000000; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; line-height: 1.5em; }

ol,ul {
	margin-top: 0;
	margin-bottom: 0;
}

blockquote {
	background-color: #fff;
	margin: 0;
	padding: 20px;
	color: #333;
	border-color: #999999;
	border-style: solid;
	border-width: 2px;
	font-family: Georgia, serif;
	font-size: 12px;
	line-height: 1.5em;
}

.Red		{ color: #96070A; }
.Beige		{ color: #EAE4CC; }
.Gold		{ color: #A2843B; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }
.Gray		{ color: #666666; }

.SmallText	{ font-size: 10px; line-height: 1em; }
.RegularText{ font-size: 13px; line-height: 13px; }
.MediumText	{ font-size: 16px; line-height: 1em; }
.LargeText	{ font-size: 24px; line-height: 1em; }

IMG.PhotoBorder { border: 1px solid #999999; }
IMG.FloatLeft 	{ float: left; margin: 0 10px 10px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 10px 10px; }

TD.journalImage { text-align: center; vertical-align: middle; font-size: 10px; width: 100px; } 
table.journals td { padding: 0 0 20px 0; } 
table.journals td img { margin: 0 0 5px 0; border: 1px solid #C0C0C0; width: 80px; }

TD.GrayTopBorder 	{ border-top: 1px dotted #CCC }
TD.GrayBottomBorder { border-bottom: 1px dotted #CCC }
TD.GrayLeftBorder 	{ border-left: 1px dotted #CCC; }
TD.GrayRightBorder 	{ border-right: 1px dotted #CCC }

TD.PadTop 			{ padding-top: 15px; }
TD.PadBottom	 	{ padding-bottom: 15px; }
TD.PadLeft 			{ padding-left: 15px; }
TD.PadRight 		{ padding-right: 15px; }

hr { height: 1px; border: 0; color: #999; background: #999; margin: 20px 0; }

/* site structure */
div#wrap { width: 940px; margin: 0 auto; padding: 10px; background: #E5E5E5; }
div#header { height:145px; }
	div#action { float: right; width: 200px; margin: 0 5px 0 0; }
	div#action td 		{ padding: 5px 0 0 0; color: #000; font-family: Georgia, Times New Roman, Times, serif; text-align: center; }
	div#action td span  { line-height: 32px; }
	div#action td a		{ color: #96070A; text-decoration: none; }
	div#action td a:hover  { color: #96070A; text-decoration: underline; }
/*
	div#banner { position: relative; float: left; width: 725px; height: 150px; background: #C0C0C0 url('../images/banner.jpg') no-repeat; }
	div#banner div  { display: none;  position: absolute; left: 0; width: 566px; margin: 0 auto; }
*/	
td#leftNav { vertical-align: top; width: 225px; }
	td#leftNav ul	{ margin: 0 0 5px; padding: 0; list-style-type: none; }
	td#leftNav li	{ margin-bottom: 1px; list-style-type: none; }
	td#leftNav h2 	{ margin: 0 0 5px 0; border: 1px solid #C0C0C0; border-width: 1px 0; background: #C0C0C0; text-transform: uppercase; padding: 0 0 0 20px; font-size: 15px; line-height: 1.5em; font-weight: bold; }
	td#leftNav h3 	{ margin: 5px 0; }
	
	div#personal-injury-specialists-subnav { display: none; }
	div#personal-injury-specialists-subnav.show { display: block; }
	
td#mainContent { vertical-align: top; padding: 0; }
	td#mainContent h1 { margin: 0 0 15px 0; }
div#content	{ clear: both; width: 690px; text-align: left; margin: 0 10px 10px 0; float: right; }
	div#content h1 { margin: 0 0 10px 0; }
div#logos {
/*	margin-top:40px;*/
/*	padding-left:240px;*/
	text-align:center;
/*	width:690px;*/
}
div#logos img {margin-right: 15px; }
div#footer	{ text-align: center; font-size: 10px; color: #FFF; padding: 10px 0; line-height: 2.5em; }

div.callout	{ border: 2px solid #999; padding: 10px; margin: 10px 0; color: #000; font-size: 12px; }

body div#banner { position: relative; float: left; width: 940px; height: 253px; background: #C0C0C0 url('../images/wl_homebanner2_slide3.jpg') no-repeat; }
body.home div#banner div#banner-text-1 {
/*	display: block;*/
	position: absolute;
	top: 80px;
	left: 657px;
	width: 196px;
	height: 23px;
	background: url(../images/text_experience-counts.png) no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
}
body.home div#banner div#banner-text-2 {
/*	display: block;*/
	position: absolute;
	top: 108px;
	left: 657px;
	width: 196px;
	height: 19px;
	background: url(../images/text_results-matter.png) no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
}

body div#header { height:253px; }
body div#action { display: none; }

/* nav bar */
div#navBox	{ width: 100%; height: 25px; margin: 10px 0; background: #000 url('../images/bg_nav.jpg') repeat-x; }
ul#navBar 	{ display: block; height: 25px; margin: 0; padding: 0; list-style-type: none; }
ul#navBar li { display: block; margin: 0; padding: 0; list-style-type: none; float: left; }

/* links */
a:link, a:visited 		   { color: #96070A; text-decoration: underline; border-style: none; outline: none; -moz-outline-style: none; }
a:active, a:hover, a:focus { color: #000000; text-decoration: underline; border-style: none; outline: none; -moz-outline-style: none; }

ul#navBar li a { display: block; height: 25px; padding: 0 15px; color: #C0C0C0; font-size: 13px; font-weight: normal; line-height: 1.8em; text-decoration: none; float: left; }
ul#navBar li a:link,
ul#navBar li a:visited { color: #C0C0C0; }
ul#navBar li a:active,
ul#navBar li a:hover   { color: #FFFFFF; }
ul#navBar li a.active  { color: #FFFFFF; background: url('../images/bg_nav_on.jpg') repeat-x 0 0; }

td#leftNav a,
td#leftNav a:hover { text-decoration: none; }

td#leftNav ul li a			{display: block; border: solid #C0C0C0; border-width: 0 0 0 10px; padding: 3px 10px 3px 20px; font-size: 12px; font-weight: normal; text-decoration: none; }
td#leftNav ul li a:link,
td#leftNav ul li a:visited	{color: #000; background: #DBDBDB;}
td#leftNav ul li a:hover,
td#leftNav ul li a.active	{color: #FFF; background: #A2843B url('../images/bg_nav_on.jpg') repeat-x 0 0; text-decoration: none; border: 0; padding-left: 30px; }

td#leftNav ul li a.header,
td#leftNav ul li a.header:link,
td#leftNav ul li a.header:visited {font-weight: bold; padding-left: 10px; }
td#leftNav ul li a.header:active,
td#leftNav ul li a.header:hover   {font-weight: bold; padding-left: 20px; }

td#leftNav div.callout a 		{ color: #96070A; text-decoration: underline; }
td#leftNav div.callout a:hover  { color: #000000; text-decoration: underline; }

div#footer a 		{ color: #666666; text-decoration: none; }
div#footer a:hover 	{ color: #666666; text-decoration: underline; }

/* --- home --- */

* #key_areas {
	float: left;
	width: 765px;
	padding-top: 17px;
}

#key_areas div.area_1,
#key_areas div.area_2,
#key_areas div.area_3,
#key_areas div.video {
	border: 2px solid #999999;
/*	cursor:pointer;*/
	display:block;
	float:left;
	height:329px;
	margin-right:17px;
	padding: 0 10px 10px 10px;
	position:relative;
	width: 314px;
	background-color: #EFEFEF;
}

#key_areas div.video {
	padding-top: 74px;
	height: 255px;
}

#key_areas div.area_2 {
	margin-right: 0;
}

#key_areas div.area_3 {
	margin-right:0;
	margin-top: 17px;
	width:667px;
	height: auto;
}

/*#key_areas div.area_1:hover,
#key_areas div.area_2:hover,
#key_areas div.area_3:hover {
	background-color: #EFEFEF;
}*/

#key_areas div.area_1:hover p,
#key_areas div.area_2:hover p,
#key_areas div.area_3:hover p {
	color: #000;
}

#key_areas a:link,
#key_areas a:active,
#key_areas a:visited {
	font-weight: bold;
}

#key_areas p.more {
	position: absolute;
	bottom: 0;
	right: 10px;
}