/* <![ Global [ -----------------------------------------------------------*/

/*
Site 9 Default CSS File
Working Version: template
VERSION: 1.0 
LAST MODIFIED: 02.07.2008
LAST MODIFIED BY: NAPOLISX

NOTES:
Image pathing needs to be as follows.

url(/images/img.jpg);

This can be developed any way you wish, but must be changed before upload.

*/


html {
	height:100%;}
	
.body{	
	margin:0px; 
	padding:0px; 
	text-align:center;
	background:#261717;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	behavior:url(/scripts/csshover.htc);}
		
#container {
	position:relative;
	margin:0px auto;
	padding:0px;
	text-align:left;
	width:967px;
	background:url(../images/mid-BG.gif) top left repeat-y;}
	#container-TOP {
		position:relative;
		margin:0px auto;
		background:url(../images/top.gif) bottom left no-repeat;
		width:967px;
		height:34px;}
	#container-BOTTOM {
		position:relative;
		margin:0px auto;
		background:url(../images/bottom.gif) top left no-repeat;
		width:967px;
		height:15px;}
	
input, select, textarea{	
	border:1px solid #000;}
	
legend	{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000;}
	
hr{
	height:1px;
	color:#000;
	margin:5px 0px;
	padding:0px;}

/*	<![ Navigation [ -----------------------------------------------------------*/

.nav {
	position:relative;
	width:967px;
	height:62px;
	background:url(../images/nav-BG.jpg) top no-repeat;
	text-align:center;
	font:14px Verdana, Arial, Helvetica, sans-serif;}
	.nav img {
		float:left;}
	.nav ul {
		list-style:none;
		padding:0px;
		margin:0px;
		width:967px;}
	.nav ul li {
		display:inline;}
		.nav ul li:hover {
			
		background:url(../images/nav-BG-OVER.jpg) top repeat-x;}
	.nav ul .first_child {
		border:none;}
	.nav ul li a {
		margin:0px;
		padding:0px;
		font:14px Verdana, Arial, Helvetica, sans-serif;
		color:#000;
		text-decoration:none;}
	.nav ul li a:hover {
		background:url(../images/nav-BG-OVER.jpg) top repeat-x;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#fff;
		text-decoration:none;}
		
		#home {
			padding:13px 0px 0px 0px;
			background: url(../images/nav-HOME.jpg) top left no-repeat;
			width:87px;	
			height:39px;	
			display:block;
			float:left;}
			#home:hover {
				padding:15px 0px 0px 0px;
				height:37px;
				background: url(../images/nav-HOME-over.jpg) top left no-repeat;}
		#overview {
			padding:13px 0px 0px 0px;
			background: url(../images/nav-OVERVIEW.jpg) top left no-repeat;
			width:126px;
			height:39px;	
			display:block;
			float:left;}
			#overview:hover {
				padding:15px 0px 0px 0px;
				height:37px;
				background: url(../images/nav-OVERVIEW-over.jpg) top left no-repeat;}
		#criminal {
			padding:13px 0px 0px 0px;
			background: url(../images/nav-CRIMINAL.jpg) top left no-repeat;
			width:155px;
			height:39px;	
			display:block;
			float:left;}
			#criminal:hover {
				padding:15px 0px 0px 0px;
				height:37px;
				background: url(../images/nav-CRIMINAL-over.jpg) top left no-repeat;}
		#juvenile {
			padding:13px 0px 0px 0px;
			background: url(../images/nav-JUVENILE.jpg) top left no-repeat;
			width:145px;	
			height:39px;
			display:block;
			float:left;}
			#juvenile:hover {
				padding:15px 0px 0px 0px;
				height:37px;
				background: url(../images/nav-JUVENILE-over.jpg) top left no-repeat;}
		#news {
			padding:13px 0px 0px 0px;
			background: url(../images/nav-NEWS.jpg) top left no-repeat;
			width:112px;
			height:39px;		
			display:block;
			float:left;}
			#news:hover {
				padding:15px 0px 0px 0px;
				height:37px;
				background: url(../images/nav-NEWS-over.jpg) top left no-repeat;}
		#faq {
			padding:13px 0px 0px 0px;
			background: url(../images/nav-FAQ.jpg) top left no-repeat;
			width:63px;	
			height:39px;	
			display:block;
			float:left;}
			#faq:hover {
				padding:15px 0px 0px 0px;
				height:37px;
				background: url(../images/nav-FAQ-over.jpg) top left no-repeat;}
		#testimonial {
			padding:13px 0px 0px 0px;
			background: url(../images/nav-TESTIMONIALS.jpg) top left no-repeat;
			width:155px;
			height:39px;		
			display:block;
			float:left;}
			#testimonial:hover {
				padding:15px 0px 0px 0px;
				height:37px;
				background: url(../images/nav-TESTIMONIALS-over.jpg) top left no-repeat;}
		#contact {
			padding:13px 0px 0px 0px;
			background: url(../images/nav-CONTACT.jpg) top left no-repeat;
			width:120px;
			height:39px;	
			display:block;
			float:left;}
			#contact:hover {
				padding:15px 0px 0px 0px;
				height:37px;
				background: url(../images/nav-CONTACT-over.jpg) top left no-repeat;}
	
