/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/misc/bodyBg.jpg) top repeat-x #fff;
	margin: 0px;
}



a img {
	border: none;
}

h1 {
	font-size: 2.0em;
	font-weight: normal;
	font-family: "Trebuchet MS";
}

h2 {
	font-size: 1.6em;
	font-weight: normal;
	font-family: "Trebuchet MS";
}

h3 {
	font-size: 1.3em;
	font-weight: normal;
}

h4 {
	font-size:1.4em;
	text-align:center;
	padding:0 0 20px 0;
}

/* Container Styles
--------------------------------------------------------------- */

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
}

	#contentContainer {
		width: 960px;
		padding-top: 145px;
		background: #fff;
	}
	
/* Content Top Styles
--------------------------------------------------------------- */

#midBar{
	z-index:100;
	position:absolute;
	top:144px;
	left:0;
}

#contentTop{
	width:100%;
	background:url(../../images/misc/contentTopBg.gif) bottom no-repeat;
	padding-bottom:35px;
	margin-bottom:5px;
	padding-top:292px;
}

body#services #contentTop, body#partnerProfiles #contentTop, body#theTeam #contentTop, body#ourMission #contentTop, body#aimsObjectives #contentTop, body#testimonials #contentTop{
	padding-top:292px;
}

	#topImageBar{
		width:530px;
		height:164px;
		padding-top:50px;
		padding-left:430px;
		background:url(../../images/misc/gavel.jpg) 20px 0px no-repeat;
		display:block;
		font-family: "Trebuchet MS";
		float:right;
	}
	
			body.servicesPage #topImageBar{
				background:url(../../images/misc/booksGavel.jpg) 40px 3px no-repeat;
			}
			
			body#partnerProfiles #topImageBar{
				background:url(../../images/misc/handshake.jpg) 10px 20px no-repeat;
			}
			
			body#theTeam #topImageBar{
				background:url(../../images/misc/boardroomTable.jpg) 30px -40px no-repeat;
			}
			
			body#ourMission #topImageBar{
				background:url(../../images/misc/compass.jpg) 50px 18px no-repeat;
			}
			
			body#aimsObjectives #topImageBar{
				background:url(../../images/misc/target.jpg) 105px 5px no-repeat;
			}
			
			body#testimonials #topImageBar{
				background:url(../../images/misc/pen.jpg) 55px 0px no-repeat;
			}
	
	body.divorce #topImageBar{
		background:url(../../images/misc/rings.jpg) 10px 20px no-repeat;
	}
	
	body.childcare #topImageBar{
		background:url(../../images/misc/bears.jpg) 15px -2px no-repeat;
	}
	
	body.civillit #topImageBar{
		background:url(../../images/misc/folders.jpg) 95px 15px no-repeat;
	}
	
	body.pi #topImageBar{
		background:url(../../images/misc/bananaskin.jpg) 45px 20px no-repeat;
	}
	
	body.debt #topImageBar{
		background:url(../../images/misc/creditcards.jpg) 45px 20px no-repeat;
	}
	
	body.mentalhealth #topImageBar{
		background:url(../../images/misc/mentalhealth.jpg) 85px 5px no-repeat;
	}
	
	body.criminal #topImageBar{
		background:url(../../images/misc/lawbook.jpg) 15px -2px no-repeat;
	}
	
	body.willsprobate #topImageBar{
		background:url(../../images/misc/pen.jpg) 55px 0px no-repeat;
	}
	
	body.conveyancing #topImageBar{
		background:url(../../images/misc/conveyancing.jpg) 75px 10px no-repeat;
	}
	
		#topImageBar h2{
			font-size:8em;
			color:#5d4239;
		}
		
		#topImageBar h2.toolarge{
			font-size:7em;
			color:#5d4239;
			margin-top:10px;
			padding-bottom:3px;
		}
		
		#topImageBar h2.toolarge2{
			font-size:4.9em;
			margin-top:39px;
		}
		
		#topImageBar h2.toolarge2a{
			font-size:4.9em;
			margin-top:-29px;
		}
		
		#topImageBar p{
			font-size:1.4em;
			color:#82756F;
		}

	#midCta{
		height:39px;
		width:940px;
		padding:9px 0px 0px 0px;
		margin:30px 10px 30px 10px;
		text-align:center;
		background:url(../../images/misc/midCtaBg2.jpg) no-repeat;
	}
	
		#midCta h2{
			color:#fff;
			font-size:2em;
		}
		
		#midCta h2 span{
			color:#eb6739;
		}
		
		#midCta h2 span.numberSpan{
			color:#eacec0;
		}

	.buckets{
		width:220px;
		margin-left:10px;
		margin-right:10px;
		float:left;
	}
	
	* html .buckets{
		margin:0;
		margin-left:11px;
	}
	
	.buckets a{
		text-decoration:none;
	}
	
	.buckets h3{
		color:#9d4d32;
		font-size:1.8em;
		font-weight:normal;
		margin-top:10px;
		margin-bottom:5px;
	}
	
	.buckets h3 a{
		color:#9d4d32;
	}
	
	.buckets p{
		color:#82756f;
		font-size:1.2em;
		line-height:1.3em;
	}
	
	.buckets p a{
		color:#82756f;
	}
	
	#googleMap {
		float: right;
		width: 340px;
		height: 300px;
		background: #eee;
	}
	
	.consultation {
		font-size:2.5em;
		}

