/*********** #SteeleLawFirm.com styles ***********/ 

  

body, div, dl, dt, dd, ul, ol, li, pre, p, h1, h2, h3, h4, h5, h6,

form, fieldset, input, table, th, tr, td, embed, object {

	padding: 0;

	margin: 0; 

}



body {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;

	color: #2c4b61;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	background: #edece7 url("images/steele-law.gif") repeat-x left top;

}



blockquote {

	font-weight: normal;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

	font-size: 13px;

	margin: 0px; 

	text-align: left;

}



td {

	padding: 5px 5px 5px 5px;

}



td p {

	line-height: 18px;

}



a {

	color: #7b2e00;

	text-decoration: none;

	font-weight: bold;

	text-decoration: underline;

}



a:hover {

	color: #B94500;

	text-decoration: none;

}



hr {

	text-align: center;

}



h1 {

	line-height:24px;

	font-size: 24px;

	color: #222222;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 20px 0px;

	font-weight:bold;

}



h1 a {

	color: #222222;

	font-weight:bold;

	text-decoration: none;

}



h1 a:hover {

	color: #222222;

}



h2 {

	font-size: 16px;

	line-height: 16px;

	padding: 0px 0px 0px 0px;

	margin: 7px 0px 14px 1px;

	color: #2c4b61;

	font-weight: bold;

}



h2 a {

	color: #2c4b61;

	font-weight: bold;

	text-decoration: none;

}



h2 a:hover {

	color: #2c4b61;

}



h3 {

	font-size: 14px;

	line-height: 16px;

	padding: 0px 0px 0px 0px;

	margin: 7px 0px 14px 1px;

	color: #437396;

	font-weight: bold;

}



h3 a {

	color: #437396;

	font-weight: bold;

	text-decoration: none;

}



h3 a:hover {

	color: #437396;

}



h4 {

	line-height: 26px;

	font-size: 26px;

	color: #2c4b61;

	margin: 25px 0px 0px 19px;

	padding: 0px 0px 0px 0px;

	font-weight: bold;

	font-family: "Times New Roman", Times, serif;

}



h4 a {

	color: #2c4b61;

	text-decoration: none;

	font-weight: bold;

}



h4 a:hover {

	color: #2c4b61;

}



h5 {

	font-size: 24px;

	line-height: 24px;

	color: #ffffff;

	margin: 0px 0px 0px 0px;

	padding: 8px 0px 10px 0px;

	font-weight: normal;

	font-family: "Times New Roman", Times, serif;

}



h5 a {

	color: #ffffff;

	text-decoration: none;

}



h5 a:hover {

	color: #ffffff;

}



h6 {

	font-size: 24px;

	line-height: 24px;

	color: #ffffff;

	margin: 0px 0px 0px 0px;

	padding: 8px 0px 10px 24px;

	font-weight: normal;

	font-family: "Times New Roman", Times, serif;

}



h6 a {

	color: #ffffff;

	text-decoration: none;

}



h6 a:hover {

	color: #ffffff;

}



.lt-blue {

	color: #345c7d;

}



.redtext {

	color:#990000;

}



.clear {

	clear: both;

}



.seo-link {

	display: none;

}



.ital {

	font-style: italic;

}



input, textarea {

	border-top: 1px solid #324d5f;

	border-right: 1px solid #91a2ad;

	border-bottom: 1px solid #91a2ad;

	border-left: 1px solid #324d5f;

	background: url("images/contact-bg.gif") no-repeat left top;

	color: #2c4b61;

	padding: 0px 0px 0px 3px;

	font-size: 11px;

	font-weight: normal;

}



.button {

	padding: 2px 10px 2px 10px;

	margin: 0px 0px 0px 0px;

	background: #e8edf1;

	cursor: pointer;

}



.subhead {

	font-weight: bold;

}



 /*********** Header/Top Menu styles ***********/ 



#steelelaw {

	width: 960px;

	height: 168px;

	background: url("images/steele-law-firm.jpg") no-repeat left top;

	text-align: left;

}



a#home-link {

	width: 375px;

	height: 118px;

	float: left;

	display: block;

}



a#contact-us {

	width: 303px;

	height: 118px;

	float: right;

	display: block;

}



