﻿/*Global*/
* {font-size: 100%;}
body{
	margin:0;
	font:62.5% Arial, Helvetica, sans-serif;
	background:#eee url(../images/bg-body.jpg) repeat-x;
	min-width:962px;
}
img { border-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
input, textarea, select { vertical-align:middle;}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
/*Wrapper*/
#wrapper {
	width:962px;
	margin:0 auto;
	position:relative;
	padding-top:178px;
}
/*Logo*/
h1.logo {
	margin:0;
}
.logo a{
	position:absolute;
	top:6px;
	left:8px;
	z-index:99;
	text-indent:-9999px;
	overflow:hidden;
	width:413px;
	height:88px;
	background:url(../images/logo.gif) no-repeat;
}
/*Header*/
#header {
	position:absolute;
	top:0;
	left:0;
	height:178px;
	z-index:10;
	width:962px;
}
.header-holder {
	width:100%;
}
.header-holder:after {
	clear: both;
	content:"";
	display: block;
}
/*Header right*/
.header-right {
	float:right;
	padding-top:5px;
	width:500px;
}
.navbar-holder {
	overflow:hidden;
	width:100%;
}
ul.navbar {
	margin:0;
	padding:0;
	list-style:none;
	font-size:14px;
	float:right;
}
ul.navbar li{
	display:inline;
	background:url(../images/separator-navtop.gif) no-repeat 10px 7px;
	padding:0 0 0 26px;
}
ul.navbar li:first-child {
	padding-left:0;
	background:none;
}
ul.navbar li a{
	color:#eee;
}
ul.navbar li a:hover, ul.navbar li a.active{
	text-decoration:none;
	color:#e2c390;
}
/*Two box*/
.two-box {
	width:100%;
	padding-top:19px;
	position:relative;
	z-index:50;
}
.two-box:after {
	clear: both;
	content:"";
	display: block;
}
/*Help box*/
.two-box .help-box {
	width:237px;
	background:url(../images/bg-helpbox-c.gif) repeat-y;
	position:absolute;
	right:0;
	top:18px;
	z-index:99;
}
.help-box .holder{
	background:url(../images/bg-helpbox-t.gif) no-repeat;
}
.help-box .frame{
	background:url(../images/bg-helpbox-b.gif) no-repeat 0 100%;
	overflow:hidden;
	height:1%;
	padding:7px 11px 6px 12px;
}
#help-form legend, #help-form2 legend{display:none;}
#help-form strong.how-help, #help-form2 strong.how-help{
	display:block;
	text-indent:-9999px;
	width:159px;
	height:16px;
	background:url(../images/txt-how-help.gif) no-repeat;
}
#help-form .top-form, #help-form2 .top-form {
	padding-top:7px;
}
#help-form .row, #help-form2 .row {
	padding-bottom:7px;
	overflow:hidden;
	width: 100%;
}
#help-form .row label, #help-form2 .row label{
	float:left;
	background:#fff;
	border:1px solid #b1d9f8;
	color:#000;
	border-right:0;
	font-size:12px;
	line-height:17px;
	padding-left:4px;
	width:42px;
}
#help-form .row input.text, #help-form2 .row input.text{
	float:left;
	background:#fff;
	border:1px solid #b1d9f8;
	border-left:0;
	width:205px;
	height:15px;
	padding:1px 3px 1px 4px;
	font:12px Arial, Helvetica, sans-serif;
	}
