/* 
	Theme Name: Hogarth Davies Lloyd
	Template: nbm-wireframe
	Theme URI: http://www.newbrandmedia.com
	Description: Hogarth Davies Lloyd
	Author: New Brand Media
	Author URI: http://www.newbrandmedia.com
	Version: 1.0
*/
.body1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #555555; text-align: left; line-height: 10pt; font-weight: normal}

.heading1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; line-height: 12pt}

.heading2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; line-height: 10pt}

.bodytitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 12pt; color: #ffffff}


.bodytitle2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 12pt; color: #ffffff}





.bodywhite {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10pt; font-weight: normal; color: #ffffff}

.bodyyellow {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10pt; font-weight: bold; color: #EEDD44}

.boldwhite {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10pt; font-weight: bold; color: #ffffff}

.boldyellow {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10pt; font-weight: bold; color: #EEDD44}

.body2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #668899; text-align: left; line-height: 10pt; font-weight: bold}

.body3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #555555; text-align: left; line-height: 10pt; font-weight: bold}

a.link1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #555555; text-decoration: none; line-height: 14px}
a.link1:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #555555; text-decoration: none; line-height: 14px}
a.link1:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EEDD44; text-decoration: none; line-height: 14px}
a.link1:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #555555; text-decoration: none; line-height: 14px}
a.link1:visited:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EEDD44; text-decoration: none; line-height: 14px}

a.link1a {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EEDD44; text-decoration: none; line-height: 12px}
a.link1a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EEDD44; text-decoration: none; line-height: 12px}
a.link1a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #555555; text-decoration: none; line-height: 12px}
a.link1a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EEDD44; text-decoration: none; line-height: 12px}
a.link1a:visited:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #555555; text-decoration: none; line-height: 12px}

a.link2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #555555; text-decoration: none; font-weight: bold; line-height: 14px}
a.link2:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #555555; text-decoration: none; font-weight: bold; line-height: 14px}
a.link2:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EEDD44; text-decoration: none; font-weight: bold; line-height: 14px}
a.link2:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #555555; text-decoration: none; font-weight: bold; line-height: 14px}
a.link2:visited:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EEDD44; text-decoration: none; font-weight: bold; line-height: 14px}


a.link2a {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #668899; text-decoration: none; font-weight: bold; line-height: 14px}
a.link2a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #668899; text-decoration: none; font-weight: bold; line-height: 14px}
a.link2a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EEDD44; text-decoration: none; font-weight: bold; line-height: 14px}
a.link2a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #668899; text-decoration: none; font-weight: bold; line-height: 14px}
a.link2a:visited:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EEDD44; text-decoration: none; font-weight: bold; line-height: 14px}


a.link3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EEDD44; text-decoration: none}
a.link3:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EEDD44; text-decoration: none}
a.link3:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #555555; text-decoration: none}
a.link3:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EEDD44; text-decoration: none}
a.link3:visited:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #555555; text-decoration: none}

a.link4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: none}
a.link4:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: none}
a.link4:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EEDD44; text-decoration: none}
a.link4:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: none}
a.link4:visited:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EEDD44; text-decoration: none}

.lpad {  padding-left: 5px}
.lpad2 {  padding-top: 5px; padding-left: 5px}
.lpad3 {  padding-top: 5px; padding-right: 8px; padding-left: 5px}

.tenxten {  padding-top: 10px; padding-left: 10px}
.botpad {
	padding-bottom: 26px;
	bottom: 26px;
}

