@charset "utf-8";
/* CSS Document */

/* =Styling all elements
========================================================================================================*/
* {margin: 0; padding: 0;}
a {	outline: none;	border: none;text-decoration: none;}
img {border: none;}
input {vertical-align: middle;}
.floatleft {float: left !important;}
.floatright {float: right !important;}
abbr {cursor: help;}
acronym {cursor: help;}
/* ----------- Applying clearfix fix for some browsers to use in appropriate places --------- */
.clearfix:after {content: ".";display: block;height:100%;	clear: both;visibility: hidden;}
.clearfix {	display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {	display: block;}
/* End hide from IE Mac */
/*=======================================================================================================*/
.clear{
	clear:both;
}
/*-----------------------= Body =---------------------------------------------------------------*/

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#332506;
	line-height:15px;
}
/*------------------------= Splash Page Wrapper =------------------------------------------------*/
#splash_wrapper{
	width:808px;
	margin:0 auto;
	padding-top:16px;
	padding-bottom:70px;
}
/*------------------------= Splash Page Header =-------------------------------------------------*/
#splash_header{
	height:113px;
	position:relative;
}
#splash_header h1 a{
	position:absolute;
	top:0;
	left:3px;
	background:url(../images/splash_logo.jpg) left top no-repeat;
	display:block;
	width:433px;
	height:90px;
	text-indent:-2000em;
}
#splash_header span a{
	position:absolute;
	bottom:21px;
	right:5px;
	font-size:12px;
	color:#696969;
}
#splash_header span a:hover{
	color:#000000;
}
/*----------------------= Splash Page Center Section =-----------------------------------------------*/
#spl_cen_section{
	background:url(../images/splash_bg.jpg) left top repeat-x;
	height:397px;
	width:808px;
}
/*----------------------= Splash Page Center Content =-----------------------------------------------*/
#spl_content{
	float:left;
}
#spl_content p{
	width:365px;
	font-size:14px;
	color:#FFFFFF;
	line-height:16px;
}
#spl_heading{
	padding-top:39px;
	padding-bottom:3px;
}
.spl_padd{
	padding:18px 2px;
}
.spl_dot_line{
	font-size:13px;
	color:#aeaeae;
	letter-spacing:1px;
}
/*----------------------= Splash Page Bottom Section =-----------------------------------------------*/
#spl_bottom{
	height:40px;
	padding-left:5px;
	margin-top:15px;
}
#spl_bottom ul{
	height:40px;
}

#spl_bottom li{
	list-style:none;
	height:40px;
	float:left;
	font-size:12px;
	color:#9d9d9d;
	border-right:1px #dadada solid;
	padding:0 38px;
	padding-top:6px;
}
#spl_bottom li a{
	color:#9d9d9d;
}
#spl_bottom li a:hover{
	color:#000000;
}
#spl_bottom img{
	float:left;
	margin-right:5px;
	padding-bottom:20px;
	margin-top:2px;
}
/*----------------------//= Main Page CSS Start Here =\\-------------------------------------------*/

/*------------------------------= Main Wrapper  =--------------------------------------------------*/
#main_wrapper{
	background:url(../images/bg.jpg) left top repeat;
	padding-top:21px;
}
/*------------------------------= Wrapper  =-------------------------------------------------------*/
#wrapper{
	width:951px;
	margin:0 auto;
	position:relative;
}
/*------------------------------= Header  =-------------------------------------------------------*/
#header{
	background:url(../images/header.png) left top no-repeat;
	height:144px;
}
/*------------------------------= LOGO  =---------------------------------------------------------*/
#header h1 a{
	position:absolute;
	top:46px;
	left:65px;
	text-indent:-2000em;
	display:block;
	width:256px;
	height:74px;
}
/* ----------------------------  Header Navigation --------------------------------------------- */
#header_nav{
	position: absolute;
	top:99px;
	right: 45px;
	background:url(../images/menu_bg.gif) left bottom repeat-x;
	height:35px;
	margin-bottom:9px;
}
#header_nav ul {
	padding-bottom:5px;
	padding-left:4px;
	height:30px;
}
#header_nav li {
	display:inline;
	list-style:none;
	float:left;
	padding-right:3px;
	height:30px;
	
}
#header_nav li a {
	float:left;
	text-indent:-2000em;
	height:30px;
}
#header_nav li a:hover, .active_btn {
	background-position: left bottom ! important;
}
/* -----------------------------  Header Navigation Buttons ------------------------------------- */
#mn_home a{
	background:url(../images/mn_home.gif) left top no-repeat;
	width:54px;
}
#mn_about_us a{
	background:url(../images/mn_about_us.gif) left top no-repeat;
	width:75px;
}
#mn_services a{
	background:url(../images/mn_services.gif) left top no-repeat;
	width:71px;
}
#mn_practice a{
	background:url(../images/mn_practice.gif) left top no-repeat;
	width:75px;
}
#mn_family_law a {
	background:url(../images/mn_familylaw.gif) left top no-repeat;
	width:104px;
}
#mn_questions a{
	background:url(../images/mn_faq.gif) left top no-repeat;
	width:54px;
}
#mn_contact_us a{
	background:url(../images/mn_contact_us.gif) left top no-repeat;
	width:94px;
}
/*------------------------------= Container  =------------------------------------------------------*/
#container{
	background:url(../images/cbg.png) left top repeat-y;
	padding-left:38px;
	padding-right:40px;
}
/*---------------------------- Left Menu Button  ---------------------------------------------------*/
#lft_menu_btn{
	position:absolute;
	left:0;
	top:143px;
}
/*------------------------------= Left Content  =----------------------------------------------------*/
#left_content{
	float:left;
	width:636px;
	padding-right:3px;
}
/*----------------------------= Success Story Section  =---------------------------------------------*/
#s_story_section{
	padding:0 19px 10px 11px;
}
/*-------------------= Success Story Title  =-------------------------------------*/
.title_padd{
	padding-left:16px;
	padding-bottom:8px;
}
/*-------------------= Success Story Border  =-------------------------------------*/
.ss_border{
	background:url(../images/border_img.gif) left top repeat-x;
	height:4px;
}
/*-----------------------------= Success Story Box  =-----------------------------------------------*/
#s_story_bx{
	margin-top:1px;
	background-color:#f2e1c3;
	padding:19px 9px 5px 15px;
	position:relative;
}
#s_story_bx p {
/*	width:370px;*/
	float:left;
	padding:0 0 10px;
}
#s_story_bx a,active,visited {
	color:#7C4124;
}
#s_story_bx a:hover {
	text-decoration:underline;
}
.family_img{
	position:absolute;
	width:200px;
	bottom:0px;
	right:10px;
}
/*----------------------------= Protecting Your Interests Section  =--------------------------------*/
#py_int_section{
	padding:10px 19px 0 11px;
}
/*----------------------------= Protecting Your Interests Box  =---------------------------------------------*/
#py_int_bx{
	margin-top:1px;
	padding:19px 9px 0 15px;
}
#py_int_bx ul{
	float:left;
}
#py_int_bx li{
	list-style:none;
	padding-bottom:5px;
	padding-right:35px;
	color:#672203;
}
#py_int_bx li a{
	background:url(../images/bullet.jpg) left center no-repeat;
	padding-left:15px;
	font-size:11px;
	color:#672203;
	text-decoration:underline;
}
#py_int_bx li a:hover{
	color:#672203;
	text-decoration:none;
}
#py_int_bx img{
	padding-top:80px;
}
/*------------------------------= Right Content  =---------------------------------------------------*/
#right_content{
	float:left;
	margin-top:8px;
	background:url(../images/rt_cont_bg.gif) left top repeat-y;
}

