/* global.css */

/*
--------------------------
CSS RESET
--------------------------
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";}


/*
--------------------------
BASIC STRUCTURE
--------------------------
*/
body {background: white; font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;}

div#header-wrapper {width: 100%; height: 170px; background: url(../images/bg-header.gif) repeat-x;}
div#header {width: 940px; height: 170px; margin: 0 auto; position: relative;}
a#site-logo {width: 220px; height: 120px; background: url(../images/logo.png) no-repeat; display: block; position: absolute; left: 30px; top: 20px;}

div#content-wrapper {width: 100%; background: #e7edf1;}
div#content {width: 940px; overflow: hidden; margin: 0 auto; background: url(../images/bg-content.gif) repeat-y;}
div#content div#left-column {float: left; width: 570px; padding: 0px 35px;}
div#content div#right-column {float: left; width: 300px; overflow: hidden; background: url(../images/bg-right_column.gif) no-repeat;}

body#interior div#content div#left-column {padding: 0px 35px; width: 570px;}
body#interior div#content div#left-column p {line-height: 20px;}
body#interior div#content div#left-column p.introduction {font-size: 17px; line-height: 24px; color: #5d87a0; padding-bottom: 20px;}

body#interior div#content div#left-column div.inner-left {float: left; width: 190px; margin-right: 20px;}
body#interior div#content div#left-column div.inner-left a {color: #be5b13;}
body#interior div#content div#left-column div.inner-right {float: left; width: 350px;}

body#interior div#content div#right-column {padding-bottom: 10px;}
body#interior div#content div#right-column .bucket {padding-bottom: 0;}

div#content div#right-column .bucket {padding-top: 20px;}
div#content div#right-column .bucket.ver2 {padding: 10px;}
div#content div#right-column .bucket.with-bg {background: url(../images/bg-right_col-bucket.gif) repeat-x;}
div#content div#right-column p,
div#content div#right-column dl {font-size: 11px; line-height: 17px;}

div#content div#right-column div#meet-our-people.bucket {padding: 10px 15px; width: 260px;}
div#content div#right-column div#meet-our-people.bucket h6 {color: #5a5e61; font-weight: bold;}
div#content div#right-column div#meet-our-people.bucket p {color: #767e81;}

div#footer {width: 940px; height: 100px; margin: 0 auto; position: relative; padding-bottom: 50px;}
div#footer div#site-description {width: 300px; height: 95px; background: url(../images/site-description.gif) no-repeat; position: absolute; top: 0; right: 0;}
div#footer p#site-info {font-size: 11px; line-height: 16px; color: #acacac; padding: 15px 360px 0 35px;}
div#footer p#site-info a {color: #555;}

.float-right {float: right; margin-left: 10px;}
.border {border: 2px solid white;}


/*
--------------------------
FONTS/LINKS
--------------------------
*/
h1, h2, h3, h4, h5, h6 {padding-bottom: 10px; font-family: Georgia, serif; font-weight: normal;}

