

/* GLOBALS */
* {margin:0; padding:0; border:0;}
body {background:#fff url(../images/headbg.jpg) repeat-x top center; text-align:center; font:69% Verdana, Arial, Helvetica, sans-serif; color:#000;}
a {color:#fdf6bd;}
a:hover {color:#fff; text-decoration:underline;}

/* CONTAINERS */
#maincontainer {text-align:left;}
#backtotop {clear:both; height:1px; overflow:hidden;}
#backtotop a {display:block; padding-top:3px;}


/* HEADER */
#header {display:block;}
#logo {display:block; width:760px; height:202px; margin:0 auto; background:transparent url(../images/logo.jpg) no-repeat bottom left;}
#logo a {display:block; width:760px; height:202px;}
#logo a span {display:none;}
#nav {font:1.1em/1em "Arial Narrow",Tahoma,Arial,sans-serif; display:block; margin:5px auto; text-align:center; height:14px;}
#nav li {display:inline;}
#nav li a {color:#fff; background:#4d4b4c; padding:2px 3px 1px; margin:0 2px; text-decoration:none; text-transform:uppercase;}
#nav li a:hover {background:#1F1F1F ; color:#fff; text-decoration:underline;}


/* HOME CONTENT */
#contentcontainer {clear:both; background:#e3e3e3; width:740px; margin:0 auto; padding:10px;}
h1#pagetitle {color:#902201; font:normal 2.2em/1em Georgia,"Times New Roman",serif; border-bottom:3px solid #70757b; margin-bottom:10px;}

#homeleft {background:#56211b; border:1px solid #91969a; padding:8px; width:266px; float:left; font:1em/1.6em Verdana,Arial,Helvetica,sans-serif;}
#homeleft h3 {font-size:1.2em;}
#introtext {background:#101010; border:1px solid #e5e4c8; padding:8px; color:#fff;}
#legalnews {background:#2e2e2e; border:1px solid #fff; margin-top:8px; padding:8px; color:#fff;}
#legalnews {}
#legalnews ul {font-size:1.1em; margin-left:8px; padding-top:4px; list-style:none;}
#legalnews li {margin:4px 0 5px; border-bottom:1px solid #666; padding-bottom:8px;}
#legalnews li.last {border-bottom:0; padding-bottom:0;} 
#legalnews li a {text-decoration:none;}
#consultationbox {background:#101010; border:1px solid #e5e4c8; margin-top:8px; padding:8px; color:#fff;}

#homeright {background:#56211b; border:1px solid #91969a; padding:8px; margin-left:292px;}
#homeright h3 {font-size:1.2em;}
#promo {border:1px solid #91969a;}
#promocaption {background:#2e2e2e; border:1px solid #fff; margin-top:8px; padding:8px; color:#fff;}

#viewallarticles {margin-top:1.6em; border-top:1px solid #666; padding-top:1.6em;}



/* SECONDARY CONTENT */
#content {background:#56211b; border:1px solid #91969a; padding:8px; width:460px; float:left; font:1em/1.6em Verdana,Arial,Helvetica,sans-serif; letter-spacing:1px;}
#maincopy {background:#101010; border:1px solid #fff; padding:8px; color:#fff;}

#mainlawyers, #officestaff {list-style:none; margin-top:1em;}
#mainlawyers:after, #officestaff:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#mainlawyers, #officestaff  {display:inline-block;}
#mainlawyers li, #officestaff li {display:block; width:200px; text-align:center; float:left; margin-bottom:1.6em; font:1.2em/1em "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif; text-transform:uppercase;}
#officestaff li {width:140px; font-size:1.1em;}
#mainlawyers li img, #officestaff li img {display:block; margin:0 auto 0.2em; border:1px solid #000;}
#mainlawyers li a, #officestaff li a {text-decoration:none;}
#mainlawyers li a:hover, #officestaff li a:hover {text-decoration:underline;}
#mainlawyers li a:hover img, #officestaff li a:hover img {border:1px solid #ccc;}

#biopic {float:left; margin:0 10px 10px 0; border:4px solid #363636;}

/* SIDEBAR */
#sidebar {background:#56211b; border:1px solid #91969a; padding:8px; margin-left:490px; width:230px; font:1em/1.6em Verdana,Arial,Helvetica,sans-serif;}
#sidebarcopy {background:#2e2e2e; border:1px solid #e5e4c8; padding:8px; color:#fff;}


/* HTMLAREA  */
.htmlarea {font:1em/1.6em Verdana,Arial,sans-serif; color:#fff;}
.htmlarea h1 {font:bold 1.6em/1em "Trebuchet MS",Verdana,Arial,sans-serif; color:#fff; padding-bottom:0.2em; border-bottom:1px solid #ccc; margin-bottom:0.6em;}
.htmlarea h2 {font:bold 1.2em/1em "Trebuchet MS",Tahoma,Arial,sans-serif; color:#902201; background:#ccc; padding:7px; margin-bottom:0.3em;}
.htmlarea h3 {font:bold 1.2em/1em Verdana,Arial,sans-serif; color:#fff;}
.htmlarea h4,.htmlarea h5,.htmlarea h6 {}
.htmlarea p {margin-bottom:1.6em;}
.htmlarea ul {margin:0 0 1em 22px;}
.htmlarea ol {margin:0 0 1em 22px;}
.htmlarea li {}
.htmlarea dl {}
.htmlarea dt {font-weight:bold;}
.htmlarea dd {margin-bottom:0.8em;}
.htmlarea .left {float:left; margin:0 6px 6px 0;}
.htmlarea .right {float:right; margin:0 0 6px 6px;}


/* FORMS */
form fieldset {border:1px solid #666; padding:10px; margin-bottom:0.4em;}
form legend {font:1.3em/1em Georgia,"Times New Roman",Times,serif; color:#999; letter-spacing:0.3px;}
form input, form textarea {font:1em/1em tahoma,helvetica,arial,sans-serif;}
.input {padding-bottom:1em;}
.input label {display:block; width:120px; text-align:right; float:left; clear:left; margin-right:5px; padding-top:5px; color:#fff; border-bottom:1px solid #333;}
.textfield input, .datefield input, .filefield input, .dropdown select {width:200px; padding:5px 7px; border:1px solid #fff; background:#333 !important; color:#fff !important;}
.datefield input {width:276px;}
.dropdown select {width:320px;}
.textfield input:hover, .datefield input:hover, .filefield input:hover, .dropdown select:hover {background:#000 !important; color:#fff !important; border-color:#efefef #cfcfcf #cfcfcf #efefef;}
.textfield input:focus, .datefield input:focus, .filefield input:focus {background:#000 !important; color:#fff !important; border-color:#dfdfdf;}
.textarea textarea {width:380px; height:6em; padding:5px 7px; border:1px solid #fff; background:#333 !important; color:#fff !important; line-height:1em;}
.textarea textarea:hover {background:#000 !important; color:#fff !important; border-color:#efefef #cfcfcf #cfcfcf #efefef;}
.textarea textarea:focus {background:#000 !important; color:#fff !important; border-color:#dfdfdf;}
.checkbox label {width:240px; border-bottom:0;}
.checkbox input {margin-top:6px;}

form button {background:#ccc; color:#000; padding:3px; border:3px solid #fff; font:1.1em/1em Verdana,Helvetica,Arial,sans-serif;}
form button:hover {border-color:#efefef #cfcfcf #cfcfcf #efefef; background:#fff;}


/* FOOTER */
#footer {clear:both; background:#1f1f1f; width:748px; margin:0 auto 3em;; padding:6px; text-align:center;}
#footer ul {list-style:none; display:block;}
#footer li {display:inline;}
#footer li a {color:#fff; text-decoration:none; margin:0 3px;}
#footer li a:hover {text-decoration:underline;}
#footer li a:visited {color:#999;}

