body, th, td{
	color: #69421d;
	font-family: "Lucida Grande", "Arial", sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}
body{
	background: #946d4a url('images/background.jpg') repeat-y center top;
	}
	table {
		width: 100%;
		}
	#home,
	#inner{
		width: 850px;
		text-align: left;
		}	
	#home{
		background: #fff url('images/home-back.jpg') repeat-x;
		}
	#inner{
		background: #fff url('images/inner-back.jpg') repeat-x;
		}
		/* text styles */
		h1{
			font-size: 24px;
			font-weight: lighter;
			line-height: 26px;
			letter-spacing: -1px;
			color: #8e6123;
			margin: -1px 0 20px 0;
			width: 481px;
			padding: 16px 0 20px 0;
			background: url('images/pagetitles.png') no-repeat bottom left;
			text-transform: lowercase;
			
			}
		h2{
			color: #8e6123;
			font-size: 20px;
			line-height: 22px;
			letter-spacing: -1px;
			font-weight: lighter;
			text-transform: lowercase;
			padding: 10px 0;
			background: url('images/subtitle.png') no-repeat bottom left;
			}
		h3{
			font-size: 14px;
			margin: 0;
			font-weight: lighter;
			}
		h4{
			color: #8e6123;
			font-size: 16px;
			line-height: 28px;
			letter-spacing: -1px;
			font-weight: lighter;
			text-transform: lowercase;
			padding: 10px 0;
			background: url('images/subtitle.png') no-repeat bottom left;
			}
		small{
			font-size: 10px;
			font-style: italic;
			}
		a,
		a:visited{
			color: #cc0000;
			text-decoration: none;
			}
			a:hover,
			a:focus{
				text-decoration: underline;
				}
		ul{
			padding: 0px;
			margin: 0 0 20px 30px;
			}
		.tab{
			float: left;
			margin-right: 20px;
			display: block;
			}
		.first{
			clear: left;
			padding-top: 20px;
			}
		#highlights{
			background-color: #f2ece5;
			padding: 20px;
			border-top: #bfa991 solid 1px;
			border-bottom: #bfa991 solid 1px;
			}
			#highlights h3{
				margin-bottom: 6px;
				}
			#highlights li{
				font-size: 11px;
				}
		.bigger{
			font-size: 16px;
			padding: 20px;
			border-top: #bfa991 solid 1px;
			border-bottom: #bfa991 solid 1px;
			margin: 10px 0 20px 0;
			}
		.italic{
			font-size: 9px;
			text-transform: uppercase;
			text-align: right;
			}

/* head */
#headcell,
#innerheadcell{
	vertical-align: bottom;
	background: url(images/head.jpg) no-repeat;
	}
#headcell{
	height: 443px;
	}