.aop {
	text-align:left;
	background:url(../images/aop-pics.jpg) top left no-repeat;
	padding:10px 0px 0px 83px;
	height:315px;
	margin:10px 0px 0px 0px;
	font:14px Verdana, Arial, Helvetica, sans-serif;}
	.aop ul {
		list-style:none;
		padding:0px;
		margin:0px;
		width:100%;}
	.aop ul li {
		display:block;
		padding:0px 0px 1px 0px;}
	.aop ul li a {
		display:block;
		padding:5px 7px;
		margin:0px;
		color:#000;
		text-decoration:none;
		border-bottom:1px solid #907442;}
	.aop ul li a:hover {
		color:#fff;
		text-decoration:none;
		border-bottom:1px solid #d21242;
		background:#d21242;}	
		
.footlinks {
	position:relative;
	margin:0px auto;
	padding:10px 0px;
	width:967px;
	font:10px Verdana, Arial, Helvetica, sans-serif;}
	.footlinks ul {
		list-style:none;
		padding:0px;
		margin:0px;
		width:100%;}
	.footlinks ul li {
		display:inline;
		border-left:1px solid #c28a24;}
	.footlinks ul .first_child {
		border:none;}
	.footlinks ul li a {
		padding:0px 10px;
		color:#eee1b2;
		text-decoration:none;}
	.footlinks ul li a:hover {
		color:#c28a24;
		text-decoration:none;}
	
/*	<![ Layout [ -----------------------------------------------------------*/

#clear {
	clear:both;
	height:0px;
	margin:0px;
	padding:0px;}

address {
	font-style:normal;}
	
#header{
	width:;
	height:110px;
	background:url(../images/header-BG.gif) top left repeat-y;}
	
	#header-info {
		text-align:right;
		font:18px "Times New Roman", Times, serif;
		color:#000;
		float:right;
		width:215px;
		padding:0px 30px 0px 0px;
		margin:0px auto;}
		
	#header-info form {
		margin:0px;
		padding:0px;}
	
	#search-button {
		background:#d21242;
		font:bold 10px Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		border:1px solid #bc985b;
		text-decoration:none;}
	#search-button:hover {
		background:#bc985b;
		color:#fff;
		border:1px solid #bc985b;
		text-decoration:none;}
	#search-field {
		width:140px;
		color:#000;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		border:1px solid #bc985b;}
	
#banner {
	background:url(../images/banner.jpg) top left no-repeat;
	height:157px;}

.mid {
	background: url(../images/content-bottom.gif) bottom left no-repeat;}
	
.left {
	float:left;
	width:224px;
	margin:0px auto;
	padding:0px 0px 0px 7px;
	background:;
	text-align:center;}
	.left-top {
		position:relative; 
		width:217px; 
		margin:0px auto; 
		padding:4px 0px; 
		background:url(../images/left-top.jpg) top no-repeat;}
		.left-top a {
			color:#d21242;
			text-decoration:none;
			font-weight:bold;}
		.left-top a:hover {
			color:#d21242;
			text-decoration:underline;
			font-weight:bold;}
		
		
		.left-top-row1 {
			text-align:center;
			padding:3px 0px 2px 0px;
			color:#d21242; 
			font:bold 22px 'Times New Roman', Times, serif;}
		.left-top-row2 {
			text-align:center;
			padding:0px 0px 6px 0px;}
		.left-top-row3 {
			text-align:center;
			color:#fff;
			padding: 3px 0px 5px 0px; 
			font:bold 14px Verdana, Arial, Helvetica, sans-serif; 
			text-transform:uppercase;}

