@charset "utf-8";

/*////////////////////// ACT FAMILY LAW STYLESHEET //////////////////////*/

BODY, H1, H2, H3, P, TH, TD, DIV, IMG {	padding:0; margin:0; border: 0;}

.floatFix:after {content: "."; height: 0px; clear: both; visibility: hidden; display: block;}

body {
background: url(img/bg.jpg) #3e7590 repeat-x;
font: 70% Arial;}

#main_wrap { background: url(img/main_bg.png) repeat-y;	margin: 0 auto;	padding: 20px 28px 0 28px; width: 860px;}

/*////////////////////// GENERAL FORMATTING //////////////////////*/



p {
	padding: 0 0 12px 0;
	font: Arial, Helvetica, sans-serif;
	line-height: 130%;
	color: #333333;
}
h1 {
	font: 140% Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	color: #223d51;
}
h2 {
	font: 140% Arial, Helvetica, sans-serif;
	color: #fff;
	background: #596e7d;
	padding: 5px 15px;
}
h3 {
	font: 140% Arial, Helvetica, sans-serif;
	color: #223d51;
}
h4 {
	font: 120% Arial, Helvetica, sans-serif;
	color: #223d51;
	margin: 10px 0 5px 0;
}
ul {
	line-height: 1.4em;
	margin: 10px 0 0 0;
	padding: 0 0 6px 15px;
}
ul.service {
	margin: 0;
}
ul.numberlist {
	margin: 0;
	list-style:decimal;
}
a {color: #223d51;	text-decoration: underline;}
a:hover {text-decoration: none;}

.actblue { color: #223d51; }
.actgrey { color: #333333; }
.break { margin: 15px 0 0 0;}

/*////////////////////// HEADER PROPERTIES //////////////////////*/

#header_top {
	height: 84px;
	text-align: right;
}
#headertop_left {
	float:left;
	width:138px;
}
#headertop_right { 
	float:right;
	width: 702px;
}
#header_bottom {
	height: 150px;
}
#headerbtm_left {
	float:left;
	width:138px;
}
#headerbtm_right {
	float:right;
	width:722px;
}
#contact_number {
	text-align: right;
	margin: 0 0 39px 0;
}

/*////////////////////// NAVIGATION PROPERTIES //////////////////////*/

#nav-wrapper {float:right;}

#nav-wrapper a {height: 29px; margin-left: 4px; float: left; background-repeat:no-repeat;}

a.nav1-on {background: url(img/n_home.gif); width: 55px; background-position: 0 -29px;}
a.nav2-on {background: url(img/n_news.gif); width: 51px; background-position: 0 -29px;}
a.nav3-on {background: url(img/n_about.gif); width: 56px; background-position: 0 -29px;}
a.nav4-on {background: url(img/n_familylaw.gif); width: 87px; background-position: 0 -29px;}
a.nav5-on {background: url(img/n_mediation.gif); width: 88px; background-position: 0 -29px;}
a.nav6-on {background: url(img/n_collaborative.gif); width: 138px; background-position: 0 -29px;}
a.nav7-on {background: url(img/n_contact.gif); width: 87px; background-position: 0 -29px;}
a.nav8-on {background: url(img/n_links.gif); width: 53px; background-position: 0 -29px;}

a.nav1, a.nav1:hover {background: url(img/n_home.gif); width: 55px;}
a.nav1:hover {background-position: 0 -29px ;}

a.nav2, a.nav2:hover {background: url(img/n_news.gif); width: 51px;}
a.nav2:hover {background-position: 0 -29px;}

a.nav3, a.nav3:hover {background: url(img/n_about.gif); width: 56px;}
a.nav3:hover {background-position: 0 -29px;}

a.nav4, a.nav4:hover {background: url(img/n_familylaw.gif); width: 87px;}
a.nav4:hover {background-position: 0 -29px;}

a.nav5, a.nav5:hover {background: url(img/n_mediation.gif); width: 88px;}
a.nav5:hover {background-position: 0 -29px;}

a.nav6, a.nav6:hover {background: url(img/n_collaborative.gif); width: 138px;}
a.nav6:hover {background-position: 0 -29px;}

a.nav7, a.nav7:hover {background: url(img/n_contact.gif); width: 87px;}
a.nav7:hover {background-position: 0 -29px;}

a.nav8, a.nav8:hover {background: url(img/n_links.gif); width: 53px;}
a.nav8:hover {background-position: 0 -29px;}


#nav-wrapper span {display:none;}
#nav-wrapper img {
	float: left;
	padding: 0 6px;
}

/*////////////////////// MAIN CONTENT PROPERTIES //////////////////////*/

