/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */


/* ----- type selectors ----- */ 
body { 
	background:#C0C0C0;
	text-align:center;
	font:11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#525151;
	}

blockquote { 
	margin-left:10px; 
	margin-right:10px; 
	}

a:link, a:visited	{ color:#7d7c7c; text-decoration:none; outline:none; }
a:hover, a:active	{ color:#525151; text-decoration:underline; outline:none; }

/* ----- classes ----- */

div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}
	
img.img-left { 
	float:left; 
	margin:2px 10px 10px 0; 
	}
	
img.img-right { 
	float:right; 
	margin:5px 0 10px 10px; 
	}

	.bio { padding:10px; }
	img.img-lawyer { border:1px solid #8E1010; }
	#attorney-img { padding:10px 0 10px 10px; }
	
/* ----- global form elements ----- */ 

form {
	width:170px;
	margin:10px 0 15px 0;
	}

form label	{ font-size:.95em; }

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#fff !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #fff;
	color:#000;
	width:165px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}
	
select { width:150px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

#main-form input, #main-form textarea, #main-form select { 
	background-color:#D8E1C5 !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #D8E1C5; }

input.submit, input.submit-contact-main { 
	width:78px;
	height:21px;
	cursor:pointer; 
	padding:0; 
	background:url("../images/btn-submit.jpg");
	margin-left:94px;
	border:none;
	}
input.submit-spanish { 
	width:78px;
	height:21px;
	cursor:pointer; 
	padding:0; 
	background:url("../images/enviar.jpg");
	margin-left:94px;
	border:none;
	}

#main-form { padding:5px 0 10px 90px; }


/* framework
 * ------------------------------------------------------------------------- */

#wrap {
	background: #FFF url("../images/bg-wrap.jpg") left top repeat-y;
	width:760px;
	margin:0 auto;
	text-align:left;
	}

#wrap-inside {
	background: url("../images/bg-wrap-inside.jpg") left top repeat-y;
	width:760px;
	margin:0 auto;
	text-align:left;
	}

#masthead {
	position:relative;
	background:url("../images/masthead.jpg");
	height:59px;
	}

	#masthead a.home { 	
		position:absolute;
		left:21px;
		width:300px;
		top:0px;
		height:50px; 
		}
		
	/*#masthead a.spanish {	
		position:absolute;
		left:615px;
		width:124px;
		top:44px;
		height:23px; 
		}*/

	
	#masthead a.spanish {	
		position:absolute;
		left:615px;
		width:124px;
		top:35px;
		height:23px; 
		}
		
		#masthead a.spanish:hover {
		 background:url("../images/spanish-button.jpg") no-repeat; 
  	    }
		
	#masthead a.home span, #masthead a.spanish span {
		display:none;
		}
		

/* ----- content-left ----- */

#column-left {
	width:384px;
	float:left;
	}
	
#column-left-inside {
	width:520px;
	float:left;
	}
	
	#column-left-inside h2 { color:#789637; font-size:14px; margin-bottom:10px;}

	#column-left #subhead { background:url("../images/header-image.jpg") no-repeat; height:204px;}
	#column-left #subhead-1 { background:url("../images/subhead-home-1.jpg") no-repeat; height:64px;}
	#column-left #subhead-2 { background:url("../images/subhead-home-2.jpg") no-repeat; height:61px;}

	#column-left ul { padding-left:10px; } 
		#column-left ul li { 
			background:transparent url("../images/bullet.jpg") 0px 8px no-repeat;
			padding-left:10px;  /* pushes text to the right to display bg img */
			float:left;
			width:160px;
			line-height:18px;
			margin-right:15px;
			}
			
			#column-left li {padding-bottom:7px;}
			
/* ----- new inside header ----- */			
h1#about { background:url("../images/subhead-about.gif") no-repeat; height:87px; width:760px; }
h1#about span { display:none; }

h1#sitemap { background:url("../images/subhead-sitemap.gif") no-repeat; height:87px; width:760px; }
h1#sitemap span { display:none; }

h1#attorneys { background:url("../images/subhead-attorenys.gif") no-repeat; height:87px; width:760px; }
h1#attorneys span { display:none; }

h1#practice-areas { background:url("../images/subhead-practice-areas.gif") no-repeat; height:87px; width:760px; }
h1#practice-areas span { display:none; }

h1#decisions { background:url("../images/subhead-decisions.gif") no-repeat; height:87px; width:760px; }
h1#decisions span { display:none; }

h1#verdicts { background:url("../images/subhead-verdicts.gif") no-repeat; height:87px; width:760px; }
h1#verdicts span { display:none; }

