@charset "utf-8";
/* CSS Document */
body {
	font-family: "Lato Regular", Arial, "Trebuchet MS", Tahoma;	
	}



h1 {
	text-align:center;
	font-variant:small-caps;	
	}
	

	
#mainContent h1 { margin-top: 50px }
	
h2 {
	color: #305970;
	font-size: 20px;
	text-align:left;
	font-variant:small-caps;	
	}
	
h3 {
	 
	font-variant:small-caps;
	font-size: 16px;	
	}
	


h4 a {
	color: #305970; 
	font-variant:small-caps;
	font-size: 16px;	 	
	}
h4 a:hover {
	color: #7BA4C4; 
}

 

p a {
	
	color: #7BA4C4;
 
font-weight:bold; 

	
	}
	
 
a {
	 
	 
	color: #FFF;
	 
}
a:link {
	text-decoration: none;
	
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	 
	 
	text-decoration: none;
	
	 
}
a:active {
	text-decoration: none;
}


#header-image {
	width: 100%;
	margin-top: 20px;
	margin-right: 0%;
	margin-bottom: 0;
	margin-left: 3%; 
	 
	 
}



 /* JS disabled styles */
.no-js .navBar li:hover ul { display:block;  }
 
/* base nav styles */
.navBar {
	background-color: #305970;
	height: inherit;
	width: 90%;
	text-align: center;
	margin-top: 218px;
	margin-right: 25%;
	margin-bottom: 0;
	margin-left: 4.5%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-style: normal;
	color: #FFF;
	padding-top: 0px;
	padding-bottom:  0px;
	font-weight: bold;
	font-variant: small-caps;
	display: block;
	border-radius: 10px;	
}


.navBar ul {padding:0; margin-left: 5%; padding-top:  6px; padding-bottom: 6px;  } /*adjusts vertical and horizontal spacing on nav bar*/
.navBar li { position:relative; float:left; list-style-type:none; padding-right: 4.5%;} /*adjusts word spacing on nav bar*/
.navBar ul:after {	content:"."; display:block; height:0; clear:both; visibility:hidden; }	
.navBar li a { display:block; padding:0px 0px; color:#fff; text-decoration:none;  } /*adjusts the text color on nav bar*/
.navBar li a:hover {	
	background: #FFF;
	padding: 0px;
    border-radius: 7px; 
	color: #305970;
	} /*adjusts the rollover on nav bar*/	
.navBar li a:focus { outline:none; text-decoration:none; }
.navBar li:first-child a { border-left:none; }
.navBar li.last a { border-right:none; }
.navBar a span { display:block; float:right; margin-left:5px; }


/*Adjustments for dropdown menu start here*/




.navBar ul ul { display: none; width:220%; position:absolute; right: -63.5%; background:#305970; border-radius: 10px; height: 255px; padding-top: 5px; margin-top: 0; } /*adjusts the background 
height, width, radius and background color of the dropdown*/
.navBar ul li:hover > ul { display:block; height: 255px; } /*adjusts the background height of the dropdown*/
.navBar ul ul li { float: none; width: 155%; text-align:left; margin-left: 3% } /*adjusts the width and margin in the dropdown*/
.navBar ul ul a { padding:5px 10px; border-left:none; border-right:none; font-size:14px; width: 100% } /*adjusts the font size in the dropdown*/
.navBar ul ul a:hover { 
	background: #FFF; 
	padding: 4px;
    border-radius: 7px; 
	color: #305970;
	width: 60%; 
} /*Adjusts the rollover in the dropdown*/

/*Adjustments for dropdown sub-menu start here*/
.navBar ul li li:hover > ul { height: 100px} /*controls the height of the sub-menu dropdown window*/
.navBar ul ul ul { postition: absolute; right: 102%; top: 0; margin-top:  -15px; width: 43%; } /*adjust position of dropdown window*/} 
.navBar ul ul li:hover > ul { display:block; margin-left: -62%; height: 70px; width: 15%;    }/*adjusts the height & width and margin of the dropdown box*/
.navBar ul ul ul li { float: none; width: 100%; text-align:left; margin-left: 5%; } /*adjusts the text-box width and text margin in the dropdown which affects text length*/
.navBar ul ul ul a { padding:5px 10px; border-left:none; border-right:none; font-size:14px; height: 20px }  /*adjusts the font size and line height in the dropdown*/
.navBar ul ul ul a:hover { 
	background: #FFF; 
	padding: 4px;
    border-radius: 7px; 
	color: #305970;
	width: 85%; 
} /*Adjusts the rollover in the dropdown*/ 

/*Save this file in the css directory as nav.css. The first rule is purely for when JavaScript is disabled, and allows the hidden submenu to be displayed on hover purely with CSS. The rest of the code defines a set of base styles that format the <nav> menu in the way that we want without adding anything too decorative. Note that we’re using the :after pseudo-selector to clear the floated list items; normally this would be added using a class name to that it could be applied to the containers of any floated elements on the page. At this point our page should look like this:*/
   

.video {
	margin-top: -10px;
	margin-right: 0;
	margin-left: 0%;
	width: 100%;
}
.page-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #333;
	width: 88%;
	margin-left: 5%;
	margin-top: 30px;
}

