/* 
 ----------------------------------------------------------------------------
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* 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,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */
body { 
	background: #fff url("../images/bg-body.gif") left top repeat-x;
	text-align:center; 
	font:14px/18px "Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
	color:#404040; line-height: 22px; }
	
a { color:#80000d; text-decoration:underline;  }
a:hover { color:#80000d; text-decoration:none; }

img.img-hr { padding-left:25px; }
.imgright { margin: 0px 0px 5px 5px; }
.imgleft { margin: 0px 5px 5px 0px; }
.sml_field { border-style: solid; border-width: 1px; border-color: #999999; }

div.clear{clear:both; height:.01em; overflow:hidden; }

h1	{ font-size:16px; color:#404040; font-weight:100; }

#footer p.copyright { font-size:9px; }

.burgundy {color:#874936;}
.learnmore { background: url("../images/btn_learnmore.gif") no-repeat; height: 22px; width: 67px; display: block; }
.learnmore span { display: none; }

/* framework
 * ------------------------------------------------------------------------- */
#wrap { background: url("../images/bg-wrap.gif") top left repeat-y; width:773px; margin:0 auto; text-align:left; }
#container-content { background: url("../images/bg-column-right.gif") bottom left no-repeat; float:left; }
#sub-container-content {float:left; }
#masthead { background: url("../images/masthead.gif"); height:111px; }
#flash-header { width:773px; height:172px; }
	
#page-footer { background:url("../images/page-footer.gif") no-repeat; width:773px; height:11px; clear:both; overflow:hidden;}
#sub-page-footer { background:url("../images/sub-page-footer.gif") no-repeat; width:773px; height:11px; clear:both; overflow:hidden;}

/* column left
 * ------------------------------------------------------------------------- */
#column-left { background: url("../images/bg-left.gif") left top no-repeat; width:553px; float:left; } 
#title-welcome { background: url("../images/title-welcome.gif") left top no-repeat; width: 553px; }

#blurb_1_body { padding: 95px 20px 10px 24px; }

#blurb_2_container { background: url("../images/bg-practice-areas.gif") left top no-repeat;  width: 553px;  }
#blurb_2_body { background: url("") left top no-repeat; padding:32px 61px 20px 32px;}
#blurb_2_body:after, .list_columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#blurb_2_body p { margin: 10px 0px 10px 0px; font-size:12px; }

	.list01 { margin: 0px 0px 10px 0px; width:250px; float: left; font-size: 12px; }
		.list01 li { background:transparent url("../images/list-style.gif") 0px 8px no-repeat; padding-left:10px;  }	

	.list02 { margin: 0px 0px 10px 0px; float: left; font-size: 12px; }
		.list02 li { background:transparent url("../images/list-style.gif") 0px 8px no-repeat; padding-left:10px; }

#blurb_3_container {  width: 553px; }
#blurb_3_body { background: url("../images/title-legal-faq.gif") left top no-repeat; font-size:12px; padding: 62px 61px 20px 34px;  }
.legal { padding: 0px 0 10px 0; }
#blurb_3_body ul { margin: 0px 0px 10px 0px; }
#blurb_3_body li { line-height: 22px; padding: 0px 0px 0px 10px; background:transparent url("../images/list-style.gif") 0px 8px no-repeat; }
img.legal-hr { padding-bottom:10px; }
#blurb_3_body a:link { color:#87000e; text-decoration:underline; }
#blurb_3_body a:hover { color:#87000e; text-decoration:none; }

/* column right
 * ------------------------------------------------------------------------- */
#column-right { width:219px; padding: 0px 0px 35px 0px; float:left; }
	#title-review-your-case { background: url("../images/title-review-your-case.gif") left top no-repeat; }
	#title-office-location { background: url("../images/title-office-location.gif") left top no-repeat; }
	#column-right #contact_quick { padding:95px 0 0 11px; }
	#column-right h3 { padding:10px 0 0px 15px; }
	p.address { font-size:12px; padding:10px 0 15px 15px; }
	p.address-contact {  font-size:12px; padding:95px 0 15px 11px; }
	#column-right #searchsubmit {
	background: url("../images/btn-search.gif"); 
	width:107px; 
	height:28px; 
	border:none; 
	cursor:pointer; 
	}
	#column-right #search_blog { padding: 0px 0 0 11px; }
	#side_buttons { width: 219px; margin: 15px 0px 15px 0px; line-height: 22px; }

/* Inside pages
 * ------------------------------------------------------------------------- */		
#title-subhead { background: url("../images/title-error.gif") left top no-repeat;  }
#title-practice-areas { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-assault { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-bail-hearings { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-child-abuse { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-criminal-appeals { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-vehicular { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-domestic-violence { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-drug-offenses { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-dui { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-expungement { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-federal-crimes { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-fraud { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-grand-jury { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-homicide { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-internet-crimes { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-juvenile-law { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-misdemeanors-felonies { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-motions { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-rape { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-sex-crimes { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-theft { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-white-collar-crime { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	#title-writs-habeas-corpus { background: url("../images/title-practice-areas.gif") left top no-repeat;  }
	
#title-attorneys { background: url("../images/title-attorneys.gif") left top no-repeat;  }
#title-articles { background: url("../images/title-articles.gif") left top no-repeat;  }
#title-resources { background: url("../images/title-resources.gif") left top no-repeat;  }
#title-faq { background: url("../images/title-faq.gif") left top no-repeat;  }
#title-contact { background: url("../images/title-contact.gif") left top no-repeat;  }
#title-blog { background: url("../images/title-error.gif") left top no-repeat;  }
#title-sitemap { background: url("../images/title-sitemap.gif") left top no-repeat;  }
#title-case-results { background: url("../images/title-case-results.gif") left top no-repeat;  }
#title-results { background: url("../images/title-case-results.gif") left top no-repeat;  }


#body_content_title { padding: 80px 0px 0px 32px;  font-weight: bold; }
		 
#body_content_body  { padding: 0px 11px 10px 32px;  }
#body_content_body ul { background: url("../images/bg_sublist.gif") bottom right no-repeat; background-color: #e5e5e5; border-width: 1px; border-style: solid; border-color: #d5d5d5; padding: 10px 10px 10px 30px; width: 450px; }

#body_content_body ul li { list-style:disc; padding:0; }


/* Site Map 
 * ------------------------------------------------------------------------- */
#site-map { padding:0px 24px 21px 30px; }

#site-map ul { margin-left:0px; padding:0px 0px 0px 8px; }
          
           #site-map ul li {  
                line-height:1.6; 
                list-style: none; 
                }
				#site-map ul li a { color: #000000; }
                 
                #site-map ul li ul { margin: 5px 0 0 0px; font-size: 11px;  }
  				#site-map ul li ul li { background:transparent url("../images/list-style.gif") 0px 8px no-repeat; padding-left:10px; }
                #site-map ul li ul a { color:#80000d; text-decoration:underline; }
		        #site-map ul li a:hover { color:#80000d; text-decoration: none; }
 
 
 /*footer
 * ------------------------------------------------------------------------- */
#footer { background: url("../images/bg-footer-top.gif") left top no-repeat; width:773px; height:49px; padding:0px; }

#footer a:link, #footer a:visited { color:#0000c0; text-decoration:underline; }
#footer p a:link { color:#87000e; }
#footer span { color:#3D3D5E; }
#footer a:hover, #footer a:active { color:#0000c0; text-decoration:none; }
#footer ul { margin-left:15px; margin-right:3px; width:520px; float:left;  font-size:11px; }
#footer li { /* if your li's float, you can adjust border height w/ line-height */ padding: 0 5px 0 7px; display: inline; }
#footer p { color:#0000c0; font-size: 10px; text-decoration:none; padding:0 30px 0 0px; }

p.footer-txt { font-size:11px; text-align:center; padding-left:0px; padding-bottom:20px } 	

#btm-footer { background: url("../images/btm-footer.gif") left top no-repeat; height:30px; }


 /*Quick Nav
 * ------------------------------------------------------------------------- */
#quick-nav { width:230px; padding:15px 0 0 552px; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; }
#quick-nav a:link, #quick-nav a:visited, #quick-nav p { color: #fff; text-decoration:none; }
#quick-nav a:hover, #quick-nav a:active { color:#fff; text-decoration:underline; }
#quick-nav ul { margin-bottom:5px; }
#quick-nav li { /* if your li's float, you can adjust border height w/ line-height */ padding: 0 30px 0 7px; display: inline;}


/* Horozontal MAIN NAVIGATION Sprite Nav
 * ---------------------------------------------------------------v---------- */
#nav { 
	background: url("../images/nav.gif") left top no-repeat; 
	width:773px; 
	height:48px; 
	margin:0; 
	padding:0; }
	
#nav span { display: none; }

#nav li, #nav a { height:48px; display: block; }

#nav li { float: left; list-style: none; _display: inline; }

#nav-01 { width: 57px; margin-left: 6px;}
#nav-02 { width: 126px;}
#nav-03 { width: 102px;}
#nav-04 { width: 74px;}
#nav-05 { width: 101px;}
#nav-06 { width: 114px;}
#nav-07 { width: 98px;}
#nav-08 { width: 88px;}

#nav-01 a:hover, #home #nav-01 a { background: transparent url("../images/nav.gif")   -6px -48px no-repeat;}
#nav-02 a:hover, #practice-areas #nav-02 a { background: transparent url("../images/nav.gif")  -63px -48px no-repeat;}
#nav-03 a:hover, #attorneys #nav-03 a { background: transparent url("../images/nav.gif") -189px -48px no-repeat;}
#nav-04 a:hover, #articles #nav-04 a { background: transparent url("../images/nav.gif") -291px -48px no-repeat;}
#nav-05 a:hover, #resources #nav-05 a { background: transparent url("../images/nav.gif") -365px -48px no-repeat;}
#nav-06 a:hover, #criminal #nav-06 a { background: transparent url("../images/nav.gif") -466px -48px no-repeat;}
#nav-07 a:hover, #blog #nav-07 a { background: transparent url("../images/nav.gif") -580px -48px no-repeat;}
#nav-08 a:hover, #contact #nav-08 a { background: transparent url("../images/nav.gif") -678px -48px no-repeat;}


/* Quick Contact Form 
 * ------------------------------------------------------------ */ 
form { width:169px; }
	
form p	{ font-size:10px; }

form br { line-height:0; /* defaults vertical spacing between fields */}
	
input, textarea, select { 
	background-color:#fff; 
	border:1px solid #fff;
	color:#000;
	width:164px; 
	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", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
	font-size:11px;
	}

textarea { height:70px; overflow:auto; }
	
input.submit { width:60px; cursor:pointer; padding:0; }
	
#contact-main input.submit-contact-main { 
	background: url("../images/btn-submit-main.gif"); 
	width:111px; 
	height:28px; 
	border:none; 
	cursor:pointer; 
    margin:105px 0 50px 100px; }

input.submit-image { 
	background: url("../images/btn-submit.gif"); 
	width:107px; 
	height:28px; 
	border:none; 
	cursor:pointer; 
	}

input.submit-paypalEx {
	width: 145px;
	height: 42px;
	border:none;
	cursor:pointer;
	}
	
td.thinfield
{
	text-align:right;
	font-size:x-small;
	font-family:Verdana;
	
}

/* Main contact form
 * ------------------------------------------------------------------------- */
#main-contact-container { padding-bottom:150px; }

#contact-main form { padding:20px 0px 150px 32px; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px; 
}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:200px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

#contact-main label textarea { height:100px; }

#contact-main input, #contact-main textarea, #contact-main select { 
	background-color:#fff; 
	border:1px solid #666666;
	color:#000;
	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", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
	font-size:11px;
	}
	
	
/* */
/* Direct Payment form
 * ------------------------------------------------------------------------- */
#direct-payment-container { padding-bottom:150px; }

#direct-payment form { width:100%;}

#direct-payment label { 
	/*width:220px; */
	position:relative; 
}

#direct-payment input, #direct-payment select { 
	background-color:#fff; 
	border:1px solid #666666;
	color:#000;
	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", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
	font-size:11px;
	}

#direct-payment input.submit-direct-payment { 
	background: url("../images/btn-submit-main.gif"); 
	width:111px; 
	height:28px; 
	border:none; 
	cursor:pointer;  }

#direct-payment-table{margin:0;padding:0;}	
#direct-payment-table tr td{padding:.2em;}
#direct-payment-table input, #direct-payment-table textarea, #direct-payment-table select{
	width:auto;
	height:auto;
	}