#innerheadcell{
	height: 283px;
	}
	a.head-contact,
	a.head-contact:hover,
	a.head-contact:visited,
	a.head-contact:focus{
		margin: 0 0 40px 570px;
		display: block;
		height: 60px;
		width: 80px;
		border: none;
		}
	ul#nav{
		width: 900px;
		height: 40px;
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style: none;
		clear: both;
		}
		ul#nav li{
			float: left;   
			display: block;  
			position: relative;
			z-index: 3;
			padding: 0;
			height: 40px;
			}
			ul#nav li a,
			ul#nav li a:visited{
				display: block;
				color: #fff;
				text-decoration: none;
				font-size: 14px;
				line-height: 26px;
				background: none;
				height: 26px;
				margin-top: 14px;
				margin-right: -1px;
				
				background: url(images/menu-back.jpg) no-repeat center 26px;
				
				/*
				background-color: none;
				background-image: ;
				background-repeat: no-repeat;
				background-position: center 26px;
				*/
				}
				ul#nav li a:hover,
				ul#nav li a:focus{
					color: #b29980;
					text-decoration: none;
					height: 40px;
					margin-top: 0;
					background-color: #633b15;
					background-position: center top;
					}
			ul#nav li a.center{
				border-right: 1px #b29980 solid;
				border-left: 1px #b29980 solid;
				padding: 0 20px;
				}
			ul#nav li a.right{
				border-left: 1px #b29980 solid;
				padding: 0 20px;
				}
			ul#nav li a.left{
				border-right: 1px #b29980 solid;
				padding: 0 20px 0 50px;
				}		
			ul#nav li.home a:hover,
			ul#nav li.home a:focus{
				background-position: -30px top;
				}		
				ul#nav li ul {  
					position: absolute;   
					left: 0; 
					padding: 10px 0;
					margin: 0;  
					display: none;   
					list-style: none;
					width: 170px;
					background: #69421b;
					border-left: 1px #b29980 solid;
					}
					ul#nav li ul li {  
						float: left;
						width: 100%;
						height: 26px;
			        	} 
					ul#nav li ul li a,
					ul#nav li ul li a:visited {  
						display: block;
						padding: 0 20px;
						margin: 0;
						height: 26px;
						font-size: 12px;
						}
						ul#nav li ul li a:hover,
						ul#nav li ul li a:focus {  
							background: #4d2f14;
							height: 26px;
							}				
	.head-slideshow{
		margin: 0 0 23px 0;
		padding: 0;
		width: 900px;
		height: 250px;
		clear: both;
		}
		/* Hide container until all is ready */
		.slideshow{
			display: none;
			padding: 0;
			margin: 0;
			}
		/* Main Container */
		.container {
			margin: 0;
			padding: 0;	
			width: 922px;
			height: 250px;
			*margin-right: -22px;
			}
			.container ul{
				list-style-type: none;
				margin: 0;
				padding: 0;	
				}
				.container li{
					display: inline;
					margin: 0;
					padding: 0;
					}
		/* Content Container */
		.contentContainer {
			float: left;
			width: 0;
			height: 250px;	
			overflow: hidden;
			}
		/* Handle */
		.handle,
		.handleOver,
		.handleSelected{
			float: left;
			width: 22px;
			height: 250px;
			margin: 0;
			background: none;
			}
			.handle img{
				width: 22px;
				height: 250px;
				}
		/* Images and Links */
		.slideshow .item{
			height: 250px;
			width: 812px;
			}
			.slideshow .item a,
			.slideshow .item a:visited,
			.slideshow .item a:hover,
			.slideshow .item a:focus{
				display: block;
				border: none;
				text-decoration: none;
				width: 812px;
				height: 250px;
				}
			.slideshow .one{
				background: url(images/slideshow-criminal.jpg) no-repeat;
				}
			.slideshow .two{
				background: url(images/slideshow-family.jpg) no-repeat;
				}
			.slideshow .three{
				background: url(images/slideshow-personal.jpg) no-repeat;
				}
			.slideshow .four{
				background: url(images/slideshow-commercial.jpg) no-repeat;
				}
	/* internal head image */
	img.inner-head-image{
		margin: 0 0 13px 0;
		padding: 0;
		width: 900px;
		height: 100px;
		clear: both;
		}			

/* content area */
#container,
#container-home{
	width: 850px;
	margin-bottom: 50px;
}

/* left column home */
#container-home #left {
	width: 550px;
	float: left;
	margin: 46px 0 50px 50px;
	}
	#container-home h1{
		margin-top: -16px;
		margin-bottom: 30px;
		width: 550px;
		background: url('images/pagetitles-home.png') no-repeat bottom left;
		text-transform: inherit;
		}
	
/* Revised Treatment */		
	#container-home #left .image-left{
		float: left;
		clear: left;
		}
	#container-home #left .image-right{
		float: right;
		}
	#container-home #left .image-left,
	#container-home #left .image-right{
		margin: 0 0 40px 0;
		}		
		#container-home #left .image-left img,
		#container-home #left .image-right img{
			width: 250px;
			height: 145px;
			}
		#container-home #left .image-left a img,
		#container-home #left .image-right a img,
		#container-home #left .image-left a:visited img,
		#container-home #left .image-right a:visited img,
		#container-home #left .image-left a:hover img,
		#container-home #left .image-right a:hover img,
		#container-home #left .image-left a:focus img,
		#container-home #left .image-right a:focus img{
			border: none;
			text-decoration: none;
			}
		#container-home #left h3{
			margin-top: -26px;
			width: 250px;
			}
			#container-home #left h3 a,
			#container-home #left h3 a:hover,
			#container-home #left h3 a:focus,
			#container-home #left h3 a:visited{
				padding: 0 0 0 6px;
				font-size: 18px;
				text-decoration: none;
				color: #fff;
				}
	#container-home h2{
		margin-top: 40px;
		clear: both;
		width: 550px;
		background: url('images/subtitle-home.png') no-repeat bottom left;
		text-transform: inherit;
		}

