/* 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; }


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

/* 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,button { margin:0; padding:0; }



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

/* ---------- A note on font-sizing ---------- 
Default font size in IE6, IE7 and FireFox is 16px. 
Default for Safari 2 is 16px for "standard fonts" and 13px for "fixed-width fonts." (Safari 3 uses 16px for all fonts.) 
I am ignoring the Safai 13px mono-space type issue since this site does not use any mono-spaced fonts.
*/

html {
	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */
	}

body {
	background:url(../images/bg1.gif) repeat-x #e7decd;
	font-size:.75em; /* 75% of 16px = 12px */
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin:12px 0;
	color:#000;
	}

a:link, a:visited {
	color:#9b300f;
	}
	
a:hover, a:active {
	color:#d06934;
	}


	

/* Classes
 * ------------------------------------------------------------------------- */

.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}

.pic_left {
	margin:0 10px 0px 0;
	float:left;
	}

.pic_right {
	margin:0 0px 0px 10px;
	float:right;
	}

.pic_border, a img.pic_border {
	padding:2px;
	border:1px solid #d0c8b9;
	}
	
	

.raquo {
	font-size:1.2em;
	color:#9b300f;
	}

.small {
	font-size:.92em;
	line-height:1.3em;
	}

.hr_side {
	color:#d8c8a7;
	background:#d8c8a7;
	width:100%;
	height:1px;
	overflow:hidden;
	margin:15px 0;
	}

.hr_main {
	color:#d8c8a7;
	background:#ccc;
	width:100%;
	height:1px;
	overflow:hidden;
	margin:20px 0;
	}

.hr_footer {
	width:850px; 
	margin:20px auto; 
	color:#9b4f38; 
	background:#9b4f38;
	height:1px;
	overflow:hidden;
	}

.gold {
	color:#f5d79c;
	}

.img-desc {
	position: relative;
	display: block;
	height:300px;
	width: 200px;
	float:right;
	margin:0 0px 0 10px;
}
.img-desc cite {
	background: #111;
	filter:alpha(opacity=85);
	opacity:.85;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 188px;
	padding: 6px;
	border-top: 1px solid #444;
	font-size:.82em;
}

.firm_photo {
	position: relative;
	display: block;
	height:246px;
	width: 350px;
	float:right;
	margin:0 0px 0 15px;
}
.firm_photo cite {
	background: #111;
	filter:alpha(opacity=85);
	opacity:.85;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 338px;
	padding: 6px;
	border-top: 1px solid #444;
	font-size:.82em;
}

.italic {
	font-style:italic;
	}

.bold {
	font-weight:bold;
	}

.bold_title_text {
	font-size:1.2em; 
	margin-bottom:5px; 
	font-weight:bold;
	}

.sidebar_blurb_top {
	background:url(../images/sidebar_blurb_top.gif) no-repeat;
	width:200px;
	height:9px;
	overflow:hidden;
	margin-top:10px;
	}

.sidebar_blurb_bottom {
	background:url(../images/sidebar_blurb_bottom.gif) no-repeat bottom left #ffeecd;
	width:180px;
	padding:0 10px 10px 10px;
	font-size:.92em;
	line-height:1.3em;
	}

.sidebar_blurb_dark_top {
	background:url(../images/sidebar_blurb_dark_top.gif) no-repeat;
	width:200px;
	height:9px;
	overflow:hidden;
	margin-top:10px;
	}

.sidebar_blurb_dark_bottom {
	background:url(../images/sidebar_blurb_bottom_dark.gif) no-repeat bottom left #f3ca78;
	width:180px;
	padding:0 10px 10px 10px;
	font-size:.92em;
	line-height:1.3em;
	}

	
/* Layout
 * ------------------------------------------------------------------------- */

#container {
	width:939px;
	border:1px solid #918b81;
	margin:0 auto;
	line-height:1.6em;
	background:#fff;
	}

#title {
	background:url(../images/header_bg.gif) repeat-x #531d0d;
	width:903px;
	padding:18px;
	}

#title_left {
	width:364px;
	float:left;
	display:inline;
	}

#personal_injury_lawyers {
	background:url(../images/sd_personal_injury_lawyers.gif) no-repeat;
	width:269px;
	height:13px;
	overflow:hidden;
	text-indent:-5000px;
	margin-bottom:12px;
	}

#logo {
	background:url(../images/logo2.gif) no-repeat;
	width:345px;
	height:84px;
	text-indent:-5000px;
	display:block;
	outline:none;
	}

#title_right {
	width:318px;
	float:right;
	display:inline;
	
	}

#phone_number {
	width:214px;
	height:48px;
	background:url(../images/phone_number.gif) no-repeat;
	text-indent:-5000px;
	margin-left:104px;
	margin-bottom:27px;
	}