/* Main Styles
--------------------------------------------------------------- */

		#main {
			float: left;
			width: 650px;
			padding: 10px 10px;
			padding-right:50px;
		}
		
		* html #main {
			padding-right:40px;
		}
			#main p {
				margin: 7px 0px 7px 0px;
				font-size:1.1em;
				color:#5D4239;
				text-align: justify;
			}
			
			#main p.topBox{
				color:#5b3a2e;
				font-size:1.3em;
				font-weight: bold;
			}
			
			#main h1{
				color:#9d4d32;
			}
			
			#main .noMargin {
				margin: 0px;
			}
			
			#main h2{
				color:#5D4239;
			}
			
			#main h3.partners{
				color:#82756f;
				font-size:1.4em;
				padding-bottom:10px;
			}
			
			#main ul{
				margin:20px 0 20px 40px;
			}
			
			#main li{
				color:#82756f;
				font-size:1.4em;
				padding-bottom:3px;
				font-family: "Trebuchet MS";
			}
			
			#main ul li a{
				color:#5F4433;
			}
			
			#main ul li a:hover{
				color:#755A49;
			}

		.testimonials{
			margin-top:20px;
		}
		
		.testimonials p{
			font-weight:bold;
			color:#5D4239;
			font-family: "Trebuchet MS";
			padding-bottom:5px;
		}
		
		#contactDetails{
			padding:10px 0px;
			width:450px;
			float:left;
			font-family: "Trebuchet MS";
		}
		
		#contactDetails p{
			font-size:1.4em;
			color:#5D4239;
		}
		
		#contactDetails a{
			color:#A3573E;
		}
		
		#directions{
			float:right;
			width:330px;
			padding-top:20px;
		}
		
		#directions p{
			display:inline;
		}
		


/* Sidebar/CTA Styles
--------------------------------------------------------------- */
		
		#sidebar {
			float: right;
			width: 250px;
			background:url(../../images/misc/sidebarBorder.gif) no-repeat;
			padding-bottom:110px;
		}
		
			img.logos{
				margin-left:5px;
			}
		
			#sidebarInner{
				padding-left:20px;
				padding-right:10px;
			}
			
				#documents{
					margin-top:20px;				
				}
				
				#documents h2{
					font-size:2.2em;
					color:#5d4239				
				}
				
				#documents table td{
					padding-bottom:3px;
				}
				
				#documents table td.rightCell{
					padding-left:7px;
				}
				
				#documents table td p{
					color:#5d4239;
					font-weight:bold;
					font-size:1.1em;
				}
				
				#documents table td p.right{
					float:right;
					color:#35addf;
					font-weight:normal;
				}
				
				#documents table td p.right a{
					color:#35addf;
				}
				
				#documents table td p.left{
					float:left;
					color:#a89e99;
					font-weight:normal;
				}
				
		img.adobe{
			margin-top:5px;
		}
		
