/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/body-bg.jpg) repeat-x #e8f1f2;}
	
h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0 0 10px 0}
	
h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#144b54;
	margin:0;
	padding:0 0 5px 0}
	
h4 a:link, a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#144b54;
	margin:0;
	padding:0 0 5px 0;
	text-decoration:none;}
	
h4 a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#144b54;
	margin:0;
	padding:0 0 5px 0;
	text-decoration:underline;}

	
p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align:justify;}
	
p a{
	color:#CC0000;
	font-size:12px;
	text-decoration:underline;}
	
p a:hover{
	color:#CC0000;
	font-size:12px;
	text-decoration:none;}
	
#main{
	width:1000px;
	margin:0 auto 0 auto;}
	
#wrap{
	width:800px;}
	
#header-container{
	position:relative;
	text-align:left;}
	
#header-left{
	width:586px;
	position:relative;}
	
.header-bg{
	background:url(../images/justice-bg.jpg) repeat-x #a1c3c9;
	height:42px;
	padding:0px 0 0 25px;
	margin:0;}

#header-nav{
	background:url(../images/header-nav-bg.jpg) repeat-x #fafaf6;
	height:263px;
	width:394px;
	position:absolute;
	left: 586px;
	top: 0px;
	padding:0 0 0 20px;
}

#header-nav ul{
	margin:0;
	padding:8px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif}

#header-nav ul li{
	color:#326f79;
	list-style:none;
	font-size:11px;
	line-height:18px;
	font-weight:bold;}
	
#header-nav ul li a{
	color:#326f79;
	text-decoration:none;}
	
#header-nav ul li a:hover{
	color:#326f79;
	text-decoration:underline;}
	
#header-nav ul ul{
	padding:0 0 0 10px;
	#padding:0 0 0 10px;
	_padding:0 0 0 10px;}

#body-container{
	background:url(../images/left-panel-bg.jpg) repeat-x #c7c9c3;}

#left-panel{
	width:237px;
	float:left;
	text-align:left;
	font-weight:bold;
	font-size:11px;
	padding:10px 0 10px 15px}
	
#left-panel ul{
	padding:0;
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif}
	
#left-panel ul li{
	color:#000;
	list-style:none;
	line-height:26px;}
	
#left-panel ul li a{
	color:#000;
	text-decoration:none;}
	
#left-panel ul li a:hover{
	color:#fff;
	text-decoration:none;}
	
#right-panel{
	background:#fff;
	margin:0 0 0 242px;
	text-align:left;
	padding:10px 15px 10px 10px}

	#right-panel ul li{
	color: #363636;
	list-style: square;
	font-size:11px;
	line-height:18px;
	font-weight:bold;}
	
#right-panel ul li a{
	color:#363636;
	text-decoration:none;}
	
#right-panel ul li a:hover{
	color:#363636;
	text-decoration:underline;}
	
#right-panel ul ul{
	padding:0 0 0 10px;
	#padding:0 0 0 10px;
	_padding:0 0 0 10px;}
	
.name{
	width:180px;
	line-height:18px;
	font-weight:bold;
	font-size:11px;

	color:#fff;}
	
.name-contact{
	width:240px;
	line-height:18px;
	font-weight:bold;
	font-size:11px;
	float:left}
	
.name-input{
	margin:0 0 0 255px;}
	
.form-input{
	padding:0 0 0 3px;
	margin:0;
	width:164px;
	height:20px;
	border:1px solid #cbe3e7;
	background:#f3fcfd;
	overflow:hidden;
	font-size:12px;
	line-height:14px;
	vertical-align:middle;
}
.form-input:hover{
	width:164px;
	height:20px;
	border:1px solid #cbe3e7;
	background:#fff;
}
.form-input:focus{
	width:164px;
	height:20px;
	border:1px solid #cbe3e7;
	background:#fff;
}

.form-input1{
	padding:0 0 0 3px;
	margin:0;
	width:164px;
	height:60px;
	border:1px solid #cbe3e7;
	background:#f3fcfd;
	overflow:hidden;
	font-size:12px;
	line-height:14px;
	vertical-align:middle;
}
.form-input1:hover{
	width:164px;
	height:60px;
	border:1px solid #cbe3e7;
	background:#fff;
}
.form-input1:focus{
	width:164px;
	height:60px;
	border:1px solid #cbe3e7;
	background:#fff;
}

.phone-input1{
	padding:0 0 0 3px;
	margin:0;
	width:36px;
	height:20px;
	border:1px solid #cbe3e7;
	background:#f3fcfd;
	overflow:hidden;
	font-size:12px;
	line-height:14px;
	vertical-align:middle;
}
.phone-input1:hover{
	width:36px;
	height:20px;
	border:1px solid #cbe3e7;
	background:#fff;
}
.phone-input1:focus{
	width:36px;
	height:20px;
	border:1px solid #cbe3e7;
	background:#fff;
}

.phone-input2{
	padding:0 0 0 3px;
	margin:0;
	width:44px;
	height:20px;
	border:1px solid #cbe3e7;
	background:#f3fcfd;
	overflow:hidden;
	font-size:12px;
	line-height:14px;
	vertical-align:middle;
}
.phone-input2:hover{
	width:44px;
	height:20px;
	border:1px solid #cbe3e7;
	background:#fff;
}
.phone-input2:focus{
	width:44px;
	height:20px;
	border:1px solid #cbe3e7;
	background:#fff;
}

.button{
	background:#fff;
	border:1px solid #9d9e9c;
	padding:3px 3px;
	color:#134c55;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;}
	
.button:hover{
	background:#236d79;
	border:1px solid #9d9e9c;

	padding:3px 3px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;}
	
.spacer40{
	height:40px;
	overflow:hidden;
	clear:both;}
	
.spacer10{
	height:10px;
	overflow:hidden;
	clear:both;}
	
.spacer5{
	height:5px;
	overflow:hidden;
	clear:both}
	
.image-container{
	float:left;}
	
.text-container{
	padding:0;
	margin:0 0 0 120px;}
	
.dotted-line{
	border-top:1px dashed #ccc;
	height:1px;
	overflow:hidden;
	margin:10px 0 10px 0}
	
#footer-container{
	padding:10px 10px;
	clear:both;
	background:url(../images/footer-bg.gif) repeat-x #fafaf6;
	border-top:1px solid #d3d3d3}
	
#footer-container a{
	font-size:12px;
	color:#2f2f2f;
	text-decoration:none;}
	
#footer-container a:hover{
	font-size:12px;
	color:#2f2f2f;
	text-decoration:underline;}
	
