/* ==========================================================================
   custom styles
   ========================================================================== */
.pad-left {
	padding-left: 5px;
}


.alertMessage {
	color: #7450A0;
	line-height: normal;
	padding: 10px 0;
}

a.buttonlink, input.buttonlink {
	display: block;
	padding: 5px 5px;
	background: #E1AD25;
	color: #fff;
	margin: 12px 0 12px 5px;
	font-size: .8em;
}

a:hover.buttonlink, input:hover.buttonlink {
	text-decoration: none;
	background: #7F3F94;
}


/* ==========================================================================
	 Header
  ========================================================================== */

header {
	position: relative;
	background: #fff url(/images/whitetint.png);
	width: 100%;
	border-bottom: solid 3px #cdb875;
}

.container.header {
	position: relative;
	background-color: transparent;
}

.logo {
	line-height: normal;
	margin: 20px 0;
}

.logo img {
	max-width: 100%;
	width: 100%;
}

/* ==========================================================================
 	 slideshow and header graphics
   ========================================================================== */
#graphic {
	position: relative;
	margin: 0 auto;
	/*background-color: #ebe7e7;*/
}
	
	#graphic .container.graphic {
		position: relative;
		text-align: right;
	}
	
	.graphic_label {
		position: absolute;
	  right: 0px;
	  top: 35%;
	  z-index: 1000;
	  width: 100%;
		line-height: 2em;
		text-align: right;
		color: #fff;
		text-shadow: 1px 1px #666;
	}
	
	.graphicTextContainer {
		width: 75%;
		    float: none;
		    text-align: center;
		    margin: 0 auto;
	}
	
	.overlay {
		width: 45%;
		position: absolute;
		text-align: left;
		bottom: 0;
	}
	
	.overlay img {
		max-width: 100%;
	}
	
	.headerTitle {
		font-size: 1.8em;
		font-weight: bold;
		margin-bottom: 25px;
		font-family: 'Arsenal', Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	.headerText {
		line-height: 1.2em;
		font-size: 1.1em;
		margin-top: 10px;
		margin-bottom: 10px;
		font-family: 'Arsenal', Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	.header_text p {
		margin-bottom: 0;
	}
	
	.flexslider {
		margin: 0px;
	}
	
	.flexslider ul li {
		padding-bottom: 0;
		position: relative;
	}
	
	.flexslider .container {
		position: relative;
		margin: 0 auto;
	}
	
	.flexslider .graphic {
		text-align: center;
	}
	
	.flexslider .graphic img {
		width: 100%;
		height: 100%;
	}
	
	.landingGraphic {
		position: relative;
	}
	
	.landingGraphic .graphic_label {
		bottom: 16px;
	}
	
	.landingGraphic .headerText {
		min-height: 80px;
	}
	
	.flex-direction-nav {
		display: none;
	}
	
/* ==========================================================================
	 wrapper
  ========================================================================== */
	#workingBox {
		width: 100%;
	}

	.content {
		padding: 20px 20px;
	}

	#meat {
		position: relative;
	}
	
	.parallax {
	  background-image: url(/images/graybkgd.jpg);
	}
	
	.photo {
	  background-attachment: fixed;
	  background-position: 50% 0;
	  background-repeat: no-repeat;
	  background-size: cover;
	  height: 100%;
	  position: relative;
	}

/* ==========================================================================
 	 footer
   ========================================================================== */
footer {
	position: relative;
	width: 100%;
	padding-top: 0px;
	color: #fff;
}

footer .whiteTop {
	width: 100%;
	height: 83px;
	background-color: #fff;
}

footer .container {
	margin: 0 auto;
	text-align: center;
}

ul.footer li {
	margin: 0;
	display: inline-block;
	padding: 0px 5px;
	*display: inline;
	zoom: 1;
	line-height: normal;
	position: relative;
	vertical-align: middle;
	border-left: solid 1px;
	font-size: .9em;
}

ul.footer li a {
	color: #fff;
}

ul.footer li:first-child {
	border: none;
}

footer img.footerLogo {
	margin-top: -53px;
	max-width: 100%;
}

