/* ========================================================================== 
    General Styles
/* ========================================================================== */

/*******************************************************************************
  Overrides
********************************************************************************/
a {
    color: #000000;
   
}
#cookie-bar {background:#111111; height:auto; min-height:24px; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0; z-index: 9999999999 ;position: fixed;width: 100% ; bottom:0}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%; z-index: 9999999999}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}


.menu-button {
  position: relative;
  display: block;
  padding: 8px 10px;
  background: none;
  color: #fff;
  cursor: pointer;
  border-bottom:none }


.menu-button span.touch-button {
    background: transparent;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center; }
	
	.menu-button .touch-button .navicon {
      font-size: 12px;
      position: relative;
      top:5px;
      color: #ffffff; }


.flexnav .touch-button {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #acaca1;
    background: rgba(0, 0, 0, 0.075);
    text-align: center; }
    .flexnav .touch-button:hover {
      cursor: pointer; }
    .flexnav .touch-button .navicon {
      position: relative;
      top: 0;
      font-size: 12px;
      color: #ffffff; }
	  
	
.flexnav li a {
    position: relative;
    display: block;
    padding: .96em;
    z-index: 2;
    overflow: hidden;
    color: #222222;
    background:none;
    border-bottom: none }

.flexnav li ul li a {
	white-space:nowrap ;
	background: #d6d7da;
}

#navigation-bar .flexnav li > ul li {
	width:100%
}

.flexnav li > ul {
	width:auto
}

.flexnav li ul {
	margin:0 ;
	display:none
}

	
@media all and (min-width: 735px) {
	
	.menu-button {
		display:none
	}
	
	.flexnav .touch-button {
		display:none
	}
	.flexnav li a {
      border-left: none }
	  
	.flexnav li {
		background:none
	}
	
	.flexnav li ul li a {
		padding: 3px 10px 3px 30px!important;
		border-bottom: 1px solid #ebebed ;
		background-image:url(/images/uploads/site/flexnav-icon01.gif) ;
		background-position:left center ;
		background-repeat:no-repeat
	}
	
	.flexnav li ul li a:hover {
		color:#000000!important ;
		background-image:url(/images/uploads/site/flexnav-icon02.gif) ;
		background-position:left center ;
		background-repeat:no-repeat
	}
}

@media only screen and (min-width: 46em) {
  #barristers-listing .medium-5 {
    width:33.33333%
  }
}
@media only screen and (min-width: 64.063em) {
  #barristers-listing .large-4 {
    width:25%
  }
}

#barristers-listing .columns:last-child {
    float: left
}

/* Mobile better experience edge paddings
.row {
  padding-left: 10px ;
  padding-right: 10px
}
*/

body {
  background-color: #e9eaec
}

#wrapper {
  background-color: #ffffff ;
}

blockquote, blockquote p {
  margin: 0 ;
  padding: 0;
  border-left: none;
  line-height: 1.3em;
  color: #3f5364;
  font-style: italic;
  font-size: 0.80em
}

blockquote cite {
  margin: 10px 0 0 0 ;
  padding: 0;
  border-left: none;
  color: #3f5364;
  font-style: normal;
  font-size: 0.9em ;
  font-weight: bold;
  text-transform: uppercase;
}

div.row.bx-clone {
  float: none;
}

div#foobar .row.fixBxSliderLeftMargin {
  margin: 0!important
}


/* ========================================================================== 
    Navigation Styles
/* ========================================================================== */



#navigation-bar {
  padding-top: 15px ;
  padding-bottom: 10px ;
  border-bottom:1px solid #ccc ;
  position:relative ;
  z-index:999

}

#home #navigation-bar {
	position:absolute ;
	top:0 ;
	left:0 ;
	right:0 ;
	background-color: rgba(255, 255, 255, 0.8);
	background: rgba(255, 255, 255, 0.8);
}

#navigation-bar > ul {
  list-style: none;
  margin: 0 ;
  padding: 0 ;
}


#navigation-bar ul li {
  display: block;
  float: left; 
  width: auto;
  height: auto;
  padding: 0 ;
  margin: 0 ;
  line-height:normal
}

#navigation-bar ul li a {
  display: block;
  width: auto;
  height: auto;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
  font-size: 0.70em ;
  line-height:20px ;
  padding: 0 10px 0 0 ;
  margin: 0 ;
  color: #3e5364 ;
  text-transform: uppercase;
}