#throughout_california {
	background:url(../images/handling_cases.gif) no-repeat;
	width:318px;
	height:10px;
	overflow:hidden;
	text-indent:-5000px;
	}

#banner {
	background:url(../images/header.jpg) no-repeat;
	width:939px;
	height:198px;
	text-indent:-5000px;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	}

#awards {
	background:url(../images/awards_text.gif) no-repeat;
	width:617px;
	height:97px;
	margin:20px auto 20px auto;
	}
	
	#awards p {
		text-indent:-5000px;
		}

#content_container {
	padding:10px;
	}

/* ---------- Column Left ---------- */

#column_left {
	width:200px;
	float:right;
	display:inline;
	margin-right:20px;
	}

#areas_of_practice {
	background:url(../images/areas_of_practice.gif) no-repeat;
	width:200px;
	height:32px;
	text-indent:-5000px;
	margin: 0;
	padding:0;
	}

.tan_column {
	width:200px;
	background:#FFEFCE;
	}

.tan_column_bottom {
	background:url(../images/left_column_bottom.jpg) no-repeat bottom left;
	padding:15px;
	width:170px;
	}

.side_list li {
		/* _position:relative;	 to fix the IE bullet peekaboo pug - must be hidden to eliminate problem with overlapping navs in IE 6 */
		padding-left: 10px;
		line-height:1.0em;
		list-style: none;
		background: transparent url(../images/arrow_orange.gif) 0px 2px no-repeat;
		font-size:1.0em;
		font-weight:bold;
		border-bottom:1px solid #d8c8a7;
		margin:0px 0 10px 0;
		padding-bottom:10px;
		}
	
		.side_list li li {
			background: transparent url(../images/arrow_red.gif) 0px 3px no-repeat;
			font-size:.92em;
			border:none;
			margin:0;
			padding-bottom:0;
			line-height:1.2em;
			margin-bottom:6px;
			}
		
		.side_list li.last {
			border:none;
			padding-bottom:0;
			margin-bottom:0;
			}	
		
			.side_list li li.last {
				margin:0;
				}
	
	.side_list  ul {
		margin:6px 0 0px 0;
		}
	
		.side_list a:link, .side_list a:visited {
			text-decoration:none;
			color:#67200a;
			}
		
		.side_list a:hover, .side_list a:active {
			color:#d06934;
			}
			
				.side_list li li a:link, .side_list li li a:visited {
					text-decoration:none;
					color:#a64d1e;
					}
			
				.side_list li li a:hover, .side_list li li a:active {
					color:#d06934;
					}

#contact_button {
	width:200px;
	height:49px;
	display:block;
	background:url(../images/contact_button.gif) no-repeat;
	text-indent:-5000px;
	margin-top:10px;
	cursor:pointer;
	outline:none;
	}
	
	#contact_button:hover, #contact_button:active {
		background-position:0px -49px;
		}

/* ---------- Column Right ---------- */

#column_right {
	float:right;
	width:699px;
	}


#column_right h1 {
		font-size:1.9em;
		color:#73240b;
		margin-bottom:10px;
		margin-top:5px;
		font-weight:normal;
		}


#column_right h2, #column_right h3 {
		font-size:1.1em;
		color:#73240b;
		margin-bottom:10px;
		margin-top:5px;
		font-weight:bold;
		}



#column_right p {
	margin-bottom:12px;
	}

#column_right ul {
	margin-left:10px;
	margin-bottom:15px;
	}

	 #column_right ul li {
		padding-left: 12px;
		line-height:1.6em;
		margin-bottom:8px;
		list-style: none;
		background: transparent url(../images/bullet_square_lrg.gif) 0px 7px no-repeat;
		}

		#column_right ul li ul li {
			background: transparent url(../images/bullet_square.gif) 0px 7px no-repeat;
			}

			#column_right ul li ul li ul li {
				background: transparent url(../images/bullet_square_sm.gif) 0px 8px no-repeat;
				}	

		#column_right ul ul, #column_right ul ul ul {
			margin-top:8px;
			margin-bottom:0;
			}


/* Footer
 * ------------------------------------------------------------------------- */
#footer_top {
	background:#af8b68;
	color:#af8b68;
	height:3px;
	margin:0 0 1px 0;
	width:100%;
	overflow:hidden;
	}

#footer {
	background:url(images/footer_bg.gif) repeat-x #67200a bottom left;
	padding:10px;
	font-size:.92em;
	color:#fff;
	line-height:1.3em;
	width:919px;
	}

#footer_left {
	float:left;
	width:170px;
	display:inline;
	margin-right:40px;

	background:none;
	}

#footer_center {
	float:left;
	width:110px;
	display:inline;
	margin-right:180px;
	background:none;
	}