.footerTagline {
	font-size: 32px;
	font-weight: 200;
	text-align: center;
	color: #cdb87d;
	font-style: italic;
	font-family: 'Arsenal', Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

footer h2 {
  color: #fff;
  font-size: 30px;
	font-weight: 500;
  margin-top: 20px;
}

footer .accent {
	color: #cdb87d;
}

footer .copyright {
	margin-top: 20px;
	font-size: .8em;
}

footer .copyright a, footer .copyright a:visited {
	color: #fff;
}

/* ==========================================================================
 	 Getting Started
   ========================================================================== */

#getStarted {
	position: relative;
}

.getStartedContent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

ul.getStartedText {
	margin: 0px auto;
	width: 88%;
	margin-top: 90px;
}

ul.getStartedText li {
	display: inline-block;
	margin: 0;
	*display: inline;
	zoom: 1;
	width: 30%;
	line-height: normal;
	position: relative;
	vertical-align: middle;
	color: #fff;
	position: relative;
}

ul.getStartedText li:first-child {
	width: 69%;
}

ul.getStartedText li:last-child {
	text-align: right;
}

ul.getStartedText li h1 {
	color: #fff;
	padding: 0px 0px 0;
}

ul.getStartedText li p {
	padding-right: 20px;
}

ul.getStartedText input.submit {
	margin-top: 30px;
}


/* ==========================================================================
 	 Contact Form
   ========================================================================== */
form#contactForm {
	margin: 20px 0 0;
}

form#contactForm .control-group {
margin-bottom: 3px;
}

form#contactForm label {
	width: 20%;
}

form#contactForm input[type="text"] {
	width: 100%;
	margin: 2px 0;
	padding: 5px 0px 5px 5px;
	border: none;
	border-radius: 0;
	background-color: #d0d0d0;
}

form#contactForm textarea {
	margin: 2px 0;
	border: none;
	border-radius: 0;
	padding: 5px 0px 5px 5px;
	background-color: #d0d0d0;
	width: 100%;
	height: 60px;
}

input[type="submit"] {
	margin: 10px 0;
}

input.submit, a.submit {
	display: block;
	width: 234px;
	height: 90px;
	text-indent: -9999px;
	background: url(/images/submit.png) no-repeat;
	background-position: 0 -98px;
	text-shadow: none;
	border: none;
	float: right;
}

input:hover.submit, a:hover.submit {
	background-position: 0 0;
}

#emailConfirmation {
	margin-top: 20px;
	font-size: 1.2em;
	color: #009cdb;
}

.valError {
	color: #FF5050;
}

/* ==========================================================================
Placeholder
   ========================================================================== */

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #000;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #000;
}


input::-moz-placeholder, textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {  
   color: #000;  
}

/* ==========================================================================
 	 Practices
   ========================================================================== */

ul#practicesGrid {
	list-style: none;
	margin: 0px 0 20px;
}

ul#practicesGrid li {
	display: inline-block;
	margin: 0px 0px 10px 0;
	*display: inline;
	zoom: 1;
	width: 32.5%;
	line-height: normal;
	position: relative;
	vertical-align: top;
	color: #c2c2c2;
	position: relative;
}

ul#practicesGrid li img {
	width: 100%;
}

.practiceOverlay {
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(/images/bluetint.png);
}

.practiceTitle {
	font-size: 1.2em;
	line-height: 40px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px #666;
}

.slideContainer.practices.grid {
	margin-bottom: 20px;
}

/* ==========================================================================
 	 Bios
   ========================================================================== */

a.viewBio {
	display: block;
	width: 234px;
	height: 90px;
	text-indent: -9999px;
	background: url(/images/viewbiobutton.png) no-repeat;
	background-position: 0 -98px;
	text-shadow: none;
}

a:hover.viewBio {
	background-position: 0 0;
}


ul#biosGrid {
	list-style: none;
	margin: 0px 0 20px;
}

ul#biosGrid li {
	display: inline-block;
	margin: 0px 0px 10px 0;
	*display: inline;
	zoom: 1;
	width: 49%;
	line-height: normal;
	position: relative;
	vertical-align: top;
	color: #c2c2c2;
	position: relative;
}

ul#biosGrid li img {
	width: 100%;
}

.bioOverlay {
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(/images/bluetint.png);
}

.bioTitle {
	font-size: 1.2em;
	line-height: 50px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px #666;
}