.flexnav ul li ul {
	width:100%
}

.flexnav ul li ul li {
	display:block ;
	width:auto
}

.flexnav ul li ul li a {
		padding: 3px 10px 3px 10px!important;
		border-bottom: 1px solid #ebebed ;
		background-image:none ;
		background-position:left center ;
		background-repeat:no-repeat ;
		display:block ;
		white-space:normal
}

.flexnav ul li ul li a:hover {
	background:#4d5d6d ;
	color:#FFFFFF!important
}

#navigation-bar #search {
  float: right;
}


#navigation-bar #search input {
  height: 27px ;
  margin: 0 ;
  padding: 0 ;
  line-height: 27px ;
  float: left;

}

#navigation-bar #search input.search-input {
  background: url(/images/uploads/site/search-bg.gif) repeat-x top left ;
  width: auto ;
  padding-left: 10px ;
  font-size: 0.75em
}


#navigation-bar #search input.search-button {
  border:1px solid #ccc;
}

#navigation-bar ul li a:hover, #navigation-bar ul li a.active {
  color: #ccc
}

a.mobile {
  display:none
}

#navigation-bar .searchBox form p, #navigation-bar  .searchBox form ul {
    float: left
}

#navigation-bar .searchBox form ul.searchFields {
    width: auto;
    height: auto;
	float:left ;
	margin:0
}

#navigation-bar .searchBox form li {
    margin: 0;
    padding: 0;
    float: left
}

#navigation-bar .searchBox form li.searchFilter {
    float: left;
    width: auto;
    height: auto;
    line-height: normal;
}

#navigation-bar .searchBox form li.searchFilter ul.searchOptions {
    width: auto;
    position: relative;
    z-index: 501 ;
	margin:0 ;
	padding:0
}

#navigation-bar .searchBox form li.searchFilter ul.searchOptions li {
	float:left ;
	height:auto ;
	line-height:27px
}

#navigation-bar .searchBox form li.searchFilter ul.searchOptions li label {
    vertical-align: middle;
    padding: 0 ;
	line-height:27px ;
	font-size:12px ;
	padding:0 5px
}

#navigation-bar .searchBox form li.searchFilter ul.searchOptions li label input {
    width: auto !important;
}

#navigation-bar .searchBox form li.formField button {
	padding:0 ;
	margin:0 ;
	background:none ;
	border-width: 1px;
	border-color: #ccc;
	width:27px ;
	height:27px ;
	line-height:27px ;
	background:url("/images/uploads/site/search-icon.gif") no-repeat center center
}

#header .searchBoxNew,
#homepage-splash .searchBoxNew {
	float: right ;
	position: relative ;
	display: block
}

#header .searchBoxNew input#keywords,
#homepage-splash .searchBoxNew input#keywords { 
    height: 28px;
    border: none;
    background: #405364;
	color: #FFFFFF ;
	font-size: 0.75em
}

#header .searchBoxNew input::-webkit-input-placeholder,
#homepage-splash .searchBoxNew input::-webkit-input-placeholder {
  color: #FFFFFF;
}
#header .searchBoxNew input:-moz-placeholder,
#homepage-splash .searchBoxNew input::-webkit-input-placeholder {
  color: #FFFFFF;
}
#header .searchBoxNew input::-moz-placeholder,
#homepage-splash .searchBoxNew input::-webkit-input-placeholder {
  color: #FFFFFF;
}
#header .searchBoxNew input:-ms-input-placeholder,
#homepage-splash .searchBoxNew input::-webkit-input-placeholder {
  color: #FFFFFF;
}

#header .searchBoxNew button,
#homepage-splash .searchBoxNew button {
	padding:0 ;
	margin:0 ;
	border: none ;
	position: absolute ;
	right: 0 ;
	top: 0;
	width:28px ;
	height:28px ;
	line-height:28px ;
	background:transparent url("/images/uploads/site/search-icon2.gif") no-repeat center center
}
#searchfooter input {
  height: 27px ;
  margin: 0 ;
  padding: 0 ;
  line-height: 27px ;
  float: left;

}

#searchfooter input.search-input {
  background: url(/images/uploads/site/search-bg.gif) repeat-x top left ;
  width: 90% ;
  padding-left: 10px ;
  font-size: 0.75em
}


#searchfooter input.search-button {
  border:1px solid #ccc;
}

