@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);

@charset "UTF-8";
body,p,div,li,ul,ol, h1, h2, h3 {margin:0; padding:0;}

img {max-width:100%; display:block;}
p {margin: 0.2em 0px 1.2em 0px;display:inline-block;}
p.firstp {margin-top:1em;}
a, a:visited {color:#006;}
.footer a, .footer a:visited {color:#fff; text-decoration:none;}
h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 200;
	padding: .8em 0;
	line-height:1.1em;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}

body.bio .overlay h1 {padding: .4em 0;}

h2 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	line-height: 1.4em;
	padding: .2em 0 1em 0;
}
h2.attorneysb {font-family:"Times New Roman", Times, serif;}
.sidebar h2 { padding-top: .6em;}

h3 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	line-height: 1.2em;
	margin: 1.5em 0px .4em 0px;
	border-bottom: 1px solid #999;
}
h4 {padding: 0 0 0 0; margin-bottom:0;}

body {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.4em;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #444;
}



.header {
	xbackground: #D7DFE7;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 40px;
	padding: 0 50px;
}
.header.fixed
{
	position: fixed;
	top: 40px;
	left: 0;
}
.header a img
{
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 90;
	left: 14px;
}

.button {
	min-height:20px;
	min-width: 190px;
	margin: .8em 0;
	padding:12px 2%;
	background: #f4f4f4;
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #aaaaaa 100%);
	background: -webkit-linear-gradient(top,  #f4f4f4 0%, #aaaaaa 100%);
	background: linear-gradient(top bottom,  #f4f4f4 0%, #aaaaaa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#aaaaaa',GradientType=0 );
	border:1px solid #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(10, 10, 10, 0.76);
	-moz-box-shadow:    4px 4px 5px 0px rgba(10, 10, 10, 0.76);
	box-shadow:         4px 4px 5px 0px rgba(10, 10, 10, 0.76);
	text-align:center;
	display:block;
	}


.shadow {
	-webkit-box-shadow: 0px 2px 6px 0px rgba(100, 100, 100, 0.8);
	-moz-box-shadow:    0px 2px 6px 0px rgba(100, 100, 100, 0.8);
	box-shadow:         0px 2px 6px 0px rgba(100, 100, 100, 0.8);
}

.button:hover {background:#ddd; cursor:pointer;}

a.button, a.button:visited {text-decoration:none;color:#000;}


/* ---- KEEPS MENU PINNED TO THE TOP ---*/

	.top { xposition:fixed; top:0; z-index:1;}
	header {xmargin-top: 50px;}

/* ----------------------------------- */


.top { 
	width:100%;
	background:#D7DFE7;
	text-align:right;
	}
	
#container, 
.inner	{
	width: 94%; 
	max-width:1240px;
	margin: 0 auto;
	text-align: left; 
}

.hero {
	margin-bottom:3em;
}

#container {
	xpadding-bottom: 5px;
	margin-top: 3em;
	}
	
	
.bam #mainContent {
	xpadding: 1em 20px; 
}

#logo {
	margin: 1em 0 0;
	max-width:1200px;/* was 790 */
	min-height:90px;
	text-transform:uppercase;
}
.bio #logo {margin-bottom:-3px;} /* -- Don't know why  */

#logo .title-img {
	width:10%;
	float:left;
	margin-right: 2%;
	}
#logo .BAMs-title {
	height:100%;
	width:87%;
	margin-top: 0.5em;
	margin-bottom:.2em;
	float:left; 
	display:inline;
	font-family:"Times New Roman", Times, serif; 
	font-size: 34px; 
	line-height: 1em; 
	}
#logo .BAMs-title a {
	text-decoration:none;
	color:#006;
	}
#logo .line2 {
	font-size: 14px; 
	font-family:Verdana, Geneva, sans-serif;
	color:#aaa;
	}
	


.bannerArea {
	position:relative; 
	bottom:0px; 
	width:100%; 
	color:#fff;
	}

.xxxxbannerArea .inner {
	height:250px;
	width:100%;
	margin-bottom: 3em;
	position:relative;
}