/* left column internal */
#container #left {
	width: 370px;
	float: left;
	margin: 46px 0 50px 0;
	}
	#left p,
	#right p{
		margin: 0 0 20px 0;
		}	
		
/* right column home */
#container-home #right{
	width: 210px;
	padding: 0 20px;
	height: 600px;
	background: url(images/home-contact_06.jpg) no-repeat;
	float: right;
	margin: 46px -50px 50px 0; 
	float: right;
	* clear: left;
	}
	/* home contact form */
	#container-home #right form{
		margin: 0;
		}
	#container-home #right p{
		color: #fff;
		margin: 0 0 2px;
		}
		#container-home #right p.legal{
			margin: 2px 0;
			}
	#container-home #right h2{
		color: #cc0000;
		width: 100%;
		margin: -7px 0 6px;
		background: none;
		}		
	#container-home #right h2 span {
			color: #8e6123;		
	}
	#container-home #right .field{
		color: #8e6123;
		font-size: 12px;
		background-color: #f2ece5;
		border: #bfa991 solid 1px;
		width: 96%;
		margin: 0 0 2px;
		padding: 2px 4px;
		}
	#container-home #right #comments{
		font-family: "Lucida Grande", "Arial", sans-serif;
		color: #8e6123;
		font-size: 12px;
		line-height: 18px;
		background-color: #f2ece5;
		border: #bfa991 solid 1px;
		margin: 0;
		width: 96%;
		height: 156px;
		padding: 4px;
		}
	#container-home #right #submission{
		width: 100px;
		font-size: 18px;
		color: #fff;
		border: #bfa991 outset 1px;
		background: url(images/sub-back.jpg) repeat-x;
		float: right;
		margin: 20px 0 0;
		}
		#container-home #right #submission:hover{
			border: #bfa991 inset 1px;
			cursor: pointer;
			}
	#container-home #right .error {
		border: 2px solid #cc0000;
		background-color: #ff7e79;
		}
	#container-home #right .sent {
		border: 2px solid #93ad31;
		background-color: #bad160;
		}
		
	#container-home #right .sent,
	#container-home #right .error {
		padding: 4px;
		color:#fff;
		width: 95%;
		margin-bottom: 6px;
		}
		
/* right column internal */
#container #right {
	width: 480px;
	margin: 46px 0 50px 0;
	float: right;
	* clear: left;
	}
	#container #right span.free,
	#container-home #left span.free {
		font-weight:bold;
	    color: #7aaa41;
		}
	.bio{
		float: left;
		margin: 0 30px 0 0;
		border: 4px solid #ceb9a3;
		background: #ceb9a3;
		height: 120px;
		width: 120px;
		}
	.bio2{
		float: left;
		margin: 0 30px 0 0;
		border: 4px solid #ceb9a3;
		background: #ceb9a3;
		height: 284px;
		width: 200px;
		}
	.bio3{
		float: left;
		margin: 0 30px 0 0;
		border: 4px solid #ceb9a3;
		background: #ceb9a3;
		height: 142px;
		width: 100px;
		}
	.group_pic{
		float: left;
		margin: 0 30px 0 0;
		border: 2px solid #e37e2e;
		background: #ceb9a3;
		height: auto;
		width: 205px;
		height: 146px;
		}
	.lindent{
		margin: 0;
		}
	li.lindent {
		margin-left: 20px;
	    list-style-type: circle;
		}
	ol.family{
		list-style-type: lower-alpha;
		}		
	
/* contact form */
form#form{
	clear: both;
	margin: 80px 0 0 0;
	}
	form#form div{
		clear: left;
		}
	form#form label{
		float:left;
		width: 80px;
		line-height: 18px;
		padding-top: 4px;
		}
	#form #commentlable{
		width: 300px;
		margin: 20px 0 0 0;
		}
	#form .field{
		color: #69421d;
		font-size: 12px;
		line-height: 18px;
		background-color: #f2ece5;
		border: #bfa991 solid 1px;
		width: 395px;
		}
	#form #comments{
		color: #69421d;
		font-size: 12px;
		line-height: 18px;
		background-color: #f2ece5;
		border: #bfa991 solid 1px;
		width: 478px;
		margin: 0 0 10px 0;
		}
	#form #submission{
		width: 100px;
		font-size: 18px;
		color: #69421d;
		border: #bfa991 inset 1px;
		background-color: #f2ece5;
		}
		#form #submission:hover{
			width: 100px;
			font-size: 18px;
			color:#cc0000;
			border: #bfa991 outset 1px;
			background-color: #f2ece5;
			cursor: pointer;
			}