#help-form .bottom-form, #help-form2 .bottom-form {
	padding:0 0 5px;
	display:none;
}
#help-form .bottom-form ul, #help-form2 .bottom-form ul{
	padding-top:0;
}
#help-form .row select, #help-form2 .row select {
	font:12px Arial, Helvetica, sans-serif;
	width:214px;
}
#help-form .row .area, #help-form2 .row .area {
	font:12px Arial, Helvetica, sans-serif;
	width:206px;
	height:53px;
	border:1px solid #b1d9f8;
	background:#fff;
	padding:3px 3px 2px;
	overflow:auto;
}
#help-form .submit, #help-form2 .submit {
	display:block;
	text-align:center;
	text-indent:-9999px;
	width:152px;
	height:30px;
	border:0;
	background:url(../images/btn-submit.gif) no-repeat;
	margin-left:30px;
	padding:0;
	cursor:pointer;
}
/*Call us*/
.call a{
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	width:167px;
	height:54px;
	background:url(../images/txt-call.gif) no-repeat;
	margin:12px 267px 0 0;
}
a.contact-us {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	width:222px;
	height:27px;
	background:url(../images/btn-contact-us.gif) no-repeat;
	margin:101px 0 0 83px;
}
/*Main navigation*/
ul#nav {
	margin:0;
	padding:8px 0 0;
	list-style:none;
	width:100%;
	position:relative;
	z-index:5;
}
ul#nav:after {
	clear: both;
	content:"";
	display: block;
}
ul#nav li{
	float:left;
	position:relative;
	z-index:10;
}
ul#nav li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:42px;
}
ul#nav li.about a{
	width:97px;
	background:url(../images/btn-about.gif) no-repeat;
}
ul#nav li.practice a{
	width:116px;
	background:url(../images/btn-practice.gif) no-repeat;
}
ul#nav li.divorce a{
	width:116px;
	background:url(../images/btn-divorce.gif) no-repeat;
}
ul#nav li.questions a{
	width:159px;
	background:url(../images/btn-questions.gif) no-repeat;
}
ul#nav li.glossary a{
	width:160px;
	background:url(../images/btn-glossary.gif) no-repeat;
}
ul#nav li.resources a{
	width:168px;
	background:url(../images/btn-resources.gif) no-repeat;
}
ul#nav li.community a{
	width:146px;
	background:url(../images/btn-community.gif) no-repeat;
}
ul#nav li a:hover, ul#nav li a.active,
ul#nav li:hover a, ul#nav li.hover a {
	background-position:0 -42px;
}
/*Drop down*/
ul#nav li:hover .drop, ul#nav li.hover .drop {
	top:42px;
}
.drop {
	position:absolute;
	top:-9999px;
	left:-1px;
	width:999px;
}
.drop-holder {
	border:1px solid #fff;
	background:url(../images/bg-drop.png);
	overflow:hidden;
	float: left;
	padding:11px 0 7px 13px;
}
.drop-holder ul{
	margin:0;
	padding:0;
	list-style:none;
	width:206px;
	float:left;
}
.drop-holder ul li{
	padding-left:13px;
	float:none !important;
	display:block;
	background:url(../images/arrow1.gif) no-repeat 0 50%;
	line-height:2.5em;
	height:1%;
}
.drop-holder ul li a{
	color:#fff;
	text-indent:0 !important;
	font-size:1.4em;
	background:none !important;
	width:auto !important;
	height:auto !important;
}
/*Main*/
#main {
	overflow:hidden;
	height:1%;
	background:url(../images/bg-main.png) repeat-y;
	padding:0 2px;
}
/*Intro box*/
.intro {
	background:#fff url(../images/bg-intro.jpg) repeat-x;
	overflow:hidden;
	height:1%;
}
.intro .text-box {
	float:right;
	width:465px;
	background:url(../images/img01.jpg) no-repeat 100% 100%;
	padding:39px 0 23px 14px;
	height: 191px;
}
.intro .text-box h2.protect{
	margin:0;
	text-indent:-9999px;
	width:295px;
	height:43px;
	background:url(../images/txt-protect.gif) no-repeat;
}
.intro .text-box p.intro-text{
	margin:10px 0 0;
	text-indent:-9999px;
	width:282px;
	height:53px;
	background:url(../images/txt-lorem.gif) no-repeat;
}
.intro .text-box a.can-help {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:219px;
	height:33px;
	background:url(../images/btn-can-help.gif) no-repeat;
	margin:54px 0 0;
}
/*Slideshow*/
.slideshow {
	float:left;
	width:478px;
	overflow:hidden;
	position:relative;
}
.slideshow ul {
	width:478px;
	padding:0;
	margin:0;
	height:255px;
	list-style:none;
}
.slideshow ul li {
	float:left;
	width:478px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
/*Two columns*/
.two-columns {
	overflow:hidden;
	height:1%;
	border-top:1px solid #b7b7b7;
	background:url(../images/bg-grey-border.gif) repeat-y 479px 0;
	padding-top:1px;
}
.two-columns .column{
	float:left;
	width:478px;
}
.two-columns .second{
	padding-left:2px;
}
.two-columns h2 {
	margin:0;
	font:2.2em "Times New Roman", Times, serif;
}
/*Protect box*/
.protect-box {
	background:#05253e url(../images/bg-protect-box.gif) repeat-x;
	padding:14px 25px 18px;
	color:#f0f0f0;
	border-bottom:1px solid #c6c6c6;
}
.protect-box p{
	margin:0;
	font-size:1.4em;
	padding:12px 0 6px;
	line-height:19px;
}
.protect-box p a{
	color:#e2c390;
	font-weight:bold;
}
/*Practice area*/
.practice-area {
	background:#fcfcfc url(../images/bg-practice-area.gif) repeat-x;	
	padding:10px 18px 14px 20px;
	border-bottom:1px solid #c6c6c6;
}
.practice-area h2{
	color:#26275e;
}
.practice-holder {
	overflow:hidden;
	height:1%;
	padding:8px 0 0 7px;
}
.practice-holder ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:139px;
}
.practice-holder ul li{
	line-height:17px;
	font-size:1.4em;
	background:url(../images/arrow2.gif) no-repeat 0 6px;
	padding:0 0 5px 11px;
}
.practice-holder ul li a{
	color:#0f3350;
}
.practice-holder ul.list-alt{
	width:145px;
	padding-left:10px;
}
/*Row*/
.two-columns .column .row {
	background:#fdfdfd url(../images/bg-column-row.gif) repeat-x;
	overflow:hidden;
	height:1%;
	margin-top:1px;
	padding:6px 18px 11px 25px;
	border-bottom:1px solid #c6c6c6;
}
.two-columns .column .row h2.calc{
	font-size:2.3em;
	float:right;
	padding:16px 0 0 10px;
	line-height:22px;
}
.two-columns .column .row h2.calc a{
	display:block;
	color:#dd4242;
	width:135px;
	padding:6px 0 6px 53px;
	background:url(../images/icon-calc.jpg) no-repeat;
}
.two-columns .column .row p{
	margin:0;
	font-size:1.4em;
	line-height:22px;
	padding-bottom:15px;
}
.two-columns .column .row p.alt{
	padding:0;
}
.two-columns .column .row p a{
	color:#d30000;
	text-decoration:underline;
}
.two-columns .column .row p a:hover{
	text-decoration:none;
}
.two-columns .column .alt {
	padding:10px 11px 17px 23px;
}
.two-columns .column .row h2 {
	color:#393a6b;
	line-height:1em;
}
.two-columns .column .row h2 span{
	display:block;
	color:#525252;
	font-size:0.864em;
}
.column .row .info-area {
	float:right;
	width:171px;
	text-align:center;
}
.column .row .info-area img{
	display:block;
	border:1px solid #242552;
	background:#fff;
	padding:1px;
}
.column .row .info-area a.more{
	float:left;
	margin:8px 0 0 43px;
	color:#525252;
	font-size:1.2em;
	font-weight:bold;
	background:url(../images/icon-more.gif) no-repeat;
	padding:2px 0 4px 25px;
}
.column .row .data {
	float:left;
	width:270px;
	padding-top:8px;
}
.column .row .data p{
	padding:9px 0 0 2px;
}
/*Tab holder*/
.tab-holder {
	margin-top:1px;
	background:#e2e2e2;
	padding-top:5px;
	border-bottom:1px solid #c6c6c6;
}
.tab-holder ul.tabset {
	margin:0;
	padding:0 0 0 14px;
	list-style:none;
	background:url(../images/bg-grey-border.gif) repeat-x 0 100%;
	overflow:hidden;
	height:1%;
}
.tab-holder ul.tabset li{
	padding-left:3px;
	float:left;
}
.tab-holder ul.tabset li a{
	display:block;
	color:#e8e8e8;
	font-size:1.5em;
	background:url(../images/bg-tab.gif) repeat-x;
	padding:5px 18px 6px 15px;
	margin-top:1px;
	word-spacing:3px
}
.tab-holder ul.tabset li a.active {
	background:#fdfdfd url(../images/bg-tab-active.gif) repeat-x;
	border:1px solid #c6c6c6;
	border-bottom:0;
	padding-bottom:8px;
	margin:0 0 -1px;
	color:#d30000;
}
.tab-holder .tab {
	background:#fefefe url(../images/bg-tabbox.gif) repeat-x 0 100%;
	overflow:hidden;
	height:1%;
	padding:13px 15px 0 34px;
}
.tab-holder .tab ul{
	margin:0;
	padding:0;
	list-style:none;
}
.tab-holder .tab ul li{
	background:url(../images/arrow3.gif) no-repeat 0 6px;
	padding:0 0 11px 11px;
	font-size:1.3em;
	line-height:18px;
	color:#0b4683;
}
.tab-holder .tab ul li a{
	color:#d30000;
	text-decoration:underline;
}
.tab-holder .tab ul li span{
	color:#d30000;
	font-size:0.8467em;
}
.tab-holder .tab ul li a:hover{
	text-decoration:none;
}
/*Footer*/
#footer{
	width:100%;
}
/*Footer top*/
.footer-top {
	background:#5a7c96 url(../images/bg-footer-top.gif) repeat-x;
	padding:10px 0;
}
.footer-top .footer-holder {
	padding:0 1px 0 27px;
	width:934px;
	min-height:234px;
}
.footer-holder {
	width:962px;
	margin:0 auto;
	height:1%;
	position:relative;
}
.footer-holder:after {
	clear: both;
	content:"";
	display: block;
}
/*Contact box*/
.contact {
	float:right;
	width:239px;
	font-size:1.3em;
	color:#fff;
	min-height:190px;
	padding-top:4px;
}
.contact strong{
	padding-left:4px;
}
.contact address{
	font-style:normal;
	padding-left:4px;
}
.contact address span{
	display:block;
	line-height:18px;
}
.contact .help-box{
	width:237px;
	background:url(../images/bg-helpbox-c.gif) repeat-y;
	position:absolute;
	right:0;
	bottom:41px;
	z-index:99;
}
.footer-top .links-holder {
	overflow:hidden;
	height:1%;
	background:url(../images/bg-blue-border.gif) no-repeat 110px 7px;
	margin-top:6px;
}
.footer-top .links-holder ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	font-size:1.3em;
}
.footer-top .links-holder ul li{
	padding-bottom:5px;
}
.footer-top .links-holder ul li a{
	color:#fff;
}
/*Practice links*/
.practice-links {
	float:left;
	width:258px;
}
.practice-links strong{
	font:2.0em "Times New Roman", Times, serif;
	color:#e2c390;
}
.practice-links ul.first{
	width:109px;
}
.practice-links ul.second{
	width:130px;
	padding-left:18px !important;
}
/*Community links*/
.community-links {
	float:left;
	width:315px;
	padding-left:48px;
}
.community-links strong{
	font:2.0em "Times New Roman", Times, serif;
	color:#e2c390;
}
.community-links .links-holder{
	background-position:148px 7px;
}
.community-links ul.first{
	width:149px;
}
.community-links ul.second{
	width:150px;
	padding-left:15px;
}
/*Footer bottom*/
.footer-bottom {
	background:url(../images/bg-footer-bottom.gif) repeat-x;
	padding-top:13px;
	font-size:1.1em;
	color:#4e4e4e;
	min-height:128px;
}
.footer-bottom .footer-holder{
	background:url(../images/bg-footer-holder.gif) repeat-x 0 100%;
	padding:0 3px 11px 3px;
	width:956px;
}
.footer-bottom ul.navbar {
	float:right;
}
.footer-bottom ul.navbar li{
	background:url(../images/separator-navfooter.gif) no-repeat 7px 7px;
	padding-left:18px;
}
.footer-bottom ul.navbar li:first-child {
	padding-left:0;
	background:none;
}
.footer-bottom ul.navbar li a{
	color:#090b80;
}
.footer-bottom ul.navbar li a:hover{
	color:#b61010;
}
/*Inner page*/
.inner-columns {
	background-position:689px 0;
	padding-bottom:2px;
}
/*Content*/
#content {
	float:left;
	width:688px;
}
.content-holder {
	background:url(../images/bg-content.gif) repeat-y;
}
.content-holder .holder{
	background:url(../images/bg-content-top.gif) no-repeat;
}
.content-holder .frame{
	background:url(../images/bg-content-bot.gif) no-repeat 0 100%;
	overflow:hidden;
	height:1%;
	padding:15px 25px;
}
#content .title{
	background:url(../images/bg-title.gif) repeat-x;
	border-bottom:1px solid #c6c6c6;
	padding:10px 20px 10px 25px;
}
#content .title h1 {
	margin:0;
	font:2.7em "Times New Roman", Times, serif;
	color:#0d3b5f;
}
#content h2 {
	font:bold 1.6em Arial, Helvetica, sans-serif;
	margin:0;
	color:#0a2840;
	font-size:1.6em;
	border-bottom:1px solid #dbdbdb;
	padding:0 0 3px 2px;

}