.hBioHeader img {
	max-width: 100%;
}

.bioHeaderText {
	text-align: left;
	margin-top: 25%;
	color: #104b7d;
	text-shadow: none;
}

.bioHeaderImage {
	margin: 20px;
}

.bioHeaderText h1 {
	font-size: 1.2em;
}

.bioHeaderText .headerTitle {
	margin-bottom: 10px;
}

.bioHeaderText .bioItemTitle {
	margin-bottom: 10px;
	border-bottom: solid 3px #cdb875;
}

.bioHeaderDivider {
	border-bottom: solid 3px #cdb875;
	display: block;
	height: 5px;
	margin: 10px 0;
}

.bioContactDetails {
	line-height: 1.5em;
}

.bioContactDetails a, .bioContactDetails a:visited {
	color: #104b7d;
}

.bioHeaderButtons {
	position: absolute;
	bottom: 20px;
	text-align: center;
	z-index: 1;
}

.bioHeaderButtons input {
	
	background: #cdb875;
	    -webkit-appearance: none;
	    border: none;
	    padding: 10px 15px;
	    margin: 0 3px;
	    color: #fff;
	    font-size: .9em;
		
}

.bioHeaderButtons input:hover {
	background: #104b7d;
}

/* ==========================================================================
 	 web Nav
   ========================================================================== */
	