#searchfooter .searchBox form ul.searchFields {
    width: 100%;
    height: auto;
	float:left ;
	margin:10px 0 0 0;
	list-style:none
}

#searchfooter .searchBox form li {
    margin: 0;
    padding:0 10px;
    float: left ;
	width:100%
}

#searchfooter .searchBox form li.searchFilter {
    float: left;
    width: auto;
    height: auto;
    line-height: normal;
}

#searchfooter .searchBox form li.searchFilter ul.searchOptions {
    width: auto;
    position: relative;
    z-index: 501 ;
	margin:0 ;
	padding:0
}

#searchfooter .searchBox form li.searchFilter ul.searchOptions li {
	float:left ;
	height:auto ;
	line-height:27px
}

#searchfooter .searchBox form li.searchFilter ul.searchOptions li label {
    vertical-align: middle;
    padding: 0 ;
	line-height:27px ;
	font-size:12px ;
	padding:0 5px
}

#searchfooter .searchBox form li.searchFilter ul.searchOptions li label input {
    width: auto !important;
}

#searchfooter .searchBox form li.formField button {
	padding:0 ;
	margin:0 ;
	background:none ;
	border-width: 1px;
	border-color: #ccc;
	width:27px ;
	height:27px ;
	line-height:27px ;
	background:url("/images/uploads/site/search-icon.gif") no-repeat center center
}


/* ========================================================================== 
    Homepage Splash - Intro & ...
/* ========================================================================== */

#homepage-splash {
  background: url(/images/uploads/site/homepage-background01.jpg) no-repeat center top ;
  min-height: 628px ;
  padding-top:45px
}

#homepage-splash a#portfolio {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
  color: #ffffff ;
  padding: 5px 10px ;
  padding-right: 92px ;
  display: block;
  font-size: 0.75em ;
  text-transform: uppercase;
  background: #405364 url(/images/uploads/site/icon-portfolio.png) no-repeat center right ;
  float: right;
}


#homepage-splash #homepage-intro {
  margin-top: 40px
}

#homepage-splash #homepage-intro p {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
  font-size: 0.80em ;
  color: #ffffff
}


#homepage-splash #homepage-intro span#homepage-header {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
  font-size: 1.50em ;
  font-weight: bold;
  padding: 0 ;
  margin: 0 ;
  text-transform: uppercase;
  color: #ffffff
}

#homepage-splash #homepage-intro span#homepage-header .black {
  color: #000000
}

/* ========================================================================== 
    Homepage extra-features Styles
/* ========================================================================== */

#extra-features {
  padding-top: 15px ;
  padding-bottom: 15px
}

/* ========================================================================== 
    Homepage blockquote Styles
/* ========================================================================== */

#blockquote {
  padding-top: 27px
}

/* ========================================================================== 
    Homepage News Carousel Styles
/* ========================================================================== */

#homepage-news-carousel p, #homepage-news-carousel time {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
  font-size: 0.70em ;
  line-height: 1.5em ;
  padding: 0 ;
  margin: 0 ;
  color: #4e5052
}

#homepage-news-carousel time {
  font-weight: bold;
  color: #3f5364 ;
  font-size: 0.75em
}

#homepage-news-carousel img {
  float: left;
  padding-right: 10px
}


#homepage-news-carousel .topBorder {
  border-top: 1px solid #979797 ;
  padding-top: 10px ;
  padding-left: 0 ;
  padding-right: 0
}

#homepage-news-carousel #carousel-title h2 {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
  font-size: 0.75em ;
  color: #000000 ;
  font-weight: bold;
  text-transform: uppercase;
  line-height: normal;
}



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

#header {
  position: relative;
}

#logoWhiteSpaceFix {
    background: #fff;
    width: 30%;
    height: 227px;
    position: absolute;
    left: 0
}

#white {
    background-color: #ffffff ;
    padding-right: 10px ;
	text-align:center
  }

#header a#portfolio {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
  color: #ffffff ;
  padding: 5px 10px ;
  padding-right: 92px ;
  display: block;
  font-size: 0.75em ;
  text-transform: uppercase;
  background: #405364 url(/images/uploads/site/icon-portfolio.png) no-repeat center right ;
  float: right;
}

/* ========================================================================== 
    Bread Crumb
/* ========================================================================== */

#breadcrumb {
  margin-bottom: 10px ;
  margin-top: 5px
}

#breadcrumb div *:before {
  content: "/";
  color: #4d5d6d;
  margin: 0 0.5rem;
  position: relative;
}