#top-spacer {	

	width: 11px;

	height: 40px;

	float: left;

}



#top-menu {

	width: 949px;

	height: 50px;

	line-height: 50px;

	font-size: 12px;

	text-align: center;

	text-transform: uppercase;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	float: left;

}



#top-menu ul {

	list-style: none;

}



#top-menu li {

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	float: left;

}



#top-menu a {

	line-height: 50px;

	height: 50px;

	display: block;

	float: left;

	padding: 0px 12px 0px 13px;

	margin: 0px 0px 0px 0px;

	color: #ffffff;

	text-decoration: none;

}



#top-menu a:hover {

	color: #83b7d9;

	background: url("images/menu-roll.gif") repeat-x left top;

}



 /*********** Practice Areas/Flash styles ***********/



#texas-personal-injury {

	width: 960px;

	height: 267px;

	text-align: center;

	background: #53778d;

}



#prac-space {

	width: 5px;

	height: 267px;

	float: left;

}



#practice-links {

	width: 230px;

	height: 267px;

	float: left;

}



a#practice-areas {

	width: 230px;

	height: 53px;

	display: block;

	background: url("images/practice-areas.jpg") no-repeat left top;

}



/* Generic Menu Styles */

ul#menu, ul#menu ul { float: none; display: inline; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 230px; font-size: 12px;  }

	ul#menu li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; list-style: none;	line-height: 30px; text-align: left; color:#FFFFFF; width: 230px; height:30px; }

		ul#menu li a { display: block; color:#015a7c; padding: 0px 0px 0px 0px; text-decoration: none; background: url("images/prac.gif") no-repeat left top; width: 230px; height:29px; font-weight: bold; }

			ul#menu li a:hover { color:#015a7c; background: url("images/prac1.gif") no-repeat left top; width: 230px; height:29px; font-weight: bold; }

				ul#menu li a p { margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px; }			

/* First Level Block Specific Styles */





ul#menu li.more-areas a { 

	background: url("images/prac4.gif") no-repeat left top;

}



ul#menu li.more-areas a:hover { 

	background: url("images/prac5.gif") no-repeat left top;

}



/* second-level lists */



ul#menu li ul { 

	position: absolute;

	display: block;	

	width: 230px;

	left: -700em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	padding: 0px 0px 0px 0px;

	margin: -29px 0px 0px 230px;

	background: #f4f7f8;

	z-index: 1000;

	line-height: 30px;

}



ul#menu li ul li a, ul#menu li.more-areas ul li a { 

	color: #015a7c;

	padding: 0px 0px 0px 20px;

	text-align: left;

	background: url("images/prac2.gif") no-repeat left top;

	width: 230px;

	height: 30px;

	margin: 0px 0px 0px 0px;

	line-height: 30px;

	display: block;

}



ul#menu li ul li a:hover, ul#menu li.more-areas ul li a:hover { 

	color: #015a7c;

	background: url("images/prac3.gif") no-repeat left top;

}



ul#menu li ul li { 

	display: block;

	width: 230px;

	height: 30px;

	text-align: left;

	line-height: 30px;

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

	background: none;

}



ul#menu li:hover ul, ul#menu li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}



#flash {

	width: 720px;

	height: 267px;

	float: right;

	 /* background: url("images/flash.jpg") no-repeat left top; */
	 
	 
	background-color: #243d4e;

	

	z-index: 1;

}



 /*********** Options Menu styles ***********/



#options {

	width: 959px;

	height: 72px;

	margin: 10px 0px 8px 1px;

}



#library {

	width: 237px;

	height: 72px;

	float: left;

}



#library a {

	width: 237px;

	height: 72px;

	display: block;

	background: url("images/library.jpg") no-repeat left top;

}



#library a:hover {

	background: url("images/library-roll.jpg") no-repeat left top;

}



#after-accident {

	width: 237px;

	height: 72px;

	float: left;

	margin: 0px 0px 0px 2px;

}



#after-accident a {

	width: 237px;

	height: 72px;

	display: block;

	background: url("images/after-accident.jpg") no-repeat left top;

}



#after-accident a:hover {

	background: url("images/after-accident-roll.jpg") no-repeat left top;

}



