/*********** # Styles MesotheliomaFirms.net ***********/
  
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, img {
	padding: 0;
	margin: 0; 
	outline: 0;
	border: 0;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #232323;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	background:#d1cab6 url("images/back.gif") repeat-x left top;
}

blockquote {
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0px; 
	text-align: left;
}

a {
	color: #b65e08;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #b65e08;
	text-decoration: underline;
}

a:focus {
	outline: 0;
}

/*** # autocentered hr stlyling ***/
hr {
	text-align: center;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: none;
	border-right: none;
	border-left: none;
}

/*** # custom secondary divider ***/
.divider {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px dotted #CCCCCC;
	height: 1px;
	clear: both;
}

/*** # custom image float classes ***/
img.imgleft {
	float: left;
	margin: 5px 20px 20px 0px;
	border: none;
}

img.imgright {
	float: right;
	margin: 5px 0px 20px 20px;
	border: none;
}

img.imgcenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 20px;
	text-align:center;
	border: none;
}

img.imgwebshot {
	float: left;
	margin: 0px 20px 20px 0px;
	border: 1px solid #cccccc;
}

/*** # heading tags ***/

h1 {
	line-height:22px;
	font-size: 20px;
	color: #b65e08;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	font-weight:bold;
	font-family: "Trebuchet MS";
}

h1 a {
	color: #b65e08;
	font-weight:bold;
	text-decoration: none;
}

h1 a:hover {
	color: #b65e08;
	text-decoration: none;
}

h2 {
	line-height:18px;
	font-size: 16px;
	color: #b65e08;
	padding: 15px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
	font-family: "Trebuchet MS";
}

h2 a {
	color: #b65e08;
	font-weight: bold;
	text-decoration: none;
}

h2 a:hover {
	color: #b65e08;
	text-decoration: none;
}

h2 span {
	font-size: 11px;
}
h2.no-pad {
	padding: 0px 0px 0px 0px;
}

h3 {
	line-height:16px;
	font-size: 14px;
	color: #b65e08;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
	font-family: "Trebuchet MS";
}

h3 a {
	color: #b65e08;
	text-decoration: none;
	font-weight: bold;
}

h3 a:hover {
	color: #b65e08;
	text-decoration: none;
}

h3 span {
	font-size: 11px;
}
h3.no-pad {
	padding: 0px 0px 0px 0px;
}

/*** # h4 ***/
h4 {
	line-height:16px;
	font-size: 14px;
	color: #887554;
	padding: 15px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
	font-family: "Trebuchet MS";
}

h4 a {
	color: #887554;
	text-decoration: none;
	font-weight: bold;
}

h4 a:hover {
	color: #887554;
	text-decoration: none;
}

h4 span {
	font-size: 11px;
}
h4.no-pad {
	padding: 0px 0px 0px 0px;
}

/*** # h5 unstyled ***/
h5 {
	line-height:22px;
	font-size: 18px;
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
}

h5 a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

h5 a:hover {
	color: #000000;
	text-decoration: none;
}

/*** # h6 - h1 clone ***/
h6 {
	line-height:22px;
	font-size: 20px;
	color: #b65e08;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	font-weight:bold;
	font-family: "Trebuchet MS";
}

h6 a {
	color: #b65e08;
	font-weight:bold;
	text-decoration: none;
}

h6 a:hover {
	color: #b65e08;
	text-decoration: none;
}

/*** # odds ends ***/
.clear {
	clear: both;
}

.clearleft {
	clear: left;
}

.link {
	display: none;
}

.ital {
	font-style: italic;
}

.xspace {
	margin: 0px 0px 0px 28px;
}

.emphasis {
	font-size: 14px;
}

.big-cap {
	font-size: 47px;
	font-weight: bold;
	float: left;
	padding: 8px 3px 0px 0px;
	color: #b65e08;
}

.sm-txt {
	font-size: 11px;
	color: #999999;
}

/*** # custom 2 column split floats ***/
.fltlt {
	width: 270px;
	float: left;
}

.fltrt {
	width: 270px;
	float: right;
}

/*** # custom 3 column split floats ***/
.fltlt3 {
	width: 180px;
	float: left;
	paddin: 0px 5px 0px 0px;
}


/*** # default form styling ***/

input, textarea, select {
	color: #363636;
	font-size: 12px;
	padding: 0px 0px 0px 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 18px;
	background: #ffffff url("images/form-back.gif") no-repeat left top;
}

#content input, #content textarea, #content select {
	border: 1px solid #cccccc;
	font-weight: bold;
    border-radius: 6px;
}

#content input[type=checkbox], #content input[type=radio] {
	border: none;
}

#content input {
	height: 18px;
}