.grey-text{
	font-size:11px;
	color:#999999;
	text-align:justify}
	
.grey-text-bold{
	font-size:12px;
	font-weight:bold;
	color:#606060;}
	
	
	
	
/*- Menu Tabs 5--------------------------- */

#tabs5 {
	width:237px;
	height:auto;
	font-size:93%;
	line-height:normal;
	position:relative;      }
	
#tabs5 ul {
	margin:0;
	padding:0px 0px 0 15px;
	list-style:none;      }
	
#tabs5 li {
	margin:0;
	padding:5px 0; 
	#padding:3px 0;    }
	
#tabs5 a {
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;     }
	
#tabs5 a span.profile{
	width:87px;
	height:17px;
	float:left;
	display:block;
	background:url(../images/profile.gif) no-repeat;
	padding:0px 0px 0px 5px;
	text-indent:-9999px}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs5 a span.profile {/*float:none;*/}

/* End IE5-Mac hack */
#tabs5 a:hover span.profile {
	background:url(../images/profile.gif) no-repeat;
	cursor:pointer}
	
#tabs5 a:hover span.profile {
  background-position:0 -17px;     }
  
#tabs5 a:hover span.profile {
  background-position:0 -17px;    }

#tabs5 #current a span.profile {
	background-position:0 -17px;    }
	
	
	
#tabs5 a span.lawyer{
	width:90px;
	height:17px;
	float:left;
	display:block;
	background:url(../images/lawyer.gif) no-repeat;
	padding:0px 0px 0px 5px;
	text-indent:-9999px     }
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs5 a span.lawyer {/*float:none;*/}

/* End IE5-Mac hack */
#tabs5 a:hover span.lawyer {
	background:url(../images/lawyer.gif) no-repeat; 
	cursor:pointer    }
	
#tabs5 a:hover span.lawyer {
  background-position:0 -17px;     }
  
#tabs5 a:hover span.lawyer {
  background-position:0 -17px;    }

#tabs5 #current a span.lawyer {
	background-position:0 -17px;    }
	
	
	
#tabs5 a span.awards{
	width:182px;
	height:17px;
	float:left;
	display:block;
	background:url(../images/awards.gif) no-repeat;
	padding:0px 0px 0px 5px; 
	text-indent:-9999px    }
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs5 a span.awards {/*float:none;*/}

/* End IE5-Mac hack */
#tabs5 a:hover span.awards {
	background:url(../images/awards.gif) no-repeat;   
	cursor:pointer  }
	
#tabs5 a:hover span.awards {
  background-position:0 -17px;     }
  
#tabs5 a:hover span.awards {
  background-position:0 -17px;    }

#tabs5 #current a span.awards {
	background-position:0 -17px;    }
	
	

#tabs5 a span.client{
	width:132px;
	height:17px;
	float:left;
	display:block;
	background:url(../images/clients.gif) no-repeat;
	padding:0px 0px 0px 5px; 
	text-indent:-9999px    }
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs5 a span.client {/*float:none;*/}

/* End IE5-Mac hack */
#tabs5 a:hover span.client {
	background:url(../images/clients.gif) no-repeat;   
	cursor:pointer  }
	
#tabs5 a:hover span.client {
  background-position:0 -17px;     }
  
#tabs5 a:hover span.client {
  background-position:0 -17px;    }

#tabs5 #current a span.client {
	background-position:0 -17px;    }
	


#tabs5 a span.contact{
	width:78px;
	height:17px;
	float:left;
	display:block;
	background:url(../images/contact.gif) no-repeat;
	padding:0px 0px 0px 5px; 
	text-indent:-9999px    }
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs5 a span.contact {/*float:none;*/}

/* End IE5-Mac hack */
#tabs5 a:hover span.contact {
	background:url(../images/contact.gif) no-repeat;  
	cursor:pointer   }
	
#tabs5 a:hover span.contact {
  background-position:0 -17px;     }
  
#tabs5 a:hover span.contact {
  background-position:0 -17px;    }

#tabs5 #current a span.contact {
	background-position:0 -17px;    }
	
	
	
/*- Menu Tabs 5 ends------------------- */	

#right {
	right: 450px;
	position: absolute;
}
#map {
	left: 800px;
	position: absolute;
}