#breadcrumb div > *:first-child:before {
  content: " ";
  margin: 0;
}

#breadcrumb a {
    color: #4d5d6d;
    text-transform: none;
    font-size: 0.70rem;
    line-height: normal ;
    text-transform: uppercase;
    margin: 0 ;
    padding: 0 ;
    display: inline-block;
}

#breadcrumb a:hover {
  color: #000000
}

/* ========================================================================== 
    Container Listing
/* ========================================================================== */

#container h2 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
	font-size: 2em ;
	font-weight:bold ;
	color:#19395b
}

#container h3 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
	font-size: 1.5em ;
	font-weight:bold ;
	color:#19395b
}

#container p {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
	font-size: 0.85em ;
	font-weight:normal ;
	color:#000000
}

#container #profile-body h2 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
	font-size: 1.5em ;
	font-weight:bold ;
	color:#19395b
}

#container #profile-body h3 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
	font-size: 1.5em ;
	font-weight:bold ;
	color:#19395b
}

#container #profile-body p:first-of-type {
	font-weight:bold ;
	border-bottom:1px solid #9ba4ae ;
	padding-bottom:20px
}

#container #profile-body a.view-full-cv {
	color:#FFFFFF ;
	background:#405364 url(/images/uploads/site/icon-add-portfolio.png) no-repeat center right ;
	padding:10px 40px 10px 20px ;
	display:block ;
	font-size:0.85em ;
	position:absolute ;
	right:-10px ;
	top:-40px
}

#container ul li {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
	font-size: 0.85em ;
	color:#000000
}

#container .scope ul li::first-letter {
	text-transform:uppercase
}

#container ul li a {
	/*color:#000000*/
}

#container #news-listing .articlePageDetails {
	margin:0 ;
	padding:0 ;
	list-style:none ;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

#container #news-listing .articlePageDetails li {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
	font-size: 0.75em ;
	font-weight:normal ;
	color:#aaa
}

#container #news-listing .articlePageDetails li span.darkBlue {
	color:#19395b ;
	font-size:12px
}

#container #news-listing h3 {
	margin-bottom:0 ;
	line-height:normal ;
	line-height:24px ;
	font-size:1em
}

#container #news-listing span {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
	font-size: 0.75em ;
	font-weight:normal ;
	color:#aaa ;
	margin-bottom:10px
}

#container #news-listing .news-row {
	border-bottom:1px solid #CCCCCC ;
	margin-bottom:10px ;
	padding-bottom:10px
}


#container #profile-body ul.accordion {
	list-style:none ;
	margin:0 0 50px 0 ;
	padding:0 
	}

#container #profile-body ul.accordion li {
	position:relative
	}

#container #profile-body ul.accordion li .panels {
	display:none ;
	}

#container #profile-body ul.accordion li .panels p:first-child {
	margin-top:20px
}

#container #profile-body ul.accordion li .panels p:first-of-type {
	font-weight:normal ;
	border:none ;
	margin-bottom:auto
}


#container #profile-body ul.accordion li .panels .recent-cases-title {
	padding-bottom:0
}
	
#container #profile-body ul.accordion li .panels ul {
	padding:0 ;
	list-style:none
}

#container #profile-body ul.accordion li .panels ul li {
	border-bottom:1px dotted #CCCCCC ;
	padding:10px 0 ;
	font-size: 13px ;
}

#container #profile-body ul.accordion li .panels ul li:last-child {
	/*border:none*/
}

#container #profile-body ul.accordion li .panels ul li ul{
	padding:0 0 0 40px ;
	list-style:disc
}
			
#container #profile-body > h3 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
	font-size: 1em ;
	border-bottom:1px solid #c4c4c4 ;
	display:block ;
	width:100% ;
	height:auto ;
	color:#19395b ;
	padding:10px 0 ; 
	}
	
#container #profile-body ul.accordion li > h3 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
	font-size: 1em ;
	border-bottom:1px solid #c4c4c4 ;
	display:block ;
	width:100% ;
	height:auto ;
	color:#19395b ;
	padding:10px 0 ;
	margin: 0 ;
	cursor:pointer ;
	background:url(/images/uploads/site/minus.gif) no-repeat center right ;
	padding-right:120px
	}

#container #profile-body ul.accordion li > h3:first-letter {
    text-transform: uppercase;
}
			