#representative-cases {

	width: 237px;

	height: 72px;

	float: left;

	margin: 0px 0px 0px 2px;

}



#representative-cases a {

	width: 237px;

	height: 72px;

	display: block;

	background: url("images/representative-cases.jpg") no-repeat left top;

}



#representative-cases a:hover {

	background: url("images/representative-cases-roll.jpg") no-repeat left top;

}



#free-publications {

	width: 242px;

	height: 72px;

	float: left;

	margin: 0px 0px 0px 2px;

}



#free-publications a {

	width: 242px;

	height: 72px;

	display: block;

	background: url("images/free-publications.jpg") no-repeat left top;

}



#free-publications a:hover {

	background: url("images/free-publications-roll.jpg") no-repeat left top;

}



 /*********** Main Block styles ***********/



#main {

	background: #FFFFFF;

	width: 960px;

	text-align: left;

	margin: 0px 0px 50px 0px;

}



#content-wrap {

	width: 475px;

	float: left;

	margin: 30px 0px 30px 0px;

}



#content-wrap2 {

	width: 695px;

	float: left;

	margin: 30px 0px 30px 0px;

}



#home-content {

	width: 430px;

	margin: 0px 0px 0px 30px;

	line-height: 18px;

}



#home-content p {

	margin: 18px 0px 18px 0px;

	padding: 0px 0px 0px 0px;

}



#home-content ul,#content ol {

	margin: 10px 10px 10px 15px;

	padding: 0px 0px 0px 0px;

}



#home-content li {

	margin: 1px 0px 1px 10px;

	padding: 0px 0px 0px 0px;

}



#content {

	width: 650px;

	margin: 0px 0px 0px 30px;

	line-height: 18px;

}



#content p {

	margin: 18px 0px 18px 0px;

	padding: 0px 0px 0px 0px;

}



#content ul,#content ol {

	margin: 10px 10px 10px 15px;

	padding: 0px 0px 0px 0px;

}



#content li {

	margin: 1px 0px 1px 10px;

	padding: 0px 0px 0px 0px;

}



#video-content {

	width: 430px;

	margin: 0px 0px 0px 30px;

	line-height: 18px;

}



#video-content p {

	margin: 18px 0px 18px 0px;

	padding: 0px 0px 0px 0px;

}



#video-content ul,#content ol {

	margin: 10px 10px 10px 15px;

	padding: 0px 0px 0px 0px;

}



#video-content li {

	margin: 1px 0px 1px 10px;

	padding: 0px 0px 0px 0px;

}



img.content-image {

	margin: 0px 0px 20px 20px;

	float: right;

}



.callout {

	margin: 10px 0px 30px 0px;

	padding: 16px 20px 16px 20px;

	border: 1px solid #a9bbc6;

}



#content .callout p,#video-content .callout p, #home-content .callout p {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 28px;

	background: url("images/callout.gif") repeat-y left top;

}



#content .callout h2,#video-content .callout p, #home-content .callout p {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 28px;

	background: url("images/callout.gif") repeat-y left top;

}



#personal-injury-video {

	width: 435px;

	height: 229px;

	margin: 0px 0px 30px 0px;

	padding: 0px 0px 0px 0px;

	background: url("images/video-bg.jpg") no-repeat left top;

}



#injury-video {

	width: 330px;

	height: 229px;

	margin: 0px 0px 0px 0px;

	padding: 5px 0px 0px 0px;

	background: #ffffff;

}



 /********* Sidebar Block styles *********/



#dallas-personal-injury {

	width: 480px;

	float: right;

	margin: 30px 0px 30px 0px;

}



#personal-injury {

	width: 240px;

	float: right;

	margin: 30px 0px 30px 0px;

}



/*** Testimonial Block styles ***/



#testimonial {

	width: 240px;

	float: right;

	background: url("images/divider2.gif") repeat-y left top;

}



#more-testimonials {

	width: 240px;

	background: url("images/divider2.gif") repeat-y left top;

	padding: 5px 0px 0px 0px;

}



#video {

	width: 224px;

	margin: 0px 0px 17px 8px;

	color: #2c4b61;

}