h1#error { background:url("../images/subhead-error.gif") no-repeat; height:87px; width:760px; }
h1#error span { display:none; }

h1#locations { background:url("../images/subhead-locations.gif") no-repeat; height:87px; width:760px; }
h1#locations span { display:none; }

h1#articles { background:url("../images/subhead-articles.gif") no-repeat; height:87px; width:760px; }
h1#articles span { display:none; }

h1#disclaimer { background:url("../images/subhead-disclaimer.gif") no-repeat; height:87px; width:760px; }
h1#disclaimer span { display:none; }

h1#decisions { background:url("../images/subhead-decisions.gif") no-repeat; height:87px; width:760px; }
h1#decisions span { display:none; }

h1#transactions { background:url("../images/subhead-transactions.gif") no-repeat; height:87px; width:760px; }
h1#transactions span { display:none; }

h1#links { background:url("../images/subhead-links.gif") no-repeat; height:87px; width:760px; }
h1#links span { display:none; }

h1#se-habla-espanol { background:url("../images/subhead-se-habla-espanol.gif") no-repeat; height:87px; width:760px; }
h1#se-habla-espanol span { display:none; }

h1#spanish-thank-you { background:url("../images/subhead-spanish-thank-you.gif") no-repeat; height:87px; width:760px; }
h1#spanish-thank-you span { display:none; }

h1#contact { background:url("../images/subhead-contact.gif") no-repeat; height:87px; width:760px; }
h1#contact span { display:none; }

h1#thank-you { background:url("../images/subhead-thank-you.gif") no-repeat; height:87px; width:760px; }
h1#thank-you span { display:none; }

			
/* ----- content-right ----- */