.error {
	padding: 10px;
	color:#fff;
	border: 2px solid #cc0000;
	background-color: #ff7e79;
		}
.sent {
	padding: 10px;
	color:#fff;
	border: 2px solid #93ad31;
	background-color: #bad160;
	}
#numbers{
	list-style: decimal;
	}
iframe{
	border: 4px solid #ceb9a3;
/* 	margin: 40px 0 0; */
	}	

/* key practice areas */
.leftnav{
	width: 370px;
	padding: 34px 0 0 0;
	background: url('images/keypracticeareas-title.png') no-repeat top left;
	}
	.leftnav a{
		position:relative;
		padding: 0 0 0 50px;
/* 		color: #2e1500; */
		color: #fff;
		text-decoration: none;
		display: block;
		font-size: 13px;
		width: 270px;
		height: 44px;
		line-height: 44px;
		*width: 320px;
		}
		.leftnav a:hover{
			padding: 0 0 0 70px;
			width: 250px;
			background: url('images/arrow.gif') no-repeat 50px;
			*width: 320px;
			}
.subnav a{
	color: #69421d;
	padding: 0 0 0 50px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	width: 270px;
	/* *width: 320px; */
	line-height: 17px;
	overflow: visible;
	height: 17px;
	background-color: #c3ab93;
	/* *background-color: #c7b099; */
	}
	.subnav a:hover{
		padding: 0 0 0 60px;
		width: 260px;
		/* *width: 320px; */
		background: url('images/arrow.gif') no-repeat 50px;
		background-color: #c7b099;
		/* *background-color: #ceb9a3; */
		}
	.subnav a.sub-item{
		
		}	
		
/*
#twolinenav a{
	color: #69421d;
	padding: 0 0 0 50px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	width: 270px;
	*width: 320px;
	line-height: 17px;
	overflow: visible;
	height: 34px;
	background-color: #c3ab93;
	*background-color: #c7b099;
	}
	#twolinenav a:hover{
		padding: 0 0 0 60px;
		width: 260px;
		*width: 320px;
		background: url('images/arrow.gif') no-repeat 50px 4px ;
		background-color: #c7b099;
		*background-color: #ceb9a3;
		}
*/
.green{
	background: url(images/pa_02.png) no-repeat top left;
	}
.blue{
	background: url(images/pa_04.png) no-repeat top left;
	}
.orange{
	background: url(images/pa_05.png) no-repeat top left;
	}
.red{
	background: url(images/pa_06.png) no-repeat top left;
	}
.neutral{
	background: url(images/pa_00.png) no-repeat top left;
	}
/*
#six{
	background: url('images/pa2_05.png') no-repeat top left;
	}
#seven{
	background: url('images/pa2_04.png') no-repeat top left;
	}
#eight{
	background: url('images/pa_08.png') no-repeat top left;
	}
*/
#subnavend{
	height: 43px;
	width: 370px;
	background: url(images/pa_09.png) no-repeat top left;
	}

/* call to actions left column */
#ca-attorneys{
	width: 370px;
	height: 130px;
	margin: 0;
	background: url('images/calltoaction-attorneys.png') no-repeat top left;
	}
	#ca-attorneys a{
		position:relative;
		display:block;
		width: 322px;
		height: 130px;
		}
#ca-contact{
	width: 370px;
	height: 130px;
	margin: 0;
	background: url('images/calltoaction-contact.png') no-repeat top left;
	}
	#ca-contact a{
		position:relative;
		display:block;
		width: 322px;
		height: 130px;
		}
#ca-contact3{
	width: 370px;
	height: 69px;
	margin: 0;
	background: url('images/calltoaction-credit.png') no-repeat top left;
	}

/* footer */
#foot{
	height: 67px;
	width: 100%;
	background: #180b00 url('images/foot-back.jpg') repeat-x top left;
	color: #cab7a5;
	font-size: 10px;
	line-height: 16px; 
	clear: both;
	}
	#foot a{
		color: #b29980;
		text-decoration: none;
		}
		#foot a:hover{
			text-decoration: underline;
			}
	#foot-container{
		width: 850px;
		}
	#foot-left{
		float: left;
		margin: 16px 0 0 50px;
		}
	#foot-right{
		float: right;
		text-align: right;
		margin: 16px 0 0 0;
		}
	#foot p{
		margin: 0 0 0 0;
		}
	#footcell{
		height: 67px;
		}