.right {
	float:left;
	width:224px;
	margin:0px auto;
	background:url(/images/right-bg.jpg) repeat-y;
	text-align:center;}
	.right img {
		margin:20px 0px 0px 0px;}
	.right-top {
		position:relative;
		margin:0px auto;
		font:bold 17px 'Times New Roman', Times, serif; 
		font-style:italic;
		padding:0px 0px 15px 0px;
		border-bottom:1px solid #907442;}
		.right-top-row1 {
			font:22px 'Times New Roman', Times, serif; 
			font-weight:bold; 
			font-style:italic; 
			color:#d21242;}
		.right-top-row2 {
			font:bold 21px 'Times New Roman', Times, serif; 
			font-style:normal; 
			text-transform:uppercase; 
			color:#000;}
		.right-top-row3 {
			background: url(../images/phone-BG.jpg) top center no-repeat; 
			font-style:normal; 
			height:39px; 
			padding:3px 0px 0px 0px; 
			color:#fff; 
			font:bold 30px 'Times New Roman', Times, serif;}
			
.attorney {
	padding:20px 0px;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #907442;
	color:#000;}
	
	.attorney a {
		font-weight:bold;
		color:#d21242;
		text-decoration:none;}
		
	.attorney a:hover {
		color:#c28f33;
		text-decoration:none;}

.content {
	float:left;
	width:456px;
	padding:0px 25px 10px 25px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;}
	.content p {
		line-height:20px;}
	.content h1{	
		font: bold 20px "Times New Roman", Times, serif;
		padding:0px;
		margin:0px;
		color:#d21242;
		line-height:normal;}
	.content h2{	
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
		color:#261717;
		line-height:normal;}
	.content h3{	
		font: bold 13px Verdana, Arial, Helvetica, sans-serif;
		color:#907442;
		line-height:normal;}
	.content h4{	
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		color:#000;
		line-height:normal;}
	.content h5{	
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		color:#777;
		line-height:normal;}
	.content a {
		color:#d21242;
		font-weight:bold;
		text-decoration:underline;}
	.content a:hover {
		color:#261717;
		text-decoration:underline;}
	.content li {
		padding-top:4px;
		padding-bottom:4px;}
		
		
.dui-div {
	border:1px solid #886d40; 
	background:#eee1b2; 
	padding:15px;}
.dui-right {
	width:220px; 
	float:right; 
	margin:0px 0px 10px 20px; 
	border:1px solid #886d40; 
	background:#eee1b2; 
	padding:15px; }

.form-pct { 
	width:250px; 
	height:18px;
	font:12px Verdana, Arial, Helvetica, sans-serif;}

.msg-pct { 
	width:400px; 
	height:70px;
	overflow:auto;
	font:12px Verdana, Arial, Helvetica, sans-serif}

/*	<![ Quick Contact [ -----------------------------------------------------------*/

.qctable {
	}
	
	.qctable form {
		width:190px;
		padding:0px 0px 20px 0px;
		margin:0px auto;
		text-align:left;
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#000;}
	
.qchead {
	font:20px "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	color:#4f2b1e;
	text-transform:uppercase;
	padding:10px 0px;}	

.pad_frm_itm2 {
	padding:0px;
	font:bold;}
	
.form-pct2 { 
	width:190px; 
	height:20px;
	padding:5px 0px 0px 0px;
	border:1px solid #9c9786;
	font:11px Verdana, Arial, Helvetica, sans-serif;}

.msg-pct2 { 
	width:190px; 
	height:70px;
	overflow:auto;
	padding:5px 0px 0px 0px;
	border:1px solid #9c9786;
	font:11px Verdana, Arial, Helvetica, sans-serif;}

.submit {
	margin:10px auto 0px auto;
	float:right;
	border:1px solid #cbbf97;
	border-top:1px solid #fff;
	border-bottom:1px solid #4b4738;
	color:#fff;
	background:#d21242;
	text-decoration:none;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-align:center;}
	
.submit:hover {	
	background: #261717;	
	text-decoration:none;
	color:#fff;}

/*	<![ Disclaimer [	 -----------------------------------------------------------*/

#disclaimer{
	position:relative;
	margin:0px auto;
	padding:10px 0px;
	width:967px;
	color:#c28a24;
	font:10px Verdana, Arial, Helvetica, sans-serif;}
	#disclaimer a {
		color:#eee1b2;
		text-decoration:none;}
		
	#disclaimer a:hover {
		color:#eee1b2;
		text-decoration:underline;}	


/*	<![ Site 9 Styles [ --------------------------------------------------------*/

/* Directions Page Styles (Google Maps Default)

/* [ Outer div ] -----------> */
#directionsForm{
	}

/* div that wraps form */
#directionsInput {
	padding:10px 0px;}

#fromAddress{
	width:350px;}

#directionsLocale{
	padding:10px 0px;}

#locale{
	}

#directionsSubmit{
	padding:10px 0px;}

#map{
	border:1px solid #000;}

#addressNotFound{
	}

#directions{
	}