#content textarea {
	height: 150px;
}

#content input.button {
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
	text-align: center;
	color: #111111;
	line-height: 21px;
	height: 21px;
	font-size: 11px;
	background: #ffffff;
	border: 1px solid #cccccc;
}

#content input.button:hover {
	border: 1px solid #aaaaaa;
}

.subhead {
	font-weight: bold;
}

/*** # default (unstyled) breadcrumb styling ***/

#breadcrumbs {
	line-height: 20px;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content #breadcrumbs p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#breadcrumbs a {
	margin: 0px 0px 0px 0px;
	padding: 0px 13px 0px 13px;
	color: #000000;
	text-decoration: none;
}

#breadcrumbs a:hover {
	color: #cccccc;
	text-decoration: none;
}

/*** # header styling ***/

#mesothelioma {
	width: 980px;
	background: url("images/top-shadow.png") no-repeat left top;
	padding: 10px 10px 0px 10px;
}

#mesothelioma-lawyers {
	width: 980px;
	height: 78px;
	margin: 0px 0px 0px 0px;
	background: url("images/mesothelioma-lawyers.jpg") no-repeat left top;
	text-align: left;
}

a#home-link {
	width: 300px;
	height: 60px;
	display: block;
	float: left;
	line-height: 20px;
	margin: 0px 0px 0px 18px;
	padding: 18px 0px 0px 0px;
	font-family:Trebuchet Ms, Lucida, Arial, Verdana, serif, sans;
	font-weight:normal;
	font-style:italic;
	font-size:24px;
	letter-spacing:-2px;
	color:#3d3d3d;
}

a#home-link span {
	font-weight:bold;
	font-size:12px;	
	color:#8d8d8d;
	letter-spacing:0px;
}

a#home-link:hover {
	text-decoration: none;
}

a#contact-link {
	width: 150px;
	height: 78px;
	float: right;
	line-height: 78px;
	margin: 0px 18px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:Trebuchet Ms, Lucida, Arial, Verdana, serif, sans;
	font-weight:normal;
	font-style:italic;
	font-size:24px;
	letter-spacing:-2px;
	color:#3d3d3d;
	text-align: right;
}

a#contact-link:hover {
	color:#3d3d3d;
	text-decoration: none;
}

#mesothelioma-attorneys {
	width: 980px;
	height: 200px;
	background: url("images/mesothelioma-attorneys.jpg") no-repeat left top;
}

#geo-display {
	width: 180px;
	height: 180px;
	float: right;
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}

img.imggeo {	
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align:center;
	border: none;
	padding: 0px 0px 0px 0px;
	max-width: 180px;
	max-height: 107px;
}

img.imgsbgeo {
	float: left;
	margin: 5px 20px 20px 0px;
	border: none;
	position: absolute;
}

#mesothelioma-info {
	width: 758px;
	height: 48px;
	float: left;
	background:transparent url("images/menu.png") repeat left top;
	margin: 130px 0px 0px 0px;
	padding: 11px 11px 0px 11px;
}

/* 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; text-transform: uppercase;  }
	ul#menu li { margin: 0; padding: 0; float: left; list-style: none;	line-height: 37px; text-align: center; color:#ffffff; }
		ul#menu li a { display: block; color:#ffffff; text-decoration: none; padding: 0px 19px 0px 19px;  }
			ul#menu li a:hover { color:#ffffff; background: url("images/menu-roll.gif") repeat-x left top; }
		ul#menu li.hlink a { background: url("images/home.gif") repeat-x left top; }
			ul#menu li.hlink a:hover { background: url("images/home.gif") repeat-x left top; }
	ul#menu li.last { float: right; }
/* second-level lists */

ul#menu li ul { 
	position: absolute;
	display: block;	
	width: 200px;
	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: 0px 0px 0px 0px;
	z-index: 1000;
	background: #67645a;
	border: 2px solid #ffffff;
    border-radius: 6px;
}

ul#menu li ul li{ 
	display: block;
	width: 200px;
	height: 27px;
	text-align: left;
	line-height: 27px;
	padding:3px 0px 3px 0px;
	margin:0px 0px 0px 0px;
}

ul#menu li ul li a{ 
	color:#ffffff;
	padding: 0px 0px 0px 20px;
	text-align: left;
	background:none;
	font-size: 12px;
	width: 180px;
	height: 27px;
	margin: 0px 0px 0px 0px;
	display: block;
}

ul#menu li ul li a:hover {
	color:#ffffff;
	background: #838078;
}

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

/* third-level lists */

ul#menu li ul li ul { 
	margin: -32px 0px 0px 196px;
}