#footer_right {
	float:left;
	display:inline;
	background:none;
	width:419px;
	}

	#footer_right li {
    	margin: 0;
    	padding: 0 5px 0 7px;
    	display: inline;
    	border-left: 1px solid #fff;
    	line-height:1.6em;
    	background: none;
		color:#fff;
		font-weight:bold;
    	}

	#footer_right li.first { 
    	border: none;
		padding: 0 5px 0 0;
    	}
		
	#footer_right li.last {
		padding:0 0 0 7px;
		}

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

	 #footer a:hover, #footer a:active {
	 	color:#d06934;
		text-decoration:none;
		}
	
#terms {
	color:#a66c5a;
	float:left;
	color:#fff;
	}
	
	#terms a:link, #terms a:visited{
		color:#fff;
		text-decoration:none;
		}

	 #terms a:hover, #terms a:active {
	 	color:#d06934;
		text-decoration:none;
		}

#footer_tagline {
	font-size:1.2em; 
	text-align:center;
	}

#sitemap {
	background:url(../images/sitemap_icon.gif) no-repeat 0px 3px;
	padding-left:18px;
	float:right;
	font-weight:bold;
	color:#fff;
	}

#location_text {
	background:url(images/bottom_nav_bg.gif) repeat-x bottom left #eedba7;
	padding:15px;
	text-align:left;
	margin:0px auto;
	font-size:.92em;
	color:#81664d;
	line-height:1.4em;
	width:909px;
	border-top:1px solid #d8c5c0;
	}

#location_bottom {
	background:#66200a;
	margin:0px 0 0 0;
	padding:5px 10px;
	font-size:.92em;
	color:#fff;
	line-height:1.3em;
	width:919px;
	}



/* horizontal navigation
 * ------------------------------------------------------------------------- */

#nav { background:url("../images/nav.gif") no-repeat; width:939px; height:33px; position:relative;  }
#nav li { position:absolute; top: 0; }
#nav li, #nav a { height:33px; display:block; }
#nav span { display:none; }

#nav-01 { width: 208px; left:0; }
#nav-02 { width: 131px; left: 209px; }
#nav-03 { width: 116px; left: 341px; }
#nav-04 { width: 103px; left: 458px; }
#nav-05 { width: 109px; left: 562px; }



#nav-01 a:hover { background: transparent url("../images/nav.gif") -0 -33px no-repeat; }
#nav-02 a:hover { background: transparent url("../images/nav.gif") -209px -33px no-repeat; }
#nav-03 a:hover { background: transparent url("../images/nav.gif") -341px -33px no-repeat; }
#nav-04 a:hover { background: transparent url("../images/nav.gif") -458px -33px no-repeat; }
#nav-05 a:hover { background: transparent url("../images/nav.gif") -562px -33px no-repeat; }
















/* ----- Main Contact Form ----- */



#contact-main { 

	padding:0px 0 10px 0; 

	float:left;

	width:370px;



	}


#contact-main p {
	text-align:center;
	font-size:.92em;
	font-style:italic;
	margin:0;
	}

	#contact-main br { 

	line-height:0; /* defaults vertical spacing between fields */

	clear:left;

	} 

	

#contact-main label { 

	width:95px; 

	float:left;

	text-align:right; 

	margin-right:10px;

	font-size:1em;

	font-weight:bold;

	}

	

	#contact-main label.error {

		color:#f00;

		width:200px;

		margin-left:73px;

		text-align:left;

		}

	

#contact-main input, #contact-main textarea, #contact-main select { 

	width:240px;

	float:left;

	margin-bottom:10px;

	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:Arial, Helvetica, sans-serif; 

	font-size:1em;

	float:left;

	background-color:#fff; 

	border:1px solid #000;

	color:#000;

	}


		#contact-main input#code {
		width:75px;
		margin-right:10px;
		}


	

#contact-main select {

	width:175px;

	}

	

#contact-main textarea { 

	height:250px;

	width:240px;

	overflow:auto;

	}



#contact-main input.submit-contact-main { 

	margin:0 0 0 105px;

	padding:0 0 3px 0;

	width:70px;

	cursor:pointer;  

	}








#split_column_left {

	width:316px;

	float:left;

	margin:0px 5px 8px 0;

	}



#split_column_right {

	width:370px;

	float:left;

	}



p.address_text {

	font-size:1.1em;

	font-weight:bold;

	color:#000;

	width:250px;

	float:left;

	margin-bottom:5px;

	line-height:1.2em;

	}

p.sub_contact_info_title {

	font-size:1.0em;

	font-weight:bold;

	float:left;

	color:#7c6d52;

	margin-bottom:8px;

	width:60px;

	line-height:1.2em;

	}