#container #profile-body ul.accordion li > h3.active {
	background:url(/images/uploads/site/plus.gif) no-repeat center right 
	}
	
#container #profile-body ul.accordion li a.addToPortfolio {
    position: absolute;
    right: 25px ;
    top: 11px ;
	color:#FF0000 ;
	font-size:12px
}	

#container #sidebar ul.accordion li {
	display:block ;
	position:relative ;
	border-bottom:1px solid #c4c4c4 ;

}
#container #sidebar ul.accordion li::first-letter {
	text-transform:uppercase
}

#container #sidebar ul.accordion li:last-child {
	border-bottom: none
}

#container #sidebar ul.accordion li > span {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
	font-size: 1em ;
	display:inline-block ;
	width:10px ;
	height:10px ;
	color:#19395b ;
	padding:0 ;
	margin: 0 ;
	cursor:pointer ;
	background:url(/images/uploads/site/minus.gif) no-repeat center right  ;
	position:absolute ;
	right:0 ;
	top:11px;
	}
			
#container #sidebar ul.accordion li > span.active {
	background:url(/images/uploads/site/plus.gif) no-repeat center right 
	}

#container #sidebar ul.accordion li > a {
	padding:5px 0 ;
	padding-right:10px

}

/* ========================================================================== 
    Sidebar Listing
/* ========================================================================== */

#sidebar ul#listing {
  list-style: none;
  padding: 20px ;
  border-top:3px solid #000000;
  background: #e9eaec ;
  margin: 0 ;
  margin-bottom: 1.25rem;
}

#sidebar ul#listing li {
  display: block;
}

#sidebar ul#listing li a {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
  font-size: 1em ;
  color: #000000 ;
  font-weight: normal;
  display: block;
}

#sidebar ul#listing li a:hover, #sidebar ul#listing li a.active {
  color: #5c809f
}

#sidebarSpaceFix {
    background: #e9eaec;
    width: 30%;
    height: auto;
    position: absolute;
    right: 0 ;
	top:40px
}

#sidebar h3 {
	border-bottom:1px solid #9ba4ae ;
	padding-bottom:20px ;
	margin-bottom:20px
}

#sidebar .scope {
	background:#e9eaec ; 
	padding:30px
}

#sidebar .scope ul {
	list-style:circle
}


/* ========================================================================== 
    Barristers Listing
/* ========================================================================== */

#barristers-listing .member-box {
  margin-bottom: 1.25em ;
  display: block;
  position: relative;
}

#barristers-listing .member-box > a {
  display: block;
}

#barristers-listing .member-box .barrister-info {
  background-color: #e9eaec ;
  padding: 10px ;
}
 
#barristers-listing .member-box .barrister-thumb {
	width:100% ;
	height:auto ;
}

#barristers-listing .member-box h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;
  font-size: 1em ;
  color: #000000 ;
  font-weight: bold;
  text-transform: uppercase;
  line-height: normal;
}

#barristers-listing .member-box p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;
  font-size: 0.75em ;
  color: #000000 ;
  font-weight: normal;
  text-transform: uppercase;
  line-height: normal;
  margin-bottom: 0
}

#barristers-listing .member-box .quick-look {
  position: absolute;
  left: 0 ;
  top: 0 ;
  z-index: 999999999999 ;
  display: none;
  background: #e9eaec ;
  -webkit-box-shadow: 0px 0px 22px -3px rgba(0,0,0,0.36);
  -moz-box-shadow: 0px 0px 22px -3px rgba(0,0,0,0.36);
  box-shadow: 0px 0px 22px -3px rgba(0,0,0,0.36);
  border-bottom:3px solid #3f5364 ;
  width:100%
}

#barristers-listing .member-box .quick-look .inner-text {
  padding: 10px
}

#barristers-listing .member-box .quick-look .barrister-info {
  background-color: #3f5364 ;
  padding: 10px ;
}

#barristers-listing .member-box .quick-look .barrister-info h3, #barristers-listing .member-box .quick-look .barrister-info p {
  color: #ffffff
}

#barristers-listing .member-box .quick-look ul {
  list-style: circle;
  margin: 0 ;
  padding: 0 0 0 15px ;
  display: block;
}

#barristers-listing .member-box .quick-look ul li {
  margin: 0 ;
  padding: 0 ;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;
  font-size: 0.75em ;
  color: #000000 ;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 7px
}

#barristers-listing .member-box .quick-look ul li::first-letter {
	text-transform:uppercase
}