h1 {font-size: 28px; line-height: 31px; color: #666; text-shadow: #fcffff 1px 1px 0;}

h2 {font-size: 21px; line-height: 24px;}

h3 {font-size: 18px; line-height: 21px; color: #333;}

h4 {font: 13px/17px Lucida Grande, Verdana, sans-serif; color: #5d87a0; padding-bottom: 2px; font-weight: bold;}

h4.subtitle {color: #959595; font-size: 13px; font-weight: normal; padding-bottom: 10px;}

h5 {font-size: 12px; line-height: 12px; text-transform: uppercase; letter-spacing: 2px; color: #768692; text-shadow: #e7ebee 1px 1px 0;}

div#content div#right-column h5 {font-family: Lucida Grande, Verdana, sans-serif; color: #92979a; font-size: 10px; line-height: 10px; letter-spacing: 1px; font-weight: bold;}

h6 {font: 12px/130% Lucida Grande, Verdana, sans-serif;; padding-bottom: 5px;}

.no-padding {padding: 0;}

body#interior div#left-column h3 {margin-top: 10px;}

p, dl, ul, ol {padding-bottom: 10px; color: #333;}

p {color: #333;}

/* img replacement for headings or navigation */
.img-text {position: absolute; top: -9999px;}

a:link, a:visited {text-decoration: none; color: #5c87a1;}
a:active, a:hover {text-decoration: none; color: #aaa;}

a.more-link {color: #be5b13;}

.button, .tab {display: block;}
.button:hover, .tab:hover {filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}
.button.active:hover, .tab.active:hover {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}

strong {font-weight: bold;}

em {font-style: italic;}

.nowrap {white-space: nowrap;}

br.clear {height: 1px; display: block; clear: both;}

hr {border: none; height: 1px; display: block; border-top: 1px solid #999; margin-bottom: 15px;}

ul, ol {list-style-position: outside; margin-left: 20px;}
ul {list-style-type: square;}
ol {list-style-type: decimal;}
ul li, ol li {padding-top: 7px;}

.print-item {display: none;}


/*
--------------------------
MAIN NAVIGATION
--------------------------
*/
ul#nav {width: 620px; height: 60px; position: absolute; left: 330px; top: 90px; padding-bottom: 0; list-style: none; margin-left: 0; background: url(../images/bg-main_navigation.gif) 50% 0;}
ul#nav li {height: 60px; display: inline; padding-top: 0;}
ul#nav li a {display: block; height: 60px; float: left; background: url(../images/bg-main_navigation.gif) no-repeat; margin: 0 10px;}

ul#nav li#the-firm a {width: 70px; background-position: 0 -60px;}
ul#nav li#the-firm a:hover, 
ul#nav li#the-firm.here a {background-position: 0 -120px;}

ul#nav li#profiles a {width: 110px; background-position: -90px -60px;}
ul#nav li#profiles a:hover, 
ul#nav li#profiles.here a {background-position: -90px -120px;}

ul#nav li#practice-areas a {width: 100px; background-position: -220px -60px;}
ul#nav li#practice-areas a:hover, 
ul#nav li#practice-areas.here a {background-position: -220px -120px;}

ul#nav li#resources a {width: 73px; background-position: -340px -60px;}
ul#nav li#resources a:hover, 
ul#nav li#resources.here a {background-position: -340px -120px;}

ul#nav li#whats-new a {width: 85px; background-position: -432px -60px;}
ul#nav li#whats-new a:hover, 
ul#nav li#whats-new.here a {background-position: -432px -120px;}

ul#nav li#contact a {width: 52px; background-position: -540px -60px;}
ul#nav li#contact a:hover, 
ul#nav li#contact.here a {background-position: -540px -120px;}


/*
--------------------------
SEARCH FORM
--------------------------
*/
div#search-form {width: 300px; height: 40px; position: absolute; top: 0; right: 0; background: url(../images/bg-search_form.gif) no-repeat;}
div#search-form form input, 
div#search-form form button {background: transparent; border: none;}
div#search-form form input#keywords {display: block; padding: 3px; width: 194px; font: 12px/12px Arial, sans-serif; position: absolute; top: 10px; left: 10px;}
div#search-form form button#search-submit {cursor: pointer; display: block; width: 70px; height: 20px; background: black url(../images/bg-search_form.gif) no-repeat -300px -10px; position: absolute; top: 10px; right: 10px;}
div#search-form form button#search-submit:hover {filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}


/*
--------------------------
SUB NAVIGATION & 
TABBED CONTENT
--------------------------
*/
div.tabbed-content {width: 300px; position: relative; overflow: hidden;}
div.tabbed-content .tab-wrap {background: #eff2f3; width: 300px; overflow: hidden;}
div.tabbed-content .tab {display: block; border-right: 1px solid #eff2f3; float: left; padding: 4px 0; background-color: #d6dee1; color: #56829c !important; font-size: 11px; line-height: 12px; height: 16px; overflow: hidden; text-align: center;}
div.tabbed-content .tab.active {background-color: white; color: #5d87a0 !important;}
div.tabbed-content div.tab-content {position: absolute; left: 0; top: 22px; width: 280px; padding: 10px; background-color: white; clear: both;}
div.tabbed-content div.tab-content div {width: 50%; float: left;}
div.tabbed-content div.tab-content ul {margin-left: 0;}

div.tabbed-content .tab.first {background: url(../images/bg-tabbed_content.gif) no-repeat 0 0;}
div.tabbed-content .tab.first.active {background-position: 0 -190px; background-color: white;}

div.tabbed-content .tab.last {border-right: 0; background: url(../images/bg-tabbed_content.gif) no-repeat -190px 0;}
div.tabbed-content .tab.last.active {background-position: 100% -190px; background-color: white;}

div#profiles-list div.tabbed-content .tab {padding: 4px 4px;}

body#homepage div.tabbed-content {background: #f3f4f6;}
body#homepage div.tabbed-content .tab {background: #a6b0b9; color: #e2e9ef !important;}
body#homepage div.tabbed-content .tab.active {background: #f3f4f6; color: #849fb4 !important;}
body#homepage div.tabbed-content div.tab-content {background: #f3f4f6;}


/* tab widths - homepage */
a#tab-business {width: 80px;}
a#tab-real-estate {width: 90px;}
a#tab-trusts-and-estates {width: 128px;}

/* tab widths - profiles */
a#tab-profiles-all {width: 30px;}
a#tab-profiles-business {width: 50px;}
a#tab-profiles-real-estate {width: 70px;}
a#tab-profiles-trusts-and-estates {width: 100px;}

ul.arrows, ul.arrows li {list-style: none !important;}
ul.arrows li {padding-left: 10px; font-size: 11px; line-height: 130%;}
ul.arrows li span {display: none;}
ul.arrows li.active {padding-left: -10px;}
ul.arrows li.active span {width: 10px; color: #be5b13; display: block; float: left;}
ul.arrows li.active a {color: #be5b13 !important;}

ul#subnav {border-top: 1px solid #e7ecf0; margin: 0; padding: 0;}
ul#subnav li {border-bottom: 1px solid #e7ecf0;}
ul#subnav.section li {display: block; width: 280px; padding-top: 0;}
ul#subnav.section li.active {width: 290px;}
ul#subnav.section li a {display: block; padding-top: 10px; padding-bottom: 10px;}
ul#subnav.section li.active span {padding-top: 10px;}

ul#subnav.section li.active,
ul#subnav.section li.active a:hover {background: #e1e6e9;}

div#profiles-list.bucket div.tabbed-content ul {width: 50%; float: left; list-style: none; margin: 0;}
div#profiles-list.bucket div.tabbed-content ul li {padding-top: 5px; padding-bottom: 5px;}
div#profiles-list.bucket div.tabbed-content ul li a {color: #58595b;}

/*
--------------------------
HOMEPAGE SLIDESHOW
--------------------------
*/
div#slideshow {position: relative; width: 570px;}
div#slideshow div.slide div.slide-text {/*padding-right: 50px; padding-left: 10px; */margin-top: 25px;}
div#slideshow div.slide {width: 570px;}
div#slideshow div.slide p {color: #666;}
div#slideshow div.slide-image {height: 250px; overflow: hidden;}
div#slideshow div#slide-nav {position: absolute; top: 260px; right: 0; z-index: 99999;}
div#slideshow div#slide-nav a {text-indent: -9999px; display: block; width: 10px; height: 10px; line-height: 10px; background: #bdced9; float: left; margin-left: 3px;}
div#slideshow div#slide-nav a:hover, 
div#slideshow div#slide-nav a.activeSlide {background: #5d87a0;}
div#slideshow div.slide-image img { display: none }


/*
--------------------------
PICTURE FRAME
--------------------------
*/

div.picture-frame {padding-left: 20px; overflow: hidden; margin: 0 0 10px 0}
div.picture-frame img {border: 2px solid white; width: 160px; height: auto;}
.homepic {width: 125px; height: auto; margin: 0 0 10px 10px; overflow: hidden}


/*--------------------------
FORMS
--------------------------*/
form#contact-form {margin-top: 20px;}

form#contact-form .text-input {width: 300px; padding: 3px; font-family: Lucida Grande, Verdana, sans-serif; font-size: 13px; color: black; filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;}
form#contact-form .text-input:focus {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}
form#contact-form textarea.text-input {height: 150px;}


/*--------------------------
PROFILE TOGGLE DL
--------------------------*/
dl.toggler {}
dl.toggler dt {color: #5d87a0; font-weight: bold; padding-left: 20px; background: url(../images/bullet-expandable_list.gif) no-repeat 5px 4px; margin-top: 7px; cursor: pointer; line-height: 135%; margin: 0 0 4px 0}
dl.toggler dt.open {background-position: 5px -188px;}
dl.toggler dd {padding-left: 20px;}
dl.toggler dd p {font-size: 10px; line-height: 135% !important; margin: 0 0 -3px 0}


/*--------------------------
GOOGLE CUSTOM SEARCH
--------------------------*/
#cse-search-results iframe {width:500px;}
#cse-search-results iframe ul li {background-color: transparent; font-family: Lucida Grande, Verdana, sans-serif;}

/*--------------------------
OTHER
--------------------------*/
div.contact-information p {float: left; width: 50%; overflow: hidden; font-size: 11px; line-height: 17px !important; color: #8b8c8e; font-weight: bold;}
div.contact-information p a,
div.contact-information p strong.link {color: #be5b13;}

div.print-page {padding: 10px 35px;}

dl#resource-list {margin-top: 10px;}
dl#resource-list dt {font-size: 13px; font-weight: bold;}
dl#resource-list dt a {color: #c05416; padding-left: 20px;}
dl#resource-list dt.resource-url a {background: url(../images/icon-link.gif) no-repeat 0 3px;}
dl#resource-list dt.resource-file a {background: url(../images/icon-document.gif) no-repeat 0 3px;}
dl#resource-list dd {padding-left: 20px;}
dl#resource-list dd p {font-size: 11px; line-height: 18px !important; color: #616568;}

p.pagination span {color: #616568;}

.sidebar-image { width: 300px; height: auto; margin: 0px 0px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; }

img { -ms-interpolation-mode: bicubic; }