/* Header Styles
--------------------------------------------------------------- */

#headerOuter {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.2em;
}
	
	#header {
		width: 960px;
		height: 105px;
		position: absolute;
		z-index: 1;
		top: 0px;
		background:url(../../images/misc/headerBg.gif) bottom no-repeat;
	}

	#logo {
		width: 393px;
		height: 85px;
		float: left;
		background: #666;
	}
	
	#cta-top-right {
		float: right;
		padding: 10px 5px 0px 0px;
		text-align: right;
		/*height: 125px;*/
		font-size: 1.6em;
		background: #fff;
		font-family: "Trebuchet MS";
	}
	
		#cta-top-right p{
			color:#46281e;
			line-height:1.7em;
		}
		
		#cta-top-right p span{
			color:#9d4d32;
			font-size:2.2em;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
		}

#flashSlideshow {
	background: url(../../images/misc/flashSlideshowBackup.jpg);
}

/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navigation {
	width: 960px;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 105px;
}

	#navigation ul {
		margin: 0px;
		padding: 0px;
	}
	
		#navigation ul li {
			display: inline;
			list-style: none;
		}
			  
			#navigation ul li a {
				float: left;
				background: #fff;
				color: #46281e;
				text-decoration: none;
				padding: 10px 30px 10px 30px;
				font-weight: bold;
				font-size: 1.3em;
			}
			
				#navigation ul li a.contact-a {
					border: none;
				}

				#navigation ul li a:hover {
					background: #fff;
					color: #9d4d32;
				}
				
#index #navigation .index-a,
#services #navigation .services-a,
#partnerProfiles #navigation .partner-profiles-a,
#theTeam #navigation .team-a,
#ourMission #navigation .mission-a,
#aimsObjectives #navigation .aims-objectives-a,
#testimonials #navigation .testimonials-a,
#contact #navigation .contact-a {
	color: #9d4d32;
}

body.divorce .toolarge2 {
	letter-spacing: -1px;
}

#subnav, #subnav-team, #subnav-partners {
	position:absolute;
	z-index:100;
	top:141px;
	width: 230px;
	left:82px;
	background:url(../../images/misc/subnavBg.png);
	visibility:hidden;
}		

	#subnav-team {
		left: 370px;
	}
	
	#subnav-partners {
		left: 220px;
	}

	#subnav ul, #subnav-team ul, #subnav-partners ul {
		/*background:#00FF00;*/
	}
	
	#subnav li, #subnav-team li, #subnav-partners li {
		list-style:none;
		width:225px;
	}
	
	#subnav a, #subnav-team a, #subnav-partners a {
		display:block;
		padding:5px 20px;
		width: 190px;
		text-decoration:none;
		font-size:1.075em;
		color: #46281e;
	}
	
	#subnav a:hover, #subnav-team a:hover, #subnav-partners a:hover {
		background:#fff;
		color: #9d4d32;
	}
	
#subnavOuter {
	padding: 0px 0px 0px 20px;
}
	
#subnav2{
	display:none;
	background:url(../../images/misc/subnavBg2.gif) no-repeat;
	float: left;
}

	#subnav2 ul{
		margin:0px 0;
	}
	
	#subnav2 li{
		list-style:none;
		float: left;
	}
	
	#subnav2 a{
		padding:5px;
		display:block;
		width: 200px;
		float: left;
		color:#fff;
		text-decoration:none;
		padding-left:15px;
	}
	
	#subnav2 a.alt{
		background:#5F4433;
	}
	
	#subnav2 a:hover{
		background:url(../../images/misc/arrow1.gif) 20px 0 no-repeat;
		padding-left: 40px;
		width: 175px;
	}
	
	#subnav2 a.alt:hover{
		background:url(../../images/misc/arrow2.gif) 20px 0 no-repeat #5F4433;
		padding-left: 40px;
		width: 175px;
	}

