/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* TYPOGRAPHY */
body {font-size:8pt;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
/*p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}*/
a:focus, a:hover {color:#7f7f7f;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.strong {font-weight:bold;}
.oblique {font-style:oblique;}
.underline {text-decoration:underline;}
.strikethrough {text-decoration:line-through;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

#right-column h1, #right-column h2, #right-column h3, #right-column h4 {font-family:Georgia, "Times New Roman", Times, serif;letter-spacing:-0.75pt;}
#right-column h2 {color:#fbaf5d;border-bottom:2px solid #fbaf5d;}
#right-column h3 {color:#4049a8;}


/* GRID+LAYOUT */
.float-left { float:left; }
.float-right { float:right; }
.clearfix:after, .contentwrap:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .contentwrap { display:inline-block; }
* html .clearfix, * html .contentwrap { height:1%; }
.clearfix, .contentwrap {display:block;}
.clear {clear:both;}
.contentwrap {width:970px;margin:auto;}
#topbar {margin:10px 0;}
#masthead {height:200px;}
#globalnav {background:#c86729;}
#mainbody {padding-top:20px;background:url(../images/body-middle-bg.gif) top center repeat-y;}
#mainbody .contentwrap {padding-bottom:20px;background:url(../images/body-bottom-bg.gif) bottom center no-repeat;}
#left-column {width:200px;float:left;}
#left-column .clearfix {padding:0 0 10px 10px;}
#right-column {width:770px;float:right;}
#right-column .clearfix {padding:0 10px;}
#footer {margin:10px 0;}

/* COMPONENTS */
h1.site-title {
	width:541px;
	height:30px;
	margin:0;
	display:block;
	background:url(../images/accra-title.gif) center left no-repeat;
	text-indent:-9999px;
	float:left;
}

div.search-bar {
	width:220px;
	padding:4px;
	background:#e2e2e2;
	float:right;
	text-align:center;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
}

div.search-bar * {
	vertical-align:middle;
}

h1.site-logo {
	width:200px;
	height:200px;
	margin:0;
	background:url(../images/accra-logo.gif) top left no-repeat;
	text-indent:-9999px;
	float:left;
}

/* slidshow */
#slideshow {
	width:770px;
	height:200px;
	float:left;
	text-align: center;
	vertical-align:middle;
	overflow:hidden;
}

div.site-image {
	width:770px;
	height:200px;
	background:#7f7f7f;
	float:left;
}

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

#globalnav li {
	float:left;
	position:relative;
}

#globalnav li a {
	width:110px;
	padding:6px 0;
	display:block;
	background:#ca7f29;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

#globalnav li a:hover {
	background:#8e461e;
}

#globalnav li.home a {
	width:200px;
	display:block;
}

#globalnav li ul {
	width:110px !important;/* leaves room for padding */
	cursor:default;
	position:absolute;
	display:none;
	height:188px;
	top:-200px;
	left:0;
	margin:0;
	padding:8px 0 4px 0;
	background:url(../images/dropdown-bg.png);/* trick to keep'em open */
}

#globalnav li ul.last-dropdown {
	background:url(../images/dropdown-bg-last.png);/* trick to keep'em open */
}

#globalnav li ul li a {	
	width:102px !important;
	padding:2px 4px !important;
	text-align:left !important;
	background:none;
	color:#e2e2e2;
}

#globalnav li ul li {
	border-bottom:1px dotted #966937;
}

#globalnav li ul li a:hover {
	color:#ffffff;
	background:none;
}

#globalnav li:hover ul {
	display:block;
	z-index:10;
}

#left-column .widget {
	margin-bottom:2em;
	padding:10px 0 0 0;
	background:url(../images/widget-bg.gif) top left no-repeat;	
}

#left-column .widget .clearfix {
	padding:0 10px 10px 10px;
	background:url(../images/widget-bg.gif) bottom right no-repeat;	
}

#left-column .submenu {
	margin:0 1em;
	padding:0;
	list-style:disc;
	color:#ca7f29;
}

#left-column .submenu li {
	margin:0;
    padding:4px;
}

#left-column .submenu li a {	
	color:#202455;
	font-weight:bold;
	text-decoration:none;
}

#left-column .submenu li a:hover {
	color:#ca7f29;
}

.copyright {
	float:left;
}

.footer-links {
	float:right;
}

.footer-links a {
	margin-right:.8em;
}

.footer-links a.last {
	margin-right:0;
}

div.index-message {
	font-size:1.2em;
	color:#7f7f7f;
}

div.index-box {
	width:50%;
	margin-bottom:1em;
	padding:10px 0 0 0;
	background:url(../images/box-bg.gif) top left no-repeat;
	float:left;
}

div.index-box .clearfix {
	padding:0 10px 10px 10px;
	background:url(../images/box-bg.gif) bottom left no-repeat;
}