/*-----------------------------= Latest News Section  =-----------------------------------------------*/
#lnews_section{
	padding:35px 0 44px 16px;
}
#lnews_section h1{
	padding-top:21px;
}
#lnews_section h1 a{
	font-size:11px;
	color:#94420c;
	text-decoration:underline;
	padding-top:21px;
}
#lnews_section h1 a:hover{
	text-decoration:none;
}
#lnews_section h2{
	font-size:11px;
	color:#000000;
	padding-top:8px;
}
#lnews_section p{
	width:177px;
}
/*------------------------------= Newsletter Section  =-----------------------------------------------*/
#newsletter{
	background:url(../images/newsletter_img.jpg) left top no-repeat;
	height:101px;
	width:213px;
	padding-top:40px;
	padding-left:20px;
}
#newsletter input{
	width:163px;
	height:22px;
	background-color:#FFFFFF;
	border:1px #999999 dashed;
	margin-right:6px;
	float:left;
}
/*------------------------------------= Footer  =-----------------------------------------------------*/
#footer{
	clear:both;
	background:url(../images/footer_img.png) left top no-repeat;
	height:57px;
}
#footer_link{
	font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
}
#footer_link a{
	color:#FFFFFF;
	padding:0 12px;
}
#footer_link a:hover{
	color:#d4d4d4;
}
#footer_link p{
	padding:21px 0;
}
.nopadd{
	padding:0px;
}

/* content */
.content {
	padding:20px;
}
.content h1 {
	color:#94420C;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:normal;
	margin:0 0 15px;
}
.content h2 {
	color:#94420C;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	padding:0 0 3px;
	margin:15px 0;
	border-bottom:1px solid #DDCB9B;
}
.content p {
	line-height:1.5;
	padding:5px 0;
}
.content ul {
	margin:0 5px 10px;
}
.content ul li {
	list-style:disc;
	padding:0;
	margin:0 0 0 15px;
}
.content ul li li {
	list-style:circle;
}

/* list */
dl.list dt {
	cursor:pointer;
}
dl.list dt.onclick {
	font-weight:bold;
}
dl.list dt.offclick {
	font-weight:normal;
}
dl.list dt {
	padding:3px 0;
}

/* contact */

.content.contact form {
	width:100%;
	overflow:hidden;
	border:1px solid #eee;
	margin:10px 0 0;
}
.content.contact form .field {
	width:auto;
	overflow:hidden;
	padding:15px;
	border-bottom:1px solid #eee;
}
.content.contact form .field:hover {
background:#F1E6CA;
color:#94420C;
}
.content.contact form label {
	width:20%;
	float:left;
	padding:5px 0 0;
}
.content.contact form input, .content.contact form textarea, .content.contact form select {
	float:left;
	clear:right;
}
.content.contact form select {
	padding:2px;
}
.content.contact form input.text, .content.contact form textarea {
	background:#fff url(../images/textfield_bg.gif) repeat-x top;
	padding:5px;
	border:1px solid #ddd;
	border-top:0;
}
.content.contact form .action {
	padding:20px;
	width:100%;
	overflow:hidden;
}
.content.contact form .action input {
	float:none;
	margin:0 0 0 18%;
}
.content.contact form em {
	color:red;
	font-weight:bold;
}