#content .person-info h2 {
	border: none;
}

/*Biography box*/
.biography {
	overflow:hidden;
	height:1%;
	padding:0 0 16px 2px;
}
.biography .photo-box{ 
	float:left;
	width:204px;
	height:256px;
	background:url(../images/bg-photo-holder.gif) no-repeat;
	padding:3px 9px 9px 2px;
	margin-right:27px;
}
.biography .photo-box img{
	display:block;
}
.biography .person-info{
	float:left;
	width:350px;
	padding-top:12px;
}
.biography .person-info em.license{
	font-size:1.4em;
	display:block;
	padding-top:5px;
}
.biography .person-info ul{
	margin:0;
	padding:18px 0 0;
	list-style:none;
	font-size:1.4em;
}
.biography .person-info ul li{
	padding-bottom:6px;
}
.mail-holder {
	overflow:hidden;
	height:1%;
	display:block;
}
.biography .person-info a.mail {
	margin-top:10px;
	float:left;
	color:#d30000;
	padding:3px 0 3px 28px;
	background:url(../images/icon-mail.gif) no-repeat;
	text-decoration:underline;
	font-size:1.4em;
}
.biography .person-info a.mail:hover {text-decoration:none;}
.biography .person-info strong.practice {
	margin-top:23px;
	font-size:1.4em;
	display:block;
}
.biography .person-info strong.practice a{
	color:#d30000;
	text-decoration:underline;
	font-weight:normal;
}
.biography .person-info strong.practice a:hover{text-decoration:none;}
#content .row {
}
#content .row h3{
	margin:0;
	color:#333;
	font-size:1.5em;
	padding:0;
}
#content .row p{
	margin:0;
	font-size:1.4em;
	line-height:22px;
	padding:7px 0 16px;
}
#content .row ul{
	margin:0;
	padding:12px 0 12px 7px;
	list-style:none;
	font-size:1.4em;
	line-height: 22px;
}
#content .row ul li{
	background:url(../images/arrow2.gif) no-repeat 0 8px;
	padding:0 0 6px 11px;
}