body#services #subnav2{
	display:block;
}

/*CallBack Box-----------------------------------*/

#callbackBox {
	width:220px;
	margin-top:15px;
}		
	#callbackBoxInner {
		background:url(../../images/misc/callbackBg.png) bottom no-repeat #9F4F34;
		padding:0px;
	}
		#callbackBoxInner p.subtitle {
			margin:0;
			padding:0px;
			color:#000;
			font-size:1.4em;
			font-weight:bold;
			text-align:center;
			height:22px;
		}
		#callbackBoxInner .button {
			margin:0;
			display:block;
			width:220px;
			height:49px;
			padding:0px;
			color:#fff;
			font-size:1.4em;
			background:url(../../images/misc/callback.gif) no-repeat;
			cursor:pointer;
		}
		#callbackBoxInner .button:hover {
			background:url(../../images/misc/callback.gif) no-repeat;
		}
		#callbackBoxInner .button span{
			padding:0px;
			visibility:hidden;
		}
		#callbackBoxInner form {
			margin:0;
			padding:10px 10px 40px 20px;
		}
			#callbackBoxInner form p {
				clear:left;
				margin:0;
				padding-top:3px;
			}
				#callbackBoxInner form p label {
					clear:left;
					float:left;
					display:block;
					width:100px;
					color:#fff;
					padding-right:10px;
				}
				#callbackBoxInner form p input {
					float:left;
					display:block;
					text-align:left;
					width:175px;
				}
				#callbackBoxInner form p select {
					float:left;
					display:block;
					text-align:left;
					width:175px;
				}
				#callbackBoxInner form p input#callback_submit {
					width:auto;
					text-align:center;
				}
					#callbackBoxInner form p.submit {
						padding-top:15px;
					}
				#callbackBoxInner form p span.formError {
					padding-left:110px;
					font-size:1.0em;
					color:#fff;
				}
	#callbackBox ul.errors {
		margin:0;
		padding:5px;
		list-style:none;
		min-height:30px;
		height:auto !important;
		height:30px;
	}
		#callbackBox ul.errors li {
			margin:0;
			padding:5px 8px;
			background-color:#FFCCCC;
			border:#c00 solid 1px;
			font-weight:bold;
		}
	#callbackBox ul.confirmed {
		margin:0;
		padding:5px;
		list-style:none;
		min-height:30px;
		height:auto !important;
		height:30px;
	}
		#callbackBox ul.confirmed li {
			margin:0;
			padding:5px 8px;
			background-color:#D9FED3;
			border:#090 solid 1px;
			font-weight:bold;
		}

#callbackBox #botBuster{
	display:none;
}

/* Footer Styles
--------------------------------------------------------------- */

#footerOuter {
	width: 100%;
	font-size: 1.2em;
	width:100%;
	margin-top:20px;
}

	#footer {
		clear: both;
		width: 100%;
		color: #ccc;
		padding:0;
		font-size: 0.9em;
	}
	
		#footer ul li {
			display: inline;
			border-right: 1px solid #ccc;
			padding: 0px 4px;
		}
		
		#footerBottom{
			width:100%;
			background:#3b281d;
		}
		
					#footerFloat{
						position:absolute;
						z-index:100;
						right:0;
						bottom:0;
						width:180px;
						text-align:right;
						padding-bottom:22px;
					}
		
			#footerBottomContent{
				width:940px;
				margin-left: auto;
				margin-right: auto;
				padding-top:10px;
				padding-bottom:10px;
				position:relative;
			}
			
					#footerBottomFloat{
						position:absolute;
						z-index:100;
						right:0;
						top:10px;
						text-align:right;
						margin-bottom:150px;
					}

	#footer .index-a, #footer .contact-a {
		display: none;
	}

	#footer h2 {
		font-weight: bold;
		margin: 0px;
		color: #111;
		padding: 3px 0px;
		font-size: 1.2em;
		font-style: italic;
		width: 250px;
		color: #FF9933;
	}
	
	#footer #footerTopContent #footerFloat h2 {
		width: 150px;
		float:right;
	}
		
		#footerOuter #footer #footerTop #footerTopContent #footerFloat p.setWidth{
			width:180px;
			float:right;
		}
		
	#footer li {
		list-style: none;
	}
	
	#footer p, #footer ul {
		margin: 0px;
		padding: 0px;
	}

	#footer a {
		white-space: nowrap;
		color: #ccc;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #ffcc00;
		text-decoration:underline;
	}