div.lawyers-list-row {
	padding:4px 0;
	border-bottom:1px solid #e2e2e2;
	margin-bottom:3px;
}

div.lawyers-list-row div.thumbnail {
	width:100px;
	margin-right:10px;
	float:left;
}

div.lawyers-list-row div.info {
	margin-left:110px;
	padding-bottom: 3px;
}

div.lawyers-list-pagination {
	margin:2em 0;
	padding:4px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
}

div.lawyers-list-pagination p {
	text-align:right;
}

div.lawyers-list-pagination a {
	padding:2px;
	color:#fbaf5d;
	text-decoration:none;
}

div.lawyers-list-pagination a.current {
	background:#fbaf5d;
	color:#ffffff;
}

div.lawyer-profile {
}

div.lawyer-profile div.image-preview {
	width:250px;
	margin-right:10px;
	float:left;
}

div.lawyer-profile div.image-preview img {
	margin-bottom:1em;
}

div.lawyer-profile div.info {
	margin-left:260px;	
}

a.more-info {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	color:#fbaf5d;
}

a.more-info:hover {
	color:#7f7f7f;
}

/* Navs */
#nav, #nav li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
}

#nav li.home a {
	width:200px;
	display:block;
}
#nav li a{
	width:110px;
	padding:6px 0;
	display:block;
	background:#ca7f29;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

#nav li a:hover{
	background:#8e461e;
}

#nav li ul {
	width:110px !important;/* leaves room for padding */
	position:absolute;
	display:none;
	height:188px;
	top:-200px;
	left:0;
	margin:0;
	padding:8px 0 4px 0;
	background:url(../images/dropdown-bg.png);
}

#nav li ul.last-dropdown{
	background:url(../images/dropdown-bg-last.png);/* trick to keep'em open */
}

#nav li ul li{
	border-bottom:1px dotted #966937;
	background:none;
}

#nav li ul li a{
	width:102px !important;
	padding:1px !important;
	text-align:left !important;
	background:none;
	color:#e2e2e2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	font-weight:bold;
	text-decoration:none;

}
#nav li ul li a:hover{
	color:#ffffff;
	background:none;
	cursor:pointer;
}

/*=========================================================================================
	LEFTNAV
==========================================================================================*/

/* left nav of property level pages */
/* may need to reconcile this with left nav of higher level pages */

.leftNav {
	padding-top: 44px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color:#202455;
	font-weight:bold;
}

/* paragraphs in left nav */
.leftNav p {
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 10px;
}

/* links in left nav */
.leftNav a {
	padding-left: 10px;
	display: block;
	color:#202455;
	text-decoration:none;
}

.leftNav a:hover {
	color:#ca7f29;
}


/* format current page similar to links */
.leftNav span.currentPage {
	padding-left: 10px;
	display: block;
}

/* dhtml menu divs in left nav */
.navMenu {
	padding-top: 4px;
	padding-bottom: 3px;
}

/* paragraphs in dhtml menu divs in left nav */
.navMenu p {
	padding-top: 3px;
	padding-bottom: 3px;
}

/* dhtml menu headers - bg image used for toggle arrow */
p.navMenuHeader {
	background-image: url(../images/img_arrow_nav.gif);
	background-position: 8px 7px;
	background-repeat: no-repeat;
	padding-left: 8px;
}

/* open state for dhtml menu headers */
.open p.navMenuHeader {
	background-image: url(../images/img_arrow_nav_down.gif);
	background-position: 9px 6px;
}

/* link in menu header - padded to allow arrow bg image to show through */
p.navMenuHeader a {
	padding-left: 12px;
}

/* hidden content in dhtml menus */
.navMenuContents {
	font-weight: normal;
	display: none;
	padding-right:10px;
}

/* open state for hidden content in dhtml menus */
.open .navMenuContents {
	display: block;
}

/* paragraphs in hidden content of dhtml menus */
.navMenu .navMenuContents p {
	margin: 0px;
	padding-left: 22px;
	padding-bottom: 3px;
}

/*=========================================================================================
	END LEFTNAV
==========================================================================================*/


/* form */
.dropdown{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* full quotes */
span.pulled-right {
	display: block;
	float: right;
	padding: 0 0 0 10px;
	margin: 0 0 10px 10px;
	width: 170px;
	line-height: 1.4em;
	font-size: 20px;
	font-style: italic;
	font-family: "Palatino Linotype", Georgia, Caslon, serif;
	text-align: right;
	color: #666;
	border-left: 3px solid #ccc;
}
span.pulled-left {
	display: block;
	float: left;
	padding: 0 10px 0 0;
	margin: 0 10px 10px 0;
	width: 170px;
	font-size: 20px;
	font-style: italic;
	font-family: "Palatino Linotype", Georgia, Caslon, serif;
	line-height: 1.4em;
	text-align: left;
	color: #666;
	border-right: 3px solid #ccc;
}