.page-content li a {
	color: #544226 ;
	
	}
#expertiseNav {
	background-color: #7BA4C4;
	width: 28%;
	float: right;	 
	height: auto;
	margin-left: 2%;
	margin-bottom: .5%;
	margin-top: 30px;
	
}

.float-img-left {
	float: left;
	padding-right: 20px;
	
	}
	
.float-img-right {
	float: right;
	padding-top: 20px;
	
	}

#expertiseNav ul {
	list-style-type: none;
	}
	
#expertiseNav li {
	font-size: 1em;
	font-variant:small-caps;
	color: #FFF;
	font-weight: bold;
	line-height: 30px;
	}

#expertiseNav a {
	 
	background-color: #7BA4C4; 
	color: #FFF;
	 
}
	
#expertiseNav li a:hover {
	
	background: #FFF;
	padding: 3px;
    border-radius: 7px; 
	color: #305970;
	
	} 		 	

.copyright {
	margin-top: 5%;	 
	margin-bottom: 1%;	
	 
	}

.copyright a {
		color: #305970;
	}

.copyright a:hover {
	padding: 3px;
    border-radius: 7px; 
	background-color: #305970;
	color: #FFF;	
	} 		 	

#contact {
	width: 100%;
	text-align: center;
	font-size: 16px;
	padding: 0px;
	margin-top: 0px;
	}
#contact h3 {
	font-size: 20px;
}


.footer { margin-top: -150px}



/******start subPage layout page******/

#subPage-mainContent { margin-top: 24px}


#subPage-layout  h2 a { color: #305970; }
#subPage-layout h2 a:hover { color: #7BA4C4; }
#subPage-layout ol a { color: #7BA4C4;
font-style:italic;
font-weight:bold;}
 
#subPage-layout a:hover { color: #305970; }
#subPage-layout p a { color: #7BA4C4;}
#subPage-layout .video { padding-right: 10px}





/******start index page******/



#header-banner {
	width: 90%;
	height: 450px;
	background-color: #305970;
	margin: 0 auto;
	margin-right: 5.5%;
	margin-top: 50px;
	
	
	}

.banner-content #nav {
	 
	background-color: #305970; 
	width: 100%;
	text-align: center;
	margin-top: 325px;
	margin-right: 25%;	 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-style: normal;
	color: #FFF;	 
	padding-bottom: 20px;
	font-weight: bold;
	font-variant: small-caps;
	display: block;
	
	 
}
/* JS disabled styles */
.no-js .banner-content #nav li:hover ul { display:block;  }
 
/* base nav styles  
 	
.banner-content #nav li {
	
	display:inline;
	
	padding-right: 45px;
} 	
.banner-content #nav li a:hover {	
	background: #FFF;
	padding: 0px;
    border-radius: 7px; 
	color: #305970;
	} /*adjusts rollover on navbar*/
	
.banner-content #nav ul {padding:0; margin-left: 10%; padding-top:  0px;  } /*adjusts vertical and horizontal spacing on nav bar*/
.banner-content #nav li { position:relative; float:left; list-style-type:none; padding-right: 45px;} /*adjusts word spacing on nav bar*/
.banner-content #nav ul:after {	content:"."; display:block; height:0; clear:both; visibility:hidden; }	
.banner-content #nav li a { display:block; padding:0px 0px; color:#fff; text-decoration:none;  } /*adjusts the text color on nav bar*/
.banner-content #nav li a:hover {	
	background: #FFF;
	padding: 0px;
    border-radius: 7px; 
	color: #305970;
	} /*adjusts the rollover on nav bar*/	