#video p {

	padding: 0px 0px 0px 7px;

	margin: 0px 0px 0px 35px;

	line-height: 15px;

	background: url("images/bullet1.gif") no-repeat left 4px;

	font-style: italic;

	font-weight: bold;

}



#video a {

	color: #2c4b61;

}



#video a:hover {

	color: #2c4b61;

}



#video-link {

	width: 224px;

	margin: 0px 18px 8px 0px;

	color: #2c4b61;

	float: left;

}



#video-link p {

	padding: 0px 0px 0px 7px;

	margin: 0px 0px 0px 35px;

	line-height: 15px;

	background: url("images/bullet1.gif") no-repeat left 4px;

	font-style: italic;

	font-weight: bold;

}



#video-link a {

	color: #2c4b61;

}



#video-link a:hover {

	color: #2c4b61;

}



a#about-video {

	width: 224px;

	height: 146px;

	display: block;

	background: url("images/video-link.jpg") no-repeat left top;

	color: #2c4b61;

}

a:hover#about-video {

	background: url("images/video-link-roll.jpg") no-repeat left top;

	color: #2c4b61;

}



#testimonials {

	width: 219px;

	background: url("images/divider.gif") no-repeat left top;

	margin: 0px 0px 0px 11px;

	line-height: 17px;

	color: #2c4b61;

	font-weight: bold;

}



#testimonials p {

	padding: 4px 20px 4px 15px;

	margin: 0px 0px 0px 0px;

}



a#testimonial-link {

	width: 219px;

	height: 61px;

	display: block;

	margin: 0px 0px 0px 0px;

	background: url("images/testimonials.gif") no-repeat 20px 25px;

}



/*** Contact Form Block styles ***/



#personal-injury-attorney {

	width: 240px;

	float: right;

	background: url("images/divider2.gif") repeat-y left top;

}



#contact {

	width: 219px;

	background: url("images/divider.gif") no-repeat left top;

	margin: 0px 0px 0px 11px;

}



#contact-form {

	width: 184px;

	margin: 0px 0px 0px 15px;

	background: url("images/tell-us.gif") no-repeat left 28px;

	padding: 96px 0px 0px 0px;

}



.iform {

	width: 184px;

	height: 21px;

	line-height: 22px;

	margin: 0px 0px 10px 0px;

}



.tform {

	width: 184px;

	height: 72px;

	line-height: 22px;

	margin: 0px 0px 10px 0px;

}



.spform {

	width: 50px;

	height: 21px;

	line-height: 22px;

	margin: 0px 0px 10px 0px;

	float: right;

}



.submit-button {

	width: 52px;

	height: 25px;

	background: url("images/submit-button.gif") no-repeat left top;

	border: none;

	cursor: pointer;

}

.reset-button {

	width: 52px;

	height: 25px;

	background: url("images/reset-button.gif") no-repeat left top;

	border: none;

	cursor: pointer;

}



p.anti-spam {

	line-height: 12px;

	text-align: right;

}



#free-guide {

	width: 219px;

	background: url("images/divider.gif") no-repeat left top;

	margin: 25px 0px 17px 11px;

	line-height: 20px;

	color: #2c4b61;

	font-weight: bold;

	font-family:"Times New Roman", Times, serif;

	font-size: 12px;

}



#free-guide p {

	padding: 12px 30px 12px 15px;

	margin:0px 0px 0px 0px;

}



#insurance-company-tricks {

	width: 219px;

	height: 160px;

	background: url("images/free-guide.jpg") no-repeat left 10px;

}



#request-guide {

	width: 161px;

	height: 34px;

	margin: 10px 0px 0px 15px;

}



#request-guide a {

	width: 161px;

	height: 34px;

	background: url("images/request-guide.jpg") no-repeat left top;

	display: block;

}



#request-guide a:hover {

	background: url("images/request-guide-roll.jpg") no-repeat left top;

}



 /*** Bottom Practice Area Links styles ***/



#practice-area-links {

	width: 940px;

	background: url("images/divider.gif") repeat-x left top;

	padding: 1px 0px 30px 0px;

	margin: 0px 0px 0px 9px;

	font-size: 12px;

	line-height: 18px;

	font-family:"Times New Roman", Times, serif;

}



#practice-area-links p {

}