.bannerArea h1 {
	color:#fff; 
	margin-left:2%;
	text-shadow: 2px 2px 2px #000000;
	}

.bannerArea .overlay {
	background: url('/images/trans60.png');
	position:absolute; 
	bottom:0px; 
	width:100%; 
	color:#fff;	
	}

.bannerArea .button {
	position:absolute;
	bottom: 5px;
	left:3%;
}

.bannerArea .tag {
	margin:0 2%; 
	color:#fff;
	font-size:14px;
}

.bio .bannerArea .tag {
	padding-bottom: 1em;
	}

table.bio {}
table.bio th, table.bio td {vertical-align:top; padding:1em 20px 1em 0;}
table.bio th {text-align:right;}
.bio td p, .bio td {line-height: 1.3em;}
.bio img {margin-bottom: 30px;}
.bio .bioList {max-width:300px; margin:0 auto 2em;}
.circle {
	font-size: 28px;
	border: 2px solid;
	border-radius: 2em;
	float: left;
	margin-right: 20px;
	margin-top: -5px;
	text-align:center;
	background-color: #4d617f;
	color: #fff;
	padding: 10px 14px;
	}


.footer {
	width:100%;
	padding: 10px 0;
	background:#00334a;
	xposition:fixed;
	bottom:0;
	color:#fff;
	}

.footer .item-wrapper {
	margin-left: 2%;
}
.footer .item {
	float:left;
	margin-right: 4%;
	font-size: 12px;
	line-height:1.3em;
}








.sidebar {
	width:80%;
	padding:0 10%;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}



.balloon {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:20px;
	font-size: 14px;
	position:relative;
	xheight: 200px;
	overflow:hidden;
}

.steps ul.stepList {
	list-style:circle;
	padding-left: 10px;
}
x.steps ul.stepList li:before{content:'- ';}
.steps .balloon {height:auto; margin-bottom: 2em;}

img.icon {
	width: 70px;
	float: right;
	margin-top: -10px;
	margin-right:0px;
}