/* =Structure
-------------------------------------------------------------- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	line-height:10pt;
	color: #555;
}



a {color: #555;}
a:hover {color:#ed4;}

h1, h2, h3, h4, .sf-menu, .intro {
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
}

/* =Main nav
-------------------------------------------------------------- */
.sf-menu { 
	font-size: 11px; 
	line-height: 13px;
	float:left;
	display: block; 
	list-style-type: none; 
	letter-spacing: 0;
	padding:0;
	margin:0;
}
.sf-menu li {
	padding:0;
	margin:0;
	float: left;
	position: relative;
	display: block;	
	z-index: 10;
	width:124px;
	border-left:1px #999 solid;
}
.sf-menu li a {
	display: block;	
	border: 0;
	padding: 0 0 1px 4px;
	height:27px;
	position: relative;
	text-decoration: none;
	color:#666;
}
.sf-menu li.current a, .sf-menu li a:hover { color:#ed4; }

.sf-menu ul {display:none;}

/* =Headings
-------------------------------------------------------------- */
h1, h2, h3, h4 {
	padding:0;
	margin:0;
	display:block;
	line-height:normal;
}
#content h1, #content h2, #content h3{
	font-size:13px;
	margin-bottom:0;
	line-height:16px;
	margin-bottom:22px;
	margin-top:-1px;
	position:relative;
}
#content h3 {
	margin-bottom:10px;
}

/* =Footer
-------------------------------------------------------------- */

/*
.footer {
	font-size:11pt;
	line-height:normal;
	font-family:"times new roman", roman;
	
}*/

/*
.footer-table {
	position:relative;
	margin-top:-2px;
}*/

.footer a {text-decoration:none;}

/* =Sidebar/content general
-------------------------------------------------------------- */
#content {
	float:left;
	width:366px;
	font-size:10px;
	line-height:10pt;
}
#content p { margin:0 0 10pt 0; }

.sidebar { float:left; min-height:1px; _padding-bottom:1px; /* list-style-type:square; */ }
.sidebar-left { width:125px; padding:0 0 0 5px; }
.sidebar-right { width:254px; }

.page-sitemap .sidebar-right {
	width:125px; 
	padding:0 0 0 5px;
}
.page-sitemap #content {
	width:490px;
}
.sidebar .widget { clear:both; margin:0 0 10pt 0; }

.sidebar ul { list-style-type:none; padding:0; margin:0; }
.sidebar p, .sidebar ul, .sidebar ol, .sidebar li { padding:0; margin:0; }

.sidebar .square {
	background: #689;
	width: 108px;
	height: 108px;
	margin-bottom: 5px;
	display: block;
	font-weight:bold;
	color:#fff;
	padding:6px;
}
.sidebar .square-grey {
	background-color:#787 !important;
}

#content li {
	list-style-image: url(images/bullets.gif);
}

/* =(Images (Added by JP to create People Sideabr)
-------------------------------------------------------------- */

.left {float:left;}
.right {float:right;}
.both {clear:both;}

.center {text-align: center;}
.alignright {text-align: right;}
.alignleft {text-align: left;}

/* .imageframe { background: transparent url(images/bg-image.png) repeat top left; }  */

img.aligncenter { 
	margin: 0 auto; 
	display:block;
}
img.alignleft { 
	float: left;
	padding: 4px 4px 0;
	margin: 0 13px 2px 0px;
	display: inline;
} 
img.alignright { 
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
.sidebar img.alignleft, .sidebar img.alignright {
	padding: 0;
	margin: 0;
}

/* =Consultants template
-------------------------------------------------------------- */
.page-consultants .sidebar {
	background: #689;
	width: 250px;
	padding: 0;
}
.page-consultants .sidebar ul {
	float: left;
	width:119px;
	padding:5px 1px 0 5px;
	line-height:12px;
}
.page-consultants .sidebar ul li {
	margin-bottom:16px;
}
.page-consultants #content {
	width: 500px;
}