#container .ribbon {
  background: url(/images/uploads/site/ribbon-bg.gif) repeat-y center top ;
  height: 40px
}

#container .ribbon h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;
  font-size: 1.5em ;
  color: #ffffff ;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 40px;
  margin: 0
}


/* ========================================================================== 
    Clerks Listing
/* ========================================================================== */

@media only screen and (min-width: 40.063em) {
	#clerks-listing .row .large-75 {
		width:50%
	}
}

#clerks-listing .clerk-box {
  margin-bottom: 1.25em ;
  display: block;
  position: relative;
  background-color: #e9eaec ;
  overflow:hidden
}

#clerks-listing .clerk-box .clerk-info {
  padding: 20px 10px 10px 30px ;
  display:block ;
  float:left ;
  width:60%
}
 
#clerks-listing .clerk-box .clerk-photo {
	display:block ;
	float:left ;
	width:40%
}

#clerks-listing .clerk-box h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;
  font-size: 1em ;
  color: #657583 ;
  font-weight: bold;
  text-transform: uppercase;
  line-height: normal;
}

#clerks-listing .clerk-box h4 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;
  font-size: 1em ;
  color: #657583 ;
  font-weight: normal;
  text-transform: uppercase;
  line-height: normal;
}

#clerks-listing .clerk-box p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;
  font-size: 0.75em ;
  color: #657583 ;
  font-weight: normal;
  text-transform: uppercase;
  line-height: normal;
  margin-bottom: 0
}

#clerks-listing .clerk-box a {
  color: #657583 ;
  font-weight: normal;
  text-transform: uppercase;
  line-height: normal;
}


#clerks-listing .clerk-box a.view-profile {
	margin-top:10px ;
	display:block ;
	font-weight:bold
}

/* ========================================================================== 
    Profile Styles
/* ========================================================================== */

ul#toolbar {
	display:block ;
	overflow:hidden
}

#profile-mini-data {
	 position:absolute ; 
	 bottom:0 ; 
	 right:0 ; 
	 width:100%
}

#profile-mini-data #back-to-fulllist {
	position:absolute ;
	left:2px ;
	bottom:7px ;
	font-size:13px
}

#profile-mini-data #back-to-fulllist a {
	color:#FFFFFF ;
	padding:10px 20px ;
	background-color: rgba(0, 0, 0, 0.3);
}

.profile-mini-data-inner {
	background:#3f5364 ; 
	padding:20px 30px 0 30px
}

#profile-toolbar.ribbon {
	background: #e9eaec ;
  	height: 40px
}

#profile-toolbar.ribbon .inner {
	background:#3f5364 ; 
	min-height:40px ;
	height:100%
}
 
#profile-toolbar.ribbon .toolbar-bg {
	background:#657583
}

#profile-toolbar.ribbon ul#toolbar {
	list-style:none ;
	margin:0 ;
	padding:0 0 0 10px
}

#profile-toolbar.ribbon ul#toolbar li {
	display:block ;
	float:left ;
	padding:0 ;
	margin:0 
}

#profile-toolbar.ribbon ul#toolbar li.toolbar-fix {
	background:#657583 ; 
	position:absolute ; 
	right:-20px ; 
	width:30px ; 
	min-height:50px ;
	height:100%
}

#profile-toolbar.ribbon ul#toolbar li a {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;
	font-size: 0.85em ;
	color: #ffffff ;
	font-weight: normal;
	line-height: 40px;
	display:block ;
	margin: 0 ;
	padding-left:35px ;
	padding-right:15px ; 
	background-size:25px 25px!important
}

#profile-toolbar.ribbon ul#toolbar li a.icon-email {
	background:url(/images/uploads/site/icon-email.gif) no-repeat center left
}

#profile-toolbar.ribbon ul#toolbar li a.icon-vcard {
	background:url(/images/uploads/site/icon-vcard.gif) no-repeat center left
}

#profile-toolbar.ribbon ul#toolbar li a.icon-print {
	background:url(/images/uploads/site/icon-print.gif) no-repeat center left
}

#profile-toolbar.ribbon ul#toolbar li a.icon-add-portfolio {
	background:url(/images/uploads/site/icon-add-portfolio.gif) no-repeat center left
}

/* ========================================================================== 
    Portfolio Styles
/* ========================================================================== */

#container .portfolioTools {
		margin:0 0 10px 0 ;
		padding:0 ;
		list-style:none
	}
	