.beige 	{ background:#f0e9d6; color:#444444; }
.blue 	{ background:#d7dee7; background:#bac5d9; color:#444449; }
.plum 	{ background:#5d4c4d; color:#fff; }
.teal 	{ background:#aed3db; color:#444444; }
.purple { background:#B59CC3; color:#fff; }
.slate 	{ background:#868686; color:#fff; }
.grey	{ background:#f2f2f2;border:1px solid #ccc;}
.clr {clear:both;}

ul.bulleted  {list-style: none;}
ul.bulleted li {background: url(../images/bams-bullet.png) 0 1px no-repeat; padding-left: 30px; padding-bottom: .5em;}

table.bucket {
	width:100%;
	height:25px;
	padding:0;
}

.steps table.bucket td:first-child {
	
	width: 40px;
}
.quote {
	color:#68A;
	font-style:italic;
	font-size:20px;
	line-height:1.4em;
	text-align:center;
	padding: 1em 10%;
}

.vspace {margin-right: 6%;}

hr {margin: 3em 10%; border: 1px solid #D7DFE7;}

.clients img.divide {display:none;}
.clients img {margin:auto;}

table.bucket td { vertical-align:middle;border:0px solid #333;}
.steps table.bucket td { vertical-align:top;}

table.bucket td.icon {width: 60px;}



#mm-menu {background:#D7DFE7;}

#mm-menu ul li a:hover {background:#e6Eff6;}

li.mm-divider {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding-left: 8px;
	font-style:italic;
	background:#C9D0Da;
}







#panelWrapper {margin-top:-20px; }

#panelWrapper h2 { 
	margin: 2em auto 0px; 
	width: 85%;
	}

.panelRow { 
	padding:2px; width: 84%; 
	margin:0 auto 3em; 
	text-align:center;
	}

.panelRow a {
	color:white;  
	text-decoration:none; 
	border:0; 
	margin-bottom:20px;
	}

.panelMember {
	width:14%;
	min-width: 100px; 
	margin: 1.6% 1.8%; 
	padding: 1.2%; 
	font-size:.6em; 
	background:#604f56;
	background:#555e6f;
	text-align:center;
	float:left; 
	box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.80); 
	-moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.80); 
	-webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.80);
	}
	
.panelMember img {
	padding: 0 0 5px 0; 
	overflow:hidden; 
	margin:0 auto; 
	border:0px;
	}

div.panelMember:hover { 
	text-decoration:none; 
	background:#096; 
	background:#204B5B;
	background:#757e9f;
	}


/* ----- Jill's Styling changes ---------- */
h2, h3 {font-weight:400;}

.footer {background:#364454;}




@media (max-width: 960px) {
	.panelMember {width:18%;}
}


@media (min-width: 769px) {
   #menu{
      display: block !important;
   }   
   #mm-menu {
      display: none !important;
   }

	.header {display:none;}
	
	#menu {
		width:96%;
		max-width: 1240px; 
		margin:auto;
		padding-right: 4%;
		text-align:right;
	
	}
		
	
	#menu .inner {text-align:right;}
	
	#menu ul, #menu ul li {
		display:inline;
		list-style:none;
		}
	#menu ul {padding:0;}
	#menu ul li {position:relative;}
	#menu ul li a,
	#menu ul li a:visited {
		padding: .4em 1% .3em 1%;
		display:inline-block;
		text-decoration:none;
		text-transform:uppercase; 
		color:#003;
		font-size:13px;
		}
	#menu ul li a:hover {background:#A4B9C9; background:#E9EBED;}	


	
	/*Style for dropdown links*/
	#menu ul li:hover ul a {
		text-align:left;
		width: 240px; 
		padding: .5em 20px;
	}
	
	/*Hover state for dropdown links*/
	#top-nav  ul li:hover ul a:hover,
	#top-nav  ul li a:hover {
		color: #4cc;
	}
	
	/*Hide dropdown links until they are needed*/
	#menu li ul {
		display: none;
	}
	
	/*Make dropdown links vertical*/
	#menu li ul li {
		display: block;
		float: none;
	}
	
	/*Prevent text wrapping*/
	#menu li ul li a {
		width: 240px;
		min-width:100px;
		padding:0;
		display:block;
	}
	.hidden {
		float:left;
		position:absolute;
		left:0;
		background:#eef4fa;
		background:#fff;
		z-index: 20;
	}
	
	/*Display the dropdown on hover*/
	#menu ul li a:hover + .hidden,
	#menu ul.hidden:hover {
		display: block;
	}
	




}





@media (max-width: 768px) {
#logo .BAMs-title {
	font-size:28px; 
	margin-top: .4em; 
	width: 84%;
	}	
#logo .title-img {width:12%;}
#logo .line2 {}

.bannerArea h1 {font-size: 24px;}

.vspace {margin-right:0;}
li.mm-divider {padding-left:0; margin-left: -5px;}

table.bio {margin-top: 30px;}


.panelMember {width:27%;}

#menu {
	   display: none !important;
	   text-align:left;
	   }
   #logo .BAMs-title {width:80%;}	

	.bio img {margin:auto;}
	
	header {margin-top: 0;}
	
	.hidden.shadow {
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
}

@media (max-width: 680px) {

	.balloon {height:inherit;}
	.bannerArea .tag {font-size:14px;;}
	.bannerArea h1 {font-size: 22px;text-align:center; width:100%; margin-left:0; padding:.4em 2%;}
	.bannerArea .tag {text-align:center; margin:0!important; padding:1.5em 5%;}
	.contact .bannerArea .inner {height:auto;}
	.bio .bannerArea .tag {position:absolute; bottom:0;padding-bottom: 1em;}
	.bio .bioList {margin-bottom:0;}
	.bio .tag {display:none;}
	.clients img.divide {display:block; margin-bottom: 3em; width:70px;}

}

@media (max-width: 480px) {
		
	#logo .BAMs-title {}	
	#logo .title-img {width:15%;}
	#logo .line2 {}
	.footer .item {
		width:100%; 
		float:none; 
		border-bottom: 1px solid #999;
		}	
	.panelMember {width:44%;}
	.footer .inner:last-child .item {border-bottom:0;}
	.above480 {display:none;}
	.why .bannerArea .tag {display:none;}
}