#nav {
	width: auto;
	float: right;
}
	
	
	#menu
	{
		margin: 0;
		font-size: 12px;
		line-height: 16px;
	}

	#menuNav {padding:0; margin:0; list-style:none; height:40px; background: transparent;  position:relative; z-index:5000;}
	#menuNav li.top {display:block; float:left; padding:0; margin:0 0px;}
	
	#menuNav li.top {
		height: 40px; text-align: center; vertical-align: middle;
	}
	
	#menu li.top a.top_link {height: 40px; display: block; color: #104b7d; line-height: 40px; text-transform: uppercase;}

	#menuNav li.top {padding: 0 10px;}
	#menuNav li:hover.top, #menuNav li.top.active {background: #cdb875; }
	
	#menu li:hover.top a, #menu li.top.active a {color: #fff; text-decoration: none;}
	

	
	/* Default list styling */

	#menuNav li:hover {position:relative; z-index:500;}
	#menuNav li:hover ul.sub
	{left:0px; top:40px; padding:0px; white-space:nowrap; width:200px; height:auto; text-align: left; z-index:8000; padding: 5px 0px; background: #cdb875; zoom: 1; border-top: solid 3px #fff;}

	#menuNav li:hover ul.sub li
	{display:block; height:20px;  position:relative; float:left; width:200px; font-weight:normal;}
	#menuNav li:hover ul.sub li a
	{display:block; font-size:13px; height:24px; width:200px; line-height:24px; text-indent:5px; color:#104b7d; text-decoration:none;}
	#menuNav li:hover ul.sub li a:hover
	{background: #0f406b; color:#fff; width: 200px;}

	#menuNav ul, 
	#menuNav li:hover ul ul,
	#menuNav li:hover li:hover ul ul,
	#menuNav li:hover li:hover li:hover ul ul,
	#menuNav li:hover li:hover li:hover li:hover ul ul
	{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



/* ==========================================================================
 	 Home Elements
   ========================================================================== */

.homeNews, .homeSide {
	line-height: normal;
}

.homeNews a, .homeNews a:hover {
	color: #C7C7C7;
}

.viewAll {
	float: right;
	margin: 10px 0 20px;
}

.viewAll a {
	background: #231f20;
	padding: 5px 10px;
	color: #fff;
	text-align: center;
	border: solid 1px #231f20;
	font-size: .8em;
}

.viewAll a:hover {
	color: #fff;
	text-decoration: none;
	border: solid 1px #fff;
}

.homeNewsArea {
	max-height: 320px;
	width: 100%; 
	overflow: auto;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

.homeNewsArea p, .newsArea p {
	border-bottom: solid 1px #8da0b5;
	padding-bottom: 10px;
}

.homeNewsArea p .newsDate, .newsArea p .newsDate {
	color: #8da0b5;
	width: 50px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	
}

.homeSide {
	margin-top: 10px;
}

.homeSide a:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	  filter:alpha(opacity=75);
		opacity: 0.75;
}

.homeSide a img.sideButton {
	padding-bottom: 5px;
}

::-webkit-scrollbar {
      width: 15px;
}

::-webkit-scrollbar-track {
      background-color: #fff;
} /* the new scrollbar will have a flat appearance with the set background color */
 
::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2); 
} /* this will style the thumb, ignoring the track */
 
::-webkit-scrollbar-button {
      background-color: #C7C7C7;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
 
::-webkit-scrollbar-corner {
      background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */


.carouselHolder {
		position: relative;
	}
	
	.bxslider.practices li {
		

	}
	
	.arrow-controls-direction {
		    position: absolute;
		    top: 50%;
				width: 100%;
				height: 56px;
			-webkit-transform: translateY(-50%);
			  -ms-transform: translateY(-50%);
			  transform: translateY(-50%);
				z-index: 100;
		}
	
	.arrow-prev, .arrow-next {
		display: block;
		position: absolute;
		height: 71px;
		width: 36px;
		background-image: url(/images/arrows.png);
		background-repeat: none;
	}
	
	
	.arrow-prev {background-position: 0px -77px; left: 0px; }
	:hover.arrow-prev {background-position: 0px 0px;}
	
	.arrow-next {background-position: -40px -77px; right:0px; }
	:hover.arrow-next {background-position: -40px 0px;}
	
	
	/* ==========================================================================
	 	 Bio/Practice lists
	   ========================================================================== */
	
		.slideContainer {
			background: #e8e8e8;
		}
	
		.slideContainer img {
			max-width: 100%;
		}
	
		.slideContainer.grid {
			margin-bottom: 15px;
		}
	
		.bioItemDetails, .practiceItemDetails {
			padding: 10px 0;
			text-align: center;
			color: #162b53;
			font-size: 13px;
			line-height: 1.5em;
			
		}
		
		.graphic_label.bios {
			top: 0;
		}
	
		.bioItemDetails a, .bioItemDetails a:visited {
			color: #162b53;
		}
		
		.bioItemDetails a.view {
			font-weight: 600;
		}
	
		.bioItemName {
			font-weight: 500;
			text-transform: uppercase;
			font-size: 15px;
			margin-bottom: 0;
			padding-bottom: 0;
			line-height: 1.2em;
		}
	
		.bioItemTitle  {
			font-weight: 700;
			margin-bottom: 0;
			padding-bottom: 10px;
			line-height: 1.1em;
		}
	
		.bioItemPhone {
			margin-top: 5px;
		}
	
		.practiceItemDetails a, .practiceItemDetails a:visited {
			color: #162b53;
			font-weight: 700;
		}
	
		.practiceItemName  {
			margin-bottom: 0;
			padding: 5px 30px;
			line-height: 1em;
		}
	
		.practiceItemTeaser {
			line-height: 1.1em;
			padding: 5px 10px;
			text-align: left;
		}
	
		.vaContainer.bioHeight .vaItem {
			z-index: 600;
		}
	
		#practiceTeaser {
			font-size: .8em;
			text-align: left;
			margin: 0px 10px 10px;
		
		}
		
		ul.bxslider.bios, ul.bxslider.practices {
			margin-right: 0;
			margin-left: 0;
		}
		
		
/* ==========================================================================
 	 Locations
   ========================================================================== */
		
		.locationContainer {
			background: #cdb87d;
			padding: 15px;
		}
		
		.locationContainer img {
			max-width: 100%;
			width: 100%;
		}
		
		.locationAddress {
			padding: 20px 10px 5px;
			text-align: center;
			color: #fff;
		}
		
/* ==========================================================================
 	 Contact Page
   ========================================================================== */


	.google-map {
	    width: 100%;
	    height: 510px;
			margin: 50px 0;
			border-top: solid 5px #cdb87d;
			border-bottom: solid 5px #cdb87d;
	}
	
	/* ==========================================================================
	 	Bragtag
	   ========================================================================== */
	
	.bragtag {
		font-size: .8em;
		color: #909090;
		margin:5px 0 10px;
	}
	
	.bragtag a, .bragtag a:visited {
		color: #909090;
	}