/* commented out styles that are no longer in use in the revised site */





















/* Fixed the validation issue by switching ids to classes - makes for claner markup (left the star hacks in place) */

/* 
Had to create #subnav1-8 to validate XHTML 1.0. Alternative to recoding menu to use div classes vs. ids which must be unique 

#subnav1 a{
	color: #69421d;
	padding: 0 0 0 50px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	width: 270px;
	*width: 320px;
	line-height: 17px;
	overflow: visible;
	height: 17px;
	background-color: #c3ab93;
	*background-color: #c7b099;
}
#subnav1 a:hover{
	padding: 0 0 0 60px;
	width: 260px;
	*width: 320px;
	background: url('images/arrow.gif') no-repeat 50px;
	background-color: #c7b099;
	*background-color: #ceb9a3;
}
#subnav2 a{
	color: #69421d;
	padding: 0 0 0 50px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	width: 270px;
	*width: 320px;
	line-height: 17px;
	overflow: visible;
	height: 17px;
	background-color: #c3ab93;
	*background-color: #c7b099;
}
#subnav2 a:hover{
	padding: 0 0 0 60px;
	width: 260px;
	*width: 320px;
	background: url('images/arrow.gif') no-repeat 50px;
	background-color: #c7b099;
	*background-color: #ceb9a3;
}

#subnav3 a{
	color: #69421d;
	padding: 0 0 0 50px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	width: 270px;
	*width: 320px;
	line-height: 17px;
	overflow: visible;
	height: 17px;
	background-color: #c3ab93;
	*background-color: #c7b099;
}
#subnav3 a:hover{
	padding: 0 0 0 60px;
	width: 260px;
	*width: 320px;
	background: url('images/arrow.gif') no-repeat 50px;
	background-color: #c7b099;
	*background-color: #ceb9a3;
}
#subnav4 a{
	color: #69421d;
	padding: 0 0 0 50px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	width: 270px;
	*width: 320px;
	line-height: 17px;
	overflow: visible;
	height: 17px;
	background-color: #c3ab93;
	*background-color: #c7b099;
}
#subnav4 a:hover{
	padding: 0 0 0 60px;
	width: 260px;
	*width: 320px;
	background: url('images/arrow.gif') no-repeat 50px;
	background-color: #c7b099;
	*background-color: #ceb9a3;
}
#subnav5 a{
	color: #69421d;
	padding: 0 0 0 50px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	width: 270px;
	*width: 320px;
	line-height: 17px;
	overflow: visible;
	height: 17px;
	background-color: #c3ab93;
	*background-color: #c7b099;
}
#subnav5 a:hover{
	padding: 0 0 0 60px;
	width: 260px;
	*width: 320px;
	background: url('images/arrow.gif') no-repeat 50px;
	background-color: #c7b099;
	*background-color: #ceb9a3;
}
#subnav6 a{
	color: #69421d;
	padding: 0 0 0 50px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	width: 270px;
	*width: 320px;
	line-height: 17px;
	overflow: visible;
	height: 17px;
	background-color: #c3ab93;
	*background-color: #c7b099;
}
#subnav6 a:hover{
	padding: 0 0 0 60px;
	width: 260px;
	*width: 320px;
	background: url('images/arrow.gif') no-repeat 50px;
	background-color: #c7b099;
	*background-color: #ceb9a3;
}
#subnav7 a{
	color: #69421d;
	padding: 0 0 0 50px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	width: 270px;
	*width: 320px;
	line-height: 17px;
	overflow: visible;
	height: 17px;
	background-color: #c3ab93;
	*background-color: #c7b099;
}
#subnav7 a:hover{
	padding: 0 0 0 60px;
	width: 260px;
	*width: 320px;
	background: url('images/arrow.gif') no-repeat 50px;
	background-color: #c7b099;
	*background-color: #ceb9a3;
}
#subnav8 a{
	color: #69421d;
	padding: 0 0 0 50px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	width: 270px;
	*width: 320px;
	line-height: 17px;
	overflow: visible;
	height: 17px;
	background-color: #c3ab93;
	*background-color: #c7b099;
}
#subnav8 a:hover{
	padding: 0 0 0 60px;
	width: 260px;
	*width: 320px;
	background: url('images/arrow.gif') no-repeat 50px;
	background-color: #c7b099;
	*background-color: #ceb9a3;
}

- end - */