#practice-area-links ul {

	padding: 0px 0px 0px 0px;

	margin: 10px 0px 0px 25px;

	list-style: none;

}



#practice-area-links li {

	width: 228px;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	background: url("images/bullet3.gif") no-repeat left 7px;

	float:left;

}



#practice-area-links a {

	padding: 0px 0px 0px 7px;

	margin: 0px 0px 0px 0px;

	color: #2c4b61;

	text-decoration: none;

}



#practice-area-links a:hover {

	color:#4B80A7;

}



#practice-area-links h4 a:hover {

	color: #2c4b61;

}



 /*********** Bottom Menu styles ***********/

 

#injury-attorney {

	background: url("images/disclaimer.gif") repeat-x left top;

}



#personal-injury-lawyer {

	width: 960px;

	background: url("images/disclaimer.gif") repeat-x left top;

	text-align: left;

}



#car-accident-attorney {

	width: 960px;

	height: 257px;

	border-bottom: 1px solid #5a768b;

	color: #c4d9ea;

}



#car-accident-attorney a {

	color: #c4d9ea;

	text-decoration: underline;

	font-weight: normal;

}



#car-accident-attorney a:hover {

	color:#E1ECF4;

}



#office-location {

	width: 238px;

	height: 215px;

	margin: 25px 0px 0px 0px;

	float: left;

	line-height: 20px;

	font-size: 12px;

}



#office-location p {

	padding: 3px 10px 3px 0px;

	margin:0px 0px 0px 0px;

}



#links {

	width: 240px;

	height: 215px;

	margin: 25px 0px 0px 0px;

	float: left;

	border-left: 1px solid #5a768b;

	line-height: 28px;

	font-size: 12px;

}



#links ul {

	padding: 0px 0px 0px 0px;

	margin:0px 0px 0px 20px;

	list-style: none;

}



#links li {

	padding: 0px 0px 0px 10px;

	margin:0px 0px 0px 0px;

	background: url("images/bullet2.gif") no-repeat left 13px;

}



#tools {

	width: 240px;

	height: 215px;

	margin: 25px 0px 0px 0px;

	float: left;

	border-left: 1px solid #5a768b;

	line-height: 28px;

	font-size: 12px;

}



#tools p {

	padding: 0px 0px 0px 25px;

	margin:0px 0px 0px 25px;

	width: 175px;

}



p#tool-map {

	background: url("images/maps.png") no-repeat left top;

	behavior: url(iepngfix.htc);

}



p#tool-bookmark {

	background: url("images/bookmark.png") no-repeat left top;

	behavior: url(iepngfix.htc);

}



p#tool-print {

	background: url("images/print.png") no-repeat left top;

	behavior: url(iepngfix.htc);

}



p#tool-email {

	background: url("images/email.png") no-repeat left top;

	behavior: url(iepngfix.htc);

}



p#tool-sitemap {

	background: url("images/sitemap.png") no-repeat left top;

	behavior: url(iepngfix.htc);

}



#recent-blog-posts {

	width: 238px;

	height: 215px;

	margin: 25px 0px 0px 0px;

	float: left;

	border-left: 1px solid #5a768b;

	line-height: 13px;

	font-size: 11px;

}



#recent-blog-posts ul {

	padding: 0px 0px 0px 0px;

	margin:0px 0px 0px 20px;

	list-style: none;

}



#recent-blog-posts li {

	padding: 0px 0px 10px 10px;

	margin:0px 0px 0px 0px;

	background: url("images/bullet.gif") no-repeat left 5px;

}



 /*********** Disclaimer styles ***********/



#disclaimer {

	width: 960px;

	line-height: 16px;

	color: #c4d9ea;

	font-size: 11px;

	padding: 0px 0px 20px 0px;

	margin: 0px 0px 0px 0px;

}



#disclaimer p {

	padding: 16px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}



#disclaimer a {

	color: #6dcff6;

}



#disclaimer a:hover {

	color:#CCCCCC;

}

 

/************** 2 column list ****************/

#list {

	width: 600px;

	font-size: 12px;

}



#list-lft {

	width: 300px;

	float:left;

}



#list-rt {

	width: 300px;

	float:right;

}