#column-right {
	width:376px;
	float:left;
	}
	
	#blurb_2_content { background:url("../images/news-bg.jpg") no-repeat; height:204px; padding:0px 27px 0 29px; color:#fff;}
	h1.blurb_2_title { color:#d8d5d5; font-size:16px; font-weight:normal; padding:15px 0 10px 0; line-height:20px;}
	h1.blurb_2_title a:active, h1.blurb_2_title a:link, h1.blurb_2_title a:visited { color:#d8d5d5; text-decoration:none; outline:none;}
	h1.blurb_2_title a:hover { color:#d8d5d5; text-decoration:underline; outline:none;}
	#blurb_2_body a:link, #blurb_2_body a:visited, #blurb_2_body a:active { color:#fff; text-decoration:underline;}
	span.bold { color:#fff; font-weight:bold; font-size:14px;}
	img.img-btns { margin-right:5px;}
	#blurb_2_btns { margin-top:7px;}
	#blurb_2_inside_btns { margin: 0px 0 7px 0;} 
	/*#blurb_2_btns a:active, #blurb_2_btns a:link { color:#fff; text-decoration:none;}
	#blurb_2_btns a:hover, #blurb_2_btns a:visited { color:#fff; text-decoration:underline;}*/
	
	#column-right #subhead { background:url("../images/subhead-home-1r.jpg") no-repeat; height:64px;}
	#column-right #subhead-2 { background:url("../images/subhead-home-2r.jpg") no-repeat; height:61px;}
	
	#blurb_3_body { padding:0 35px 0 28px;}
	#blurb_3_body  h2 { color:#789637;}
	#blurb_3_body a:link, #blurb_3_body a:visited, #blurb_3_body a:active { color:#4f7408; text-decoration:none;}
	#blurb_3_body a:hover {color:#4f7408; text-decoration:underline;}
	
#column-right-inside { background: url("../images/bg-col-right-inside.jpg") left top repeat-y; 
	width:240px;
	float:left;
	padding-bottom:15px;
	}
	
	#scroll_inside {  background: url("../images/scroll-inside.gif") left top no-repeat; height:218px; margin: 0 0 0px 19px; padding:0 12px 0px 12px;}
	h1.scroll_inside_title { color:#d8d5d5; font-size:14px; font-weight:normal; padding:15px 0 10px 0; line-height:20px;}
	h1.scroll_inside_title a:active, h1.scroll_inside_title a:link, h1.scroll_inside_title a:visited { color:#d8d5d5; text-decoration:none; outline:none;}
	h1.scroll_inside_title a:hover { color:#d8d5d5; text-decoration:underline; outline:none;}
	scroll_inside_body { font-size:12px;}
	
	span.green { color:#3d5c2b; font-weight:bold;}
	
	#blurb_2_inside {  background: url("../images/bg-col-right-inside.jpg") left top repeat-y; padding:0 31px 0 35px;}

	#column-right-inside #subhead { background:url("../images/col-right-inside-top.jpg") no-repeat; height:49px;}
	#column-right-inside #subhead-contact { background:url("../images/col-right-locations.jpg") no-repeat; height:49px;}
	#column-right-inside #subhead-spanish { background:url("../images/contactenos.jpg") no-repeat; height:49px;}
	
/* Inside Pages */
h1#body_content_title { padding:5px 0 5px 19px; font-size:14px; color:#789637; }

#body_content_body { padding:5px 0 5px 19px; }
#body_content_body a:link, #body_content_body a:visited{text-decoration:underline;}
#body_content_body a:hover, #body_content_body a:active{text-decoration:underline; color:#900;}



/* Subheaders */

	div#about { background: url("../images/subhead-about.gif") left top no-repeat; width:760px; height:87px;}
	div#practice-areas { background: url("../images/subhead-practice-areas.gif") left top no-repeat; width:760px; height:87px;}
	div#attorneys { background: url("../images/subhead-attorneys.gif") left top no-repeat; width:760px; height:87px;}
	div#decisions { background: url("../images/subhead-decisions.gif") left top no-repeat; width:760px; height:87px;}
	div#verdicts { background: url("../images/subhead-verdicts.gif") left top no-repeat; width:760px; height:87px;}
	div#articles { background: url("../images/subhead-articles.gif") left top no-repeat; width:760px; height:87px;}
	div#locations { background: url("../images/subhead-locations.gif") left top no-repeat; width:760px; height:87px;}
	div#contact { background: url("../images/subhead-contact.gif") left top no-repeat; width:760px; height:87px;}
	div#thank-you { background: url("../images/subhead-thank-you.gif") left top no-repeat; width:760px; height:87px;}
	div#sitemap { background: url("../images/subhead-sitemap.gif") left top no-repeat; width:760px; height:87px;}
	div#disclaimer { background: url("../images/subhead-disclaimer.gif") left top no-repeat; width:760px; height:87px;}
	div#decisions { background: url("../images/subhead-decisions.gif") left top no-repeat; width:760px; height:87px;}
	div#transactions { background: url("../images/subhead-transactions.gif") left top no-repeat; width:760px; height:87px;}
	div#links { background: url("../images/subhead-links.gif") left top no-repeat; width:760px; height:87px;}
	div#error { background: url("../images/subhead-error.gif") left top no-repeat; width:760px; height:87px;}
	div#spanish-thank-you { background: url("../images/subhead-gracias.gif") left top no-repeat; width:760px; height:87px;}
	div#se-habla-espanol { background: url("../images/subhead-se-habla-espanol.gif") left top no-repeat; width:760px; height:87px;}
	
/* ----- bottom-wrap ----- */
 
#bottom-wrap {
	background:url("../images/bottom-wrap.jpg");
	height:43px;
	clear:both;
	width:100%; /* fix for Safar */
	}


/* footer
 * ------------------------------------------------------------------------- */
 
#footer {
    background-color:#fff;
	margin:0 auto;
	text-align:left;
	font-size:10px;
	padding-left:19px;
	padding-bottom:30px;
	margin-bottom:30px;
	}

#footer p {
	color:#7d7d7d;
	padding-bottom:10px;
	}

#footer a:link, #footer a:visited { color:#8e1010; text-decoration:none; }

#footer a:hover, #footer a:active { color:#8e1010; text-decoration:underline; }

#footer ul {margin-bottom:10px;}

#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding:0 5px 0 7px;
	display: inline;
	}

	#footer li.first { border: none; padding:0 5px 0 0; }

/* Horozontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	width:760px; 
	height:26px; 
	margin:0;
	padding:0; 
	}

#nav span { display: none; }

#nav li, #nav a { height:26px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; }

#nav-01 { width: 56px;}
#nav-02 { width: 108px;}
#nav-03 { width: 108px;}
#nav-04 { width: 81px;}
#nav-05 { width: 83px;}
#nav-06 { width: 74px;}
#nav-07 { width: 71px;}
#nav-08 { width: 83px;}
#nav-09 { width: 96px;}

#nav-01 a:hover { background:url("../images/nav.jpg")  -0px -26px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -56px -26px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -164px -26px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -272px -26px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -353px -26px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -436px -26px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -510px -26px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.jpg") -581px -26px no-repeat; }
#nav-09 a:hover { background:url("../images/nav.jpg") -664px -26px no-repeat; }

#nav-top { 
	background:url("../images/nav-top.jpg") no-repeat; 
	width:760px; 
	height:37px; 
	margin:0;
	padding:0; 
	}

#nav-top span { display: none; }

#nav-top li, #nav-top a { height:37px; display:block; } /* change height here also */

#nav-top li { float:left; list-style:none; _display:inline; }

#nav-top-01 { width: 71px; margin-left: 484px;}
#nav-top-02 { width: 95px;}
#nav-top-03 { width: 110px;}

#nav-top-01 a:hover { background:url("../images/nav-top.jpg") -484px -37px no-repeat; }
#nav-top-02 a:hover { background:url("../images/nav-top.jpg") -555px -37px no-repeat; }
#nav-top-03 a:hover { background:url("../images/nav-top.jpg") -650px -37px no-repeat; }

/* Nav 3 Home / Spanishish
 * -------------------------------------- */
#nav02 { 
	background: url("../images/masthead-test.jpg") no-repeat; 
	width:760px; 
	height:59px; 
	margin:0;
	padding:0;
	position:relative;
	 }

#nav02 span { display: none; }

#nav02 li, #nav02 a { height:59px; display:block; } /* change height here also */

#nav02 li { float:left; list-style:none; _display:inline; }

#nav02-01 { width: 331px; margin-left:0px; }
#nav02-02 { width: 134px; }

#nav02-01 a:hover { background: url("../images/masthead-test.jpg")  0px -59px no-repeat; }
#nav02-02 a:hover { background: url("../images/masthead-test.jpg") -610px -59px no-repeat; }


/* Attorneys Page Directory
 * ------------------------------------------------------------------------- */
.attreplace {display:inline;}
.att_list {
	border-collapse:collapse;
	border-spacing:0;
	margin-top:10px;
	margin-bottom:20px;
	min-width:400px;
	}

.att_list th {
	font-weight:bold;
	text-align:left;
	padding:4px;
	padding-top:10px;
	border-bottom:2px solid #666;
	}

.att_list td { padding:4px; border-bottom:1px solid #999; }
	
.att_rowcolor { background-color:#f2f5fa; }

#att_stats { background:#E2E8EC url("../images/bg_attstats.jpg") top no-repeat;
	margin:1em 0 1em 1em; padding:10px;
	width:195px;
	float:right;
	}

#att_stats td { padding:4px; }
	
#att_stats p { font-size: 0.9em; margin:6px 0; }
	
.att_image { background: url("../images/bg_attpic.gif"); padding:2px; margin-bottom:10px; }


/* Practice Areas */
#practice-areas-inside ul { margin-left:0px; padding-left:15px; }
          
           #practice-areas-inside ul li {  
                _position:relative; /*to fix the IE bullet peekaboo pug */
                padding-left: 20px; 
                line-height:1.6; 
                list-style: none; 
                background: transparent url("../images/bullet.jpg") 3px 7px  no-repeat; }
				
				#practice-areas-inside li { padding-bottom:8px;}

/* Site Map */
#site-map { padding:0px 24px 21px 30px; }

#site-map ul { margin-left:0px; padding:0px 0px 0px 8px; }
          
           #site-map ul li {  
                _position:relative; /*to fix the IE bullet peekaboo pug */ 
                padding-left: 25px; 
                line-height:1.6; 
                list-style: none; 
                background: transparent url("../images/bullet.jpg") 5px 7px  no-repeat; }
                 
                #site-map ul li ul { margin: 5px 0 0 10px; }
  
                #site-map ul li a:link, #site-map ul li a:visited { color:#525151; text-decoration:none; }
		        #site-map ul li a:hover { color:#525151; text-decoration:underline; }
 
/* SON OF SUCKERFISH */

ul#nav li ul {
	position: absolute;
	left: -9999px;
	background-color:#7d7d7d;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
}

#nav li ul li {
	height: 20px;				/* Height of each drop down nav item */
	border-bottom:1px solid #770e0e;
}
#nav li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down nav item, should match above */
	line-height: 20px;			/* Height of each drop down nav item again, should match above */
}
#nav li ul li a span {
	display: block;
	padding-left: 10px;
}

#nav li:hover, #nav li.hover { position: static; }/* IE 7 fix lazy drop down */

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

#nav li:hover ul, #nav li.sfhover ul { 
	left: auto; 
	display:block; /*Required to make dropdown menus disappear on mouseout in IE6 IE7 */
	}

/* Hover styles for drop down items */
#nav-04 ul a:hover{ 
	background-image: none;
	background-color: #4b83a4; 
}
#nav-03 ul a:hover{ 
	background-image: none;
	background-color: #4b83a4; 
}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-03 ul, #nav-03 li { width: 300px; text-indent:8px; overflow:hidden;}		
#nav-04 ul, #nav-04 li { width: 200px;  text-indent:8px; overflow:hidden;}