#container .medium-7 .portfolioTools {
	text-align:right
}

#container .portfolioTools li {
	margin:0 ;
	padding:0 ;
	display:inline-block
}

#container .portfolioTools li a {
	display:block ;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
	font-weight: normal;
	color:#666666 ;
	font-size:12px ;
	margin:0 5px 0 0 ;
	padding:0 0 0 25px ;
	line-height:20px
}

#container .portfolioTools li a:hover {
	color:#FF0000
}

#container .portfolioTools li a.portfolioPrint {
	background:url(/images/uploads/site/print-icon.png) no-repeat center left
}
#container .portfolioTools li a.portfolioDownload {
	background:url(/images/uploads/site/pdf-icon.png) no-repeat center left
}
#container .portfolioTools li a.portfolioEmail {
	background:url(/images/uploads/site/email-icon.png) no-repeat center left
}
#container .portfolioTools li a.portfolioRemove {
	background:url(/images/uploads/site/close-icon.png) no-repeat center left
}
/* ========================================================================== 
    Expertise Styles
/* ========================================================================== */

#expertise ul {
	display:block ;
	list-style:circle ;
	
}


#expertise ul li:nth-child(odd)  {
	background:#f0f0f0
}

#expertise ul li a {
	color:#9ba4ae
}




/* ========================================================================== 
    Footer Styles
/* ========================================================================== */

#footer-content {
  padding-top: 20px ;
  padding-bottom: 20px ;
  border-top:1px solid #ccc ;
  border-bottom:1px solid #ccc ;

}

#footer-content p {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
  font-size: 0.70em ;
  line-height: 1.5em ;
  padding: 0 ;
  margin: 0 ;
  color: #4e5052
}

#footer-content ul.footer-logos {
  list-style: none;
  margin: 0 ;
  padding: 0
}

#footer-content ul.footer-logos li {
  display: inline-block;
  width: auto;
  height: auto;
}

#footer-content ul.footer-logos li img {
  display: block;
  margin: 0 ;
  padding: 0
}

#footer-extras {
  padding-top: 15px ;
  padding-bottom: 15px ;
}

#footer-extras ul {
  list-style: none;
  margin: 0 ;
  padding: 0
}

#footer-extras ul li {
  display: block;
  float: left; 
  width: auto;
  height: auto;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
  font-size: 0.7em ;
  line-height:1.5em ;
  padding: 0 10px 0 0 ;
  margin: 0 ;
  color: #4e5052
}

#footer-extras ul li a {
  display: block;
  width: auto;
  height: auto;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
  padding: 0 ;
  margin: 0 ;
  color: #4e5052 ;

}
#footer-extras ul.home-social {
    display: block;
    float: right;
}


#header.barrister-photo {
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  height: 450px
}

@media only screen and (min-width: 1920px) and (max-width: 5120px) {
	
	#header.barrister-photo {
	  -webkit-background-size: cover!important;
	  -moz-background-size: cover!important;
	  -o-background-size: cover!important;
	  background-size: cover!important;
	  height: 550px!important ;
	  background-position:top center!important
	  
	}
}


#header.barrister-photo #logo {
    background-color: #ffffff ;
}



#header.barrister-photo #profile-mini-data h2 {
	  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
	  font-size: 1.5em ;
	  color:#FFFFFF;
	  margin:0 ;
	  padding:0
}

#header.barrister-photo #profile-mini-data h3 {
	  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
	  font-size: 1.0em ;
	  color:#FFFFFF;
	  font-weight:bold;
	  margin:0 ;
	  padding:0
}

#header.barrister-photo #profile-mini-data p {
	  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
	  font-size: 1.0em ;
	  color:#FFFFFF;
	  margin:0 ;
	  padding:0
}

/* ========================================================================== 
    Tablet Vertical CSS
/* ========================================================================== */



/* ========================================================================== 
    Mobile Vertical / Horizental CSS
/* ========================================================================== */



@media only screen and (min-width: 736px) and (max-width: 940px) {
	#navigation-bar ul li a {
		font-size: 0.58em ;	
	}
	
	#profile-toolbar.ribbon ul#toolbar li a {
		font-size:0.5em ;
		padding-right:10px ;
		padding-left:30px ;
		background-size:20px 20px!important
	}
	
	#logoWhiteSpaceFix {
		display:none
	}
	
	#header.barrister-photo #profile-mini-data h2 {
		font-size: 1.2em ;
	}
}