#main_left {
	width: 536px;
	float: left;
	margin: 20px 34px 0 0;
	background: #FFF;
}
#main_left.mceContentBody {
	margin: 0;
	padding: 10px;
}
#main_right {
	width: 290px;
	float: right;
	margin: 20px 0 0 0;
}
#intro_wrap {
	border-bottom: solid thin #ebebeb;
}
.content_wrap {
	margin: 10px 0 0 0;
}
#service_left {
	float:left;
	width: 420px;
	margin: 20px 20px 0 0;
}
#service_right {
	float: right;
	width: 420px;
	margin: 20px 0 0 0;
}
.minibox {
	float:left;
	width: 167px;
	margin: 10px 17px 0 0;
	color: #223d51;
}
.lastbox {
	margin-right: 0px;
}
.box_content {
	padding: 15px 15px 3px 15px;
	background-color: #f3f3f3;
	margin-bottom: 20px;
}
.about_wrap {
	margin: 10px 0 0 0;
	padding: 10px 0;
	border-bottom: solid thin #ebebeb;
}
.awrap_picture {
	float: left;
	width: 167px;
}
.awrap_content {
	float: right;
	width: 369px;
}
.awrap_last {
	border-bottom: none;
}
#service_left h3 {
	margin: 20px 0 15px;
}
#service_right h3 {
	margin: 20px 0 15px;
}
#service_left ul {
	margin-bottom: 10px;
	color: #333333;
}
#service_right ul {
	margin-bottom: 10px;
	color: #333333;
}

.testimonial {
	background-color: #F2F2F2;
	padding: 20px 20px;
}

.testimonial p {
	padding: 0;
}

#contact_left {
	width: 200px;
	float:left;
	margin-top: 10px;
}

#content_left2 {
	margin-top: 20px;
	float: right;
	background-color: #663366;
	text-align: right;
}

#googlemap {
	margin-top: 20px;
}
.required {
	margin: 10px 0 0 0;
	padding: 0;
}

/*////////////////////// FOOTER PROPERTIES //////////////////////*/

#footer_wrap {
	background: url(img/footbg.jpg) bottom repeat-x;
	background-color: #fff;
	color: #333333;
	margin: 0 8px 20px 8px;
	padding: 20px 20px 15px 20px;
}
#footer_shadow {
	width: 916px;
	margin: 0 auto;
	background: url(img/main_bg.png) repeat-y;
	padding: 20px 0 0 0;
}
#footer_left {
	width: 536px;
	margin: 0 34px 0 0;
	float: left;
}
#footer_right {
	width: 290px;
	float:right;
	text-align: right;
}




/*//////////////////////  FORMS  //////////////////////*/

form#contact ol {
	padding: 0px	
}

form#contact fieldset {
}
form#contact ol li {
	list-style:none;
}
form#contact label {
	font: Arial, Helvetica, sans-serif;
	color: #223d51;
	font-weight: bold;
	display:block;
	margin: 10px 0 3px 0;
}
form#contact textarea {
font: Arial, Helvetica, sans-serif;
	border:1px solid #223d51;
	padding:3px;
	width:230px;
	height:150px;
}
form#contact input {
font: Arial, Helvetica, sans-serif;
	border:1px solid #223d51;
	padding:3px;
	background: #FFFFFF;
}
/* target specific input elements */
form#contact input.text {
	width:230px;
}
form#contact input.button {
	background:#223d51;
	padding: 3px 15px;
	color:#FFFFFF;
	font-size: 100%;
	font-weight: bold;
	border:0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* focus highlight div when active*/
form#contact input:focus {
	border:1px solid #000;
}
form#contact textarea:focus {
	border:1px solid #000;
}

.selectRequiredMsg, .selectInvalidMsg, .textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg, .textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg {
	display:none;
}
.selectRequiredState .selectRequiredMsg, .selectInvalidState .selectInvalidMsg, .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg, .textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg {
	display:block;
	color:#223d51;
	font-weight: bold;
}
.textfieldFlashText input, input.textfieldFlashText, .textareaFlashState textarea, textarea.textareaFlashState {
	color:#223d51 !important;
}
/* CMS ##################################### */
#content {padding: 15px 0 20px 0;}
TH, TD {padding: 5px;}
TH {background: #596E7D;}
TD {border-bottom: 1px dashed #596E7D;}
/* PAGE CONTROLS ########################### */
.pageControls {
	clear: both;
	margin-top: 15px;
}
.pageControls A, .pageControls SPAN {
	float: left;
	display: block;
}
.pageControls A:LINK, .pageControls A:VISITED, .pageControls A:ACTIVE {
	background-color: transparent;
	border: none;
	padding: 3px 6px;
}
.pageControls A:HOVER, .pageControls SPAN {
	color: #FFF;
	background: #596E7D url(graphics/contented/nav-back.png) repeat-x top center;
	padding: 2px 5px;
	border: 1px solid #596E7D;
	text-decoration: none;
}
.pageControls SPAN {
	background-color: transparent;
	font-weight: bold;
	color: #000;
}
/* CHANGES #####################*/
H1 {
	font-weight: bold;
}