#menu li:hover ul ul, #menu li.sfhover ul ul {
    left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
    left: auto;
}

/* fourth-level lists */

ul#menu li ul li ul li ul { 
	margin: -32px 0px 0px 196px;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
    left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
    left: auto;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#menu li { float: left; height: 1%; }
* html ul#menu li a { height: 1%; }
/* End */

/* IE7 Fix */
ul#menu li:hover, ul#menu li.hover { position: static; }
/* End */

/********* Main Layout Styles *********/

#mesothelioma-asbestos-exposure-lawyers {
	width: 980px;
	background: url("images/shadow.png") repeat-y left top;
	padding: 0px 10px 0px 10px;
}

#mesothelioma-asbestos-exposure-attorneys {
	width: 980px;
	background: #ffffff url("images/attorney-mesothelioma.jpg") no-repeat center top;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#content {
	padding: 30px 0px 15px 0px;
	margin: 2px 0px 20px 20px;
	width: 650px;
	text-align: justify;
	float: left;
	line-height: 20px;
}

#sidebar {
	width: 280px;
	float: right;
	border-left: 1px solid #d0d0d0;
	padding: 5px 5px 5px 5px;
	margin: 2px 5px 0px 0px;
}

/** # content area styles **/

#content p {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}

#content td {
	padding: 5px 5px 5px 5px;
	vertical-align: text-top;
	vertical-align: top;
}

#content ul, #content ol {
	margin: 5px 0px 5px 10px;
	line-height: 15px;
}

#content ul li, #content ol li {
	margin: 7px 0px 7px 10px;
}

/*** # sidebar styling ***/
/* # gmaps styling */
#google-map {
	width: 280px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #cccccc;
}

/* # state picker styling */

#pick-state {
	width: 280px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

select.pickstate {
	width:250px; 
	padding: 3px 3px 2px 0px;
	margin: 0px 0px 0px 18px;
}

/* # some default sidebar styling */

#sidebar p {
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 12px 0px;
}

#sidebar p.title {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 20px 0px;
	line-height: 22px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #b65e08;
	font-family: "Trebuchet MS";
}

#sidebar p.title-nb {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 20px 0px;
	line-height: 22px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #b65e08;
	font-family: "Trebuchet MS";
}

#sidebar p.gmap {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 12px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

#sidebar select {
	border: 1px solid #cccccc;
	font-weight: bold;
    border-radius: 4px;
}
/* # nearby links styling */

#nearby-firms {
	margin: 20px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #cccccc;
}

#nearby-firms ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	list-style: none;
	line-height: 14px;
}

#nearby-firms ul li {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}

#nearby-firms ul li a {
	color: #887554;
	text-decoration: none;
}
#nearby-firms ul li a:hover {
	color: #BDAE95;
	text-decoration: underline;
}

/* # claim listing styling */

#claim-listing {
	margin: 20px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #cccccc;
}

#sidebar #claim-listing p {
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 10px;
	line-height: 16px;
	text-align: center;
}

a.claim {
}
a.claim:hover {
}

/* # custom index sidebar state list styling */

ul.fltsblft {
	width: 140px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	list-style: none;
	font-family: "Trebuchet MS";
	font-size: 12px;
}

ul.fltsblft li {
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 20px;
}

ul.fltsblft li a {
	color: #887554;
	text-decoration: none;
}
ul.fltsblft li a:hover {
	color: #BDAE95;
	text-decoration: underline;
}

ul.fltsbrgt {
	width: 140px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	list-style: none;
	text-align: right;
	font-family: "Trebuchet MS";
	font-size: 12px;
}

ul.fltsbrgt li {
	margin: 0px 0px 0px 0px;
	padding: 1px 20px 1px 0px;
}

ul.fltsbrgt li a {
	color: #887554;
	text-decoration: none;
}
ul.fltsbrgt li a:hover {
	color: #BDAE95;
	text-decoration: underline;
}

ul.local {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: 14px;
	font-size: 12px;
	font-family: "Trebuchet MS";
}

ul.local li {
	margin: 0px 0px 0px 0px;
	padding: 1px 5px 1px 20px;
}

ul.local li a {
	color: #887554;
	text-decoration: none;
}
ul.local a:hover {
	color: #BDAE95;
	text-decoration: underline;
}

/*** # footer styling ***/

#mesothelioma-disclaimer {
	padding: 0px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	width: 980px;
	background: url("images/bot-shadow.png") no-repeat left bottom;
}

#disc {
	width: 980px;
	background: #f7f4ef;
	border-top: 1px solid #d0d0d0;
}

#mesothelioma-disclaimer p {
	margin: 0px 0px 0px 0px;
	padding: 11px 15px 12px 15px;
}