@media only screen and (max-width: 735px) {
  
  #innerpage-header-background {
	  background:none!important
  }
  
  #logo {
    text-align: left;
    /*background: #ffffff url(/images/uploads/site/homepage-background01.jpg) no-repeat center top ;*/
    border-bottom:1px solid #ccc ;
  }

  #logo img {
    max-height: 150px ;
	margin:0 auto ;
	display:block
  }

  #white {
    background-color: #ffffff!important ;
    display: block;
    padding-right: 0 ;
	
  }

  #homepage-splash {
    background: none ;
    min-height: 1px ;
    border-bottom: 1px solid #979797 ;
  }

  #blockquote {
    padding-top: 0
  }

  #homepage-splash #homepage-intro {
    margin: 20px 0
  }

  #homepage-splash a#portfolio {
    /*margin-right: -10px*/
	float:none ;
	line-height:40px ;
	padding-top:0 ;
	padding-bottom:0
  }  
  
  #header a#portfolio { 
  	float:none ;
	line-height:40px ;
	padding-top:0 ;
	padding-bottom:0
  }
#header .searchBoxNew,
	#homepage-splash .searchBoxNew{
	float: none
}
	
  #homepage-splash #homepage-intro p {
    color: #000000
  }


  #homepage-splash #homepage-intro span#homepage-header {
    color: #405364
  }

  #navigation-bar {
    padding-top: 0 ;
    padding-bottom: 0 ;
    border-bottom:1px solid #ccc ;

  }

  #navigation-bar #search {
    display: none
  }

  a.mobile {
    display:block ;
    font-family: Helvetica, Arial, sans-serif ;
    font-size:0.75em ;
    font-weight: bold;
    color:#ffffff ;
    background:url(/images/uploads/site/mobile-menu-icon.png) no-repeat center right ;
    margin:10px 0 ;
    
  }

  #mobile-menu-background-color {
    background-color: #405364
  }
  
  .mainNavigation-OLD {
    display:none
  }
  
  .mainNavigation.highlight {
    display:block
  }
  
  #navigation-bar ul li {
    width:auto ;
    max-width:none ;
    height:auto ;
    padding:0 ;
    float:none ;
    border-top:1px solid #697c8d ;
  }

  #navigation-bar ul li a {
    display: block;
    width: auto;
    height: auto;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif ;
    font-size: 0.70em ;
    line-height:27px ;
    padding: 0 0 0 10px ;
    margin: 0 ;
    color: #ffffff ;
    text-transform: uppercase;
    /*background: url(/images/uploads/site/icon-right-menu-arrow.png) no-repeat center right;*/
	background:none ;
    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -ms-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;
  }

  #navigation-bar ul li a:hover, #navigation-bar ul li a.active {
    /* background: #000000 url(/images/uploads/site/icon-right-menu-arrow.png) no-repeat center right;*/
	background: #000000;
  }
  
  
	#profile-toolbar.ribbon .inner {
		display:none
	}
	
	#logoWhiteSpaceFix {
		display:none
	}

	#header.barrister-photo {
		background:none!important ;
		height:auto
	}
	
	#profile-mini-data {
		 position:relative ; 
		 bottom:auto ; 
		 right:auto ; 
		 width:auto
	}
	
	.profile-mini-data-inner {
		background:#3f5364 ; 
		padding:10px
	}
	
	#container .ribbon h2 {
	  font-size: 1.0em ;
	}
	
	#header.barrister-photo #profile-mini-data h2 {
		font-size: 1.2em ;
	}
	
	#profile-toolbar.ribbon ul#toolbar li a {
		text-indent:-999999px ;
		width:1px
	}
	
	#container #profile-body a.view-full-cv {
		color:#FFFFFF ;
		background:#000000 ;
		padding:10px 20px ;
		display:block ;
		font-size:0.85em ;
		position:absolute ;
		right:10px ;
		top:-40px
	}
	
	#footer-content ul.footer-logos {
		text-align:center
	}
	
	#footer-content p {
		text-align:center
	}
	
	.profile-logos {
		text-align:left
	}
	
	
	
	.profile-logos img.left {
		float:none!important
	}
	
	#container .ribbon {
	  background:none ;
	  height: 40px
	}
	
	#container .ribbon h2 {
		background:#657583 ;
		border-top:1px solid #FFFFFF ;
		padding:0 10px 
	}

}