#content .row ol{
	margin:0 0 0 30px;
	padding:0;
	font-size:1.4em;
	line-height: 22px;
}
#content .row ol li{
	padding:0 0 6px 0;
}
#content .gloslink{
	text-align:center;
}

/*Sidebar*/
#sidebar {
	float:left;
	width:268px;
	margin-left:2px;
	display:inline;
}
/*Practice area*/
#sidebar .practice{
	background:#fcfcfc url(../images/bg-sidebar-practice.gif) repeat-x;
	padding:5px 14px 2px;
	border-bottom:1px solid #c6c6c6;
}
#sidebar .practice h3{
	margin:0;
	font:2.2em "Times New Roman", Times, serif;
	color:#26275e;
}
#sidebar .practice ul{
	margin:0;
	padding:10px 0 0 10px;
	list-style:none;
	font-size:1.4em;
}
#sidebar .practice ul li{
	background:url(../images/arrow2.gif) no-repeat 0 5px;
	padding:0 0 6px 11px;
}
#sidebar .practice ul li a{
	color:#0f3350;
}
/*Child support calculation*/
.child-calc {
	margin-top:1px;
	background:#fcfcfc url(../images/bg-child-calc.gif) repeat-x;
	padding:15px 14px 15px 43px;
	border-bottom:1px solid #c6c6c6;
}
.child-calc h3{
	margin:0;
	font:2.3em "Times New Roman", Times, serif;
	line-height:1em;
	color:#dd4242;
}
.child-calc h3 a{
	display:block;
	color:#dd4242;
	width:135px;
	padding:5px 0 6px 53px;
	background:url(../images/icon-calc2.jpg) no-repeat;
}
/*Tab holder*/
#sidebar .tab-holder {
	padding-top:6px;
}
#sidebar .tab-holder ul.tabset{
	padding-left:3px;
}
#sidebar .tab-holder .tab{
	padding:13px 9px 9px 8px;
}
#sidebar .tab-holder .tab li{
	padding-bottom:8px;
}
.img-float-right {
	float: right;
	margin: 0 0 5px 10px;
}
.glossary{
	text-align:center;
}