/* Footer Services Styles
--------------------------------------------------------------- */	

	#footer #footer-services {
		float: left;
		width: 250px;
		margin: 0px;
	}
	
		#footer #footer-services ul li {
			float: left;
		}
	
			#footer #footer-services ul li a {
				float: left;
				width: 230px;
				padding: 3px 5px;
				border-bottom: 1px dotted #777;
			}
		
/* Footer Areas Styles
--------------------------------------------------------------- */	

	#footer #footer-areas {
		float: left;
		width: 320px;
	}
	
		#footer #footer-areas h2 {
			width: 300px;
		}
	
		#footer #footer-areas ul {
			float: left;
			width: 155px;
		}
	
		#footer #footer-areas ul li {
			float: left;
			width: 125px;
			padding: 3px 5px;
			border-bottom: 1px dotted #777;
		}
		
/* Footer Right Styles
--------------------------------------------------------------- */	

	#footer #footer-right {
		float: left;
		width: 190px;
	}
	
		#footer #footer-right h2 {
			width: 170px;
		}
		
		#footer #footer-right p {
			line-height: 20px;
			padding: 3px 5px;
		}
				
/* Footer Right Styles2
--------------------------------------------------------------- */	

	#footer #footer-right2 {
		float: left;
		width: 165px;
	}
	
		#footer #footer-right2 h2 {
			width: 155px;
		}
		
			#footer #footer-right2 ul li {
				float: left;
			}
					
			#footer #footer-right2 ul li a {
				float: left;
				width: 165px;
				padding: 3px 5px;
				border-bottom: 1px dotted #777;
			}
		
		#footer #footer-right2 p {
			line-height: 20px;
			padding: 3px 5px;
		}
		
		#footer #footer-right2 .bottomLink {
			margin-bottom: 5px;
		}
		
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	

	#footer #footer-bottom {
		width: 940px;
		clear: both;
		float: left;
		margin: 10px 0px 0px 0px;
		text-align: center;
	}

/* Image Styles
--------------------------------------------------------------- */

.img-left {
	float: left;
	margin: 0px 20px 10px 0px;
}

.img-right {
	float: right;
	margin: 0px 0px 10px 10px;
}
	
	.img-border {
		border: 1px solid #ccc;
	}
	
/* Contact Table Styles
--------------------------------------------------------------- */

	#contactTable #botBuster {
		display: none;
	}
	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}

a.imgLink2{
	margin-bottom:10px;
	display:block;
}

a.imgLink{
	margin-bottom:10px;
	display:block;
}

a.imgLink:hover{
	background:url(../../images/misc/login-over.gif) no-repeat;
}

a.imgLink:hover img{
	visibility:hidden;
}

.border{
	border-top:1px dashed #DBD4D1;
	margin-top:20px;
	clear: both;
	margin-bottom:20px;
}

li.none{
	list-style:none;
}

.bucket-box {
	float: left;
	width: 215px;
	text-align: center;
	font-size: 1.4em;
	margin-bottom: 20px;
}

	.bucket-box a {
		text-align: center;
		color: #444;
		display: block;
		text-decoration: none;
	}