.banner-content #nav li a:focus { outline:none; text-decoration:none; }
.banner-content #nav li:first-child a { border-left:none; }
.banner-content #nav li.last a { border-right:none; }
.banner-content #nav a span { display:block; float:right; margin-left:5px; }




.banner-content #nav ul ul { display: none; width: 220%; position:absolute;  right:  -33.7%; background:#305970; border-radius: 10px; height: 255px; padding-top: 5px; margin-top: 0px; } /*adjusts the background height (needs to be adjusted in conjunction with .banner-content #nav ul li:hover > ul), width, radius and background color of the dropdown*/
.banner-content #nav ul li:hover > ul { display:block; height: 255px;   } /*adjusts the background height of the dropdown*/
.banner-content #nav ul ul li { float: left; width: 320%; text-align:left; margin-left: 3% } /*adjusts the text-box width and text margin in the dropdown which affects text length*/
.banner-content #nav ul ul a { padding:5px 10px; border-left:none; border-right:none; font-size:14px; width: 35% } /*adjusts the font size in the dropdown*/
.banner-content #nav ul ul a:hover { 
	background: #FFF; 
	padding: 4px;
    border-radius: 7px; 
	color: #305970;
	width: 28%; 
} /*Adjusts the rollover in the dropdown*/ 		  

/*Adjustments for dropdown sub-menu start here*/
 
.banner-content #nav ul ul ul { postition: absolute; right: 101%; top: 0; margin-top:  6px;} /*adjust position of dropdown window*/
.banner-content #nav ul ul li:hover > ul { display:block; float:left; margin-left:  0%; height: 80px; width: 25%;   }/*adjusts the height & width and margin of the dropdown box*/
.banner-content #nav ul ul ul li { float: left; width: 210%; text-align:left; margin-left: 10%;  } /*adjusts the text-box width and text margin in the dropdown which affects text length*/
 
.banner-content #nav ul ul ul a { padding:5px 10px; border-left:none; border-right:none; font-size:14px; height: 20px }  /*adjusts the font size and line height in the dropdown*/
.banner-content #nav ul ul ul a:hover { 
	background: #FFF; 
	padding: 4px;
    border-radius: 7px; 
	color: #305970;
	width: 40%; 
} /*Adjusts the rollover in the dropdown*/ 

.banner-insert p {
	font-size: 1.4em;
	padding-top: 10px;
	
		
	}	
#header-banner h1 {
	color: #FFF;
	font-size: 35px;
	text-align: left;
	font-variant: small-caps;
	margin-left: 2%;
	padding-top: 30px;
	font-weight: lighter;
	}	
	
.banner-content #expertiseNav {
	 
	background-color: #305970;
	width: 35%;
	float: left;
	height: auto;
	margin-left: 0%;
	margin-bottom: .5%;
	margin-top: -10px;
 
}
 


.banner-content #expertiseNav ul {
	list-style-type: none;
	
	}
	
.banner-content #expertiseNav li {
	font-size: 25px;
	font-variant:small-caps;
	color: #FFF;
	font-weight: normal;
	line-height: 35px;
	letter-spacing: 0px
	
	
	}

.banner-content #expertiseNav a {
	 
	background-color: #305970;
	color: #FFF;
	 
}
	
.banner-content #expertiseNav li a:hover {
	
	background: #FFF;
	padding: 3px;
    border-radius: 7px; 
	color: #305970;
	
	} 		 	


.banner-insert {
	float: right;
	background-color: #FFF;
	width: 55%;
	height: auto;
	margin-top: 40px;
	margin-right: 2%;
	border-radius: 15px;
	padding-top:  5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}

.homePage{
	 
	 width: 100%;
	 margin-bottom: 700px
	
	}


	
.homePage ul{
	 margin-left: 15%;
	
	}

.homePage li{
	 
	margin: 0 auto;
	
	}
.superLawyer {
	padding-left: 30px;
}

 
#mediation {
	float: left;
	width: 100%;
	margin-top: 30px;
	margin-left: 2%;
	border-top-width: thin;
	border-right-width: thin;	 
	border-top-style: outset;
	border-right-style: inset;
	border-top-color: #ccc;
	border-right-color: #bbb;	
		}
			