.page-consultants .sidebar a { color: #fff; text-decoration: none; }
.page-consultants .sidebar a:hover {color: #ed4; }
.page-consultants .sidebar .current a {color: #ed4; }
.page-consultants .sidebar .current a:hover {color: #555; }
.page-consultants .sidebar .bold {font-weight:bold;}


.content-thumb {
	float:left;
	width:125px;
	min-height:1px;
	_padding-bottom:1px;
}
.content-text {
	float:left;
	width:370px;
	padding-left:5px;
}

.page-consultants strong, 
.page-areas strong,
.page-contact strong {
	color:#689;
}
.page-consultants strong a,
.page-areas strong a,
.page-contact strong a {
	text-decoration:none;
}
#content a {text-decoration:none;}
#content a.post-edit-link {text-decoration:underline;}

.page-legal #content {
	width:620px;
}
.page-full-width #content {
	width:750px;
}
.intro {
    display: block;
    font-size: 11px;
    line-height: 17px;
    margin-top: -2px;
    position: relative;
    width: 637px;
}
.intro span {color:#689;}


.col {
	float:left;
	width:120px;
	padding-left:5px;
}
.page-contact .col {
	width:244px !important;
}
.page-sitemap .col {
	padding-right:5px;
	padding-left:0;
	width:140px;
}
.col-last {
	width:115px !important;
	
}

.page-areas .sidebar,
.page-contact .sidebar {
	width:126px;
	margin-left:0 !important;
	margin-right:0 !important;
	padding:0 !important;
}

#content ul {
	padding:0 0 0 15px;
	margin:0;
}
#content li {
	padding:0;
	margin:0;
}

.page-areas #content h3 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size:10px;
	margin:0;
	line-height:normal;
}



/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.page-people .sidebar-left {
	padding-left:0;
}
.page-people .sidebar .square {width:113px;height:108px;margin-bottom:0;}
.sidebar #text-20 {margin-bottom:6px;}

#content .people-gallery ul {
	list-style-type:none;
	padding:0;
	margin:0;
	position:relative;
}
#content .people-gallery li {
	float:left;
	width:119px;
	height:120px;
	display:block;
	padding:0 0 5px 6px;
}

#content .people-gallery a.gallery-link {
	position:relative;
	display:block;
	border:0;
	text-decoration:none;
	outline:none;
}

#content .people-gallery .pg-img {
	display:block;
	width:119px;
	height:120px;
	position:absolute;
	background-repeat:no-repeat;
	background-position:-6px 0;
	z-index:0;
}
#content .people-gallery .pg-img-hover {
	background-position:-200px -200px;
	z-index:1;
	cursor:pointer;
}
#content .people-gallery .pg-img-hover:hover, #content .people-gallery .pg-img-hovered {
	background-position:-6px 0;
}
.page-people #content {
	width:625px;
}

.person-desc {
	position:absolute;
	height:355px;
	background:#638A9C;
	width:228px;
	z-index:2;
	top:0;
	left:5px;
	padding:10px;
	display:none;
}
.person-desc .bodytitle {
	padding-top:10px;
	clear:both;
}
.close-button {
	float:right;
}

.person-1 .person-desc,
.person-9 .person-desc,
.person-11 .person-desc,
.person-14 .person-desc,
.person-16 .person-desc,
.person-17 .person-desc,
.person-20 .person-desc { 
	margin-left: 125px; 
	margin-top: 0; 
}
.person-2 .person-desc, 
.person-3 .person-desc,
.person-6 .person-desc,
.person-7 .person-desc,
.person-8 .person-desc,
.person-12 .person-desc,
.person-13 .person-desc  { 
	margin-left: 375px; 
	margin-top: 0; 
}
.person-4 .person-desc { 
	margin-left: 125px; 
	margin-top: 125px;  
}
.person-5 .person-desc,
.person-10 .person-desc,
.person-15 .person-desc,
.person-18 .person-desc,
.person-19 .person-desc { 
	margin-left: 250px; 
	margin-top: 0;  
}
	




.person-21 .person-desc,
.person-22 .person-desc,
.person-25 .person-desc { 
	margin-left: 125px; 
	margin-top: 125px; 
}
.person-23 .person-desc,
.person-24 .person-desc { 
	margin-left: 250px; 
	margin-top: 125px;  
}
.person-26 .person-desc,
.person-27 .person-desc,
.person-30 .person-desc { 
	margin-left: 125px; 
	margin-top: 250px; 
}
.person-28 .person-desc,
.person-29 .person-desc { 
	margin-left: 250px; 
	margin-top: 250px;  
}