#mediation p {
	color:#666c33;
		
	}		
#mediation h2 {
	color: #305970;
	 
	text-align: center;
	 	
	}
#mediation h2 a {
	color: #305970;	 	
	}

#mediation h2 a:hover {
	text-decoration:underline;
	 	 	
	}
		
#mediation .line-separator {
	 color: #305970; 
	 margin-left: 30%;	
	}
	


#adr-experience {
	width: 100%;
	margin-top: 30px;
	margin-left: -5.5%;
	border-top-width: thin;
	border-right-width: thin;
	border-top-style: outset;
	border-right-style: inset;
	border-top-color: #ccc;
	border-right-color: #bbb;	
	}
#adr-experience p {
	color:#666C33;
		
	}	
#adr-experience h2 a {
	color: #305970;	 	
	}

#adr-experience h2 a:hover {
	text-decoration:underline;
	 	 	
	}	
			
.line-separator {
	 color: #305970; 
	 margin-left: 30%;
	 
	}

#speaking-mediation {
	width: 100%;
	margin-top: 30px;
	margin-left: -10%;
	border-top-width: thin;
	border-right-width: thin;
	border-top-style: outset;
	border-right-style: inset;
	border-top-color: #ccc;
	border-right-color: #bbb;		
	}
#speaking-mediation p {
	color:#666c33;
	margin-left: 5%;
}

#speaking-mediation li {	 
	margin-left: -20%;
	 
	font-size: 16px;
}

#speaking-mediation h2 a {
	color: #305970;	
}
#speaking-mediation h2 {
	text-align: center; 	
	}

#speaking-mediation h2 a:hover {
	text-decoration:underline;
	 	 	
	}		

.bottom-content {
	width: 100%;
}
.bottom-content p {
	font-size: 1.4em;
	color: #333; 
	margin-left: 5%;	
	margin-right: 10%;	
	}
.bottom-content ul {
	font-size: 1.4em;
	color: #333; 
	margin-left: 5%;	
	margin-right: 10%;	
	}
.bottom-content .image { width: 100%; margin-left: 31%; margin-bottom: 70px;}

.bottom-content a { color: #305970; font-weight: bold; }
.bottom-content a:hover { text-decoration: underline}
 
 

 



/******end index page******/

				 
/*start mediation practices page*/
	
.practiceAreas {
	float: left;
	width: 45%;
	margin-top: 10px;
	margin-left: 0%
}

.practiceAreas-right {
	float: right;
	width: 100%;
	margin-top: 80px;
	margin-right: -40%;
}

.practiceAreas ul {
	list-style-type: none;
	}
.practiceAreas-right ul {
	list-style-type: none;
	}

 
.quotes {
	float: right;
	width: 45%;
	margin-top: 30px;
}


.quotePanel-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	color: #FFF;
	background-color:  #7BA4C4;
	padding: 20px;
	margin-top: 100px;
	width: 100%;
	margin-left: 15%;
}

.style1 {
	font-size: 14px;
	color: #003;
	font-style: italic;
	text-indent: 0.5px;
}

.quotePanel-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	color: #336699;
	background-color: #C6BDAC;
	padding: 20px;
	margin-top: 110px;
	width: 100%;
	margin-left: -10%;
}

.style2 {
	font-size: 14px;
	color:#330;
	font-style: italic;
	text-indent: 0.5px;
}

.practiceAreas-bottom {
	float: left;
	width: 100%;
	margin-top:60px;
	margin-left: 0%
}


/*start experience page*/

#profile-nav { width: 100%; margin-left:  12%; margin-top: 90px; margin-bottom: 40px}


/*start mediation philosophy page*/

/*start reviews page*/

.reviews {
	margin-top: 20px;
		 
}

.reviews h3 {
	color: #305970;
	 
}

.reviews ul {
	color: #6B5C33;
}

.reviews h3 a {
	color: #6B5C33;
}

.reviews p  {
	color: #6B5C33;
	font-size: 16px;
	font-weight:lighter}
	
#subPage-layout .reviews p a {
	color: #305970;
	font-size: 16px;
	 }
#subPage-layout .reviews p a:hover {
	color: #6B5C33;
	
}
.style2 {
	font-size: 12px;
	color: #003;
	font-style: italic;
	text-indent: 0.5px;
}	
/*start business mediation page*/