@charset "utf-8";
/* CSS Document */


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

* { margin:0; padding:0; outline:none; outline-style:none;}

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bg_body.gif) top repeat-x #dcdedf; padding:15px 0 0 0; }

p { margin:0; padding:0; font-size:12px; line-height:1.4em; color:#4f4a3e}
p a:link {color:#4f4a3e; text-decoration: underline;}
p a:hover {color:#000000; text-decoration: underline}
p a:visited {color:#373226; text-decoration: underline}
p ul li { margin:0; padding:0; font-size:12px; line-height:1.4em; color:#4f4a3e}

h1 {font-size:24px; font-weight:normal; color:#c9beb5; padding:0 0 0 13px; margin:0 0 4px 0;}
h2 {font-size:20px; font-weight:normal; color:#4f4a3e; padding:0; margin:0 0 15px 0;}
h3 {font-size:16px; font-weight:bold; color:#4f4a3e; padding:0 0 10px 0; } 
h4 { margin:0; padding:0; font-size:16px; font-weight:bold;}

img {border:none;}


/*
---------------------------------------------
02. CONTAINER
---------------------------------------------
*/

#container { width:780px; margin:0 auto}

/*
---------------------------------------------
03. WRAPPER
---------------------------------------------
*/

#wrapper {width:780px; padding:10px; float:left; background:#fff;}

/*
---------------------------------------------
04. HEADER
---------------------------------------------
*/

#header {width:760px; height:67px; float:left; font-family: "trajan pro", "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:18px; color:#fff; padding:120px 0 0 20px; background:url(../images/header-attorney.jpg) no-repeat; margin-bottom:2px;}

#header .logo-link {position: absolute; width:360px; height:75px;margin-top:-100px}
#header span {font-size:26px;}

/*
---------------------------------------------
05. TOP NAVIGATION
---------------------------------------------
*/

#topnav {width:780px; background:url(../images/bg_menubar.gif) repeat-x; height:29px; margin-bottom:2px; float:left;}
#topnav ul {list-style:none; padding:0; margin:0 0 0 5px;}
#topnav ul li {display:inline;}
#topnav ul li a {display:block; float:left; text-decoration:none; color:#a3a3a4; font-weight:bold; line-height:29px; padding:0 15px;}
#topnav ul li a:hover { color:#FFFFFF}
#topnav ul li a.onstate { color:#403f41; background-color:#FFFFFF}

/*
---------------------------------------------
06. CONTENT
---------------------------------------------
*/

#content {width:780px; background:url(../images/bg_content.gif) top repeat-x #b6ad9c; clear:both; float:left; }


/*
---------------------------------------------
07. CONTENT - LEFT PANEL
---------------------------------------------
*/

#left_panel {width:510px; margin:0 0 0 12px; float:left; display:inline; padding:17px 0 15px 0;} 


/*
---------------------------------------------
07.1 CONTENT - LEFT PANEL - BOX CONTENT
---------------------------------------------
*/

.box-content {width:486px; border:1px solid #a5886e; background: url(../images/bg_maincontent.gif) top repeat-x #fff; padding:14px 17px;}
.box-content p {padding-bottom:20px; line-height:1.5em;} 
.box-content img  {float:right; border:1px solid #9a9a88; margin:0 0 0 5px;}
.box-content ul { margin:0; padding: 0 0 0 20px; }
.box-content ul li { font-size:12px; font-weight: bold; line-height:1.4em; color:#4f4a3e}


/*
---------------------------------------------
08. CONTENT - RIGHT PANEL
---------------------------------------------
*/

#right_panel {width:207px; float:right; display:inline; margin:0 18px; padding:15px 0 0 0; }

/*
---------------------------------------------
08.1 CONTENT - RIGHT PANEL - TOP PHONE
---------------------------------------------
*/

.topphone {height:57px;}
.topphone p {color:#fff; font-size:12px; padding: 0 11px; font-weight:bold;}
.topphone p a {color:#fff; }


/*
---------------------------------------------
08.2 CONTENT - RIGHT PANEL - CASE TYPE & VIDEO
---------------------------------------------
*/

.video {width:205px; margin-bottom:10px; }
.video a {color:#766f5f; } 
.casetype {width:205px; margin-bottom:15px; border:1px #8e8677 solid; }
.casetype ul {margin:0; padding:0; margin: 0;}
.casetype ul li { list-style:none;}
.casetype ul li a { color:#756f5f; text-decoration:none; background: url(../images/bullet.gif) no-repeat #dad8c7; background-position: 10px 50%;  padding: 7px 0 7px 20px; display:block; width:185px; border-bottom:1px solid #bab9a8; font-weight:bold;}

.casetype ul li a:hover { color:#2a2519; background: url(../images/bullet.gif) no-repeat #dad8c7; background-position: 10px 50%; } 
.casetype ul li.current a {color:#4e4a3e; background: url(../images/bullet.gif) no-repeat #fff; background-position: 10px 50%; }
.casetype h3 {font-size:14px; font-weight:bold; color:#c8c5bd; padding:0 0 0 10px; line-height:29px; background:url(../images/bg_h3.gif) repeat-x;}
.casetype h3 a {color:#c8c5bd; text-decoration: none }
.casetype h3 a:hover {color:#ffffff; text-decoration: nonw }

/*
---------------------------------------------
08.3 CONTENT - RIGHT PANEL - CONTACT INFO
---------------------------------------------
*/

.right-box-bg { border:1px #a9a393 solid; background:#f1f2f2; width:185px; color:#766f5f; padding:10px; margin-bottom:10px; }
.right-box-bg  a:link, a:visited {color:#766f5f; text-decoration: underline;  }
.right-box-bg  a:hover {color:#766f5f; text-decoration: none;  }
.right-box-bg img  {float:right; border:1px solid #9a9a88; margin:0 0 0 5px;}

.right-box-no-bg {width:207px; color:#766f5f; padding:10px; margin-bottom:10px; }
.right-box-no-bg  a {color:#766f5f; }


/*
---------------------------------------------
09. FOOTER
---------------------------------------------
*/

#footer {width:780px; clear:both; padding:10px 0 0 0; float:left; color:#766f5f;} 

/*
---------------------------------------------
09.1 FOOTER LINKS
---------------------------------------------
*/

.footer-left {width:500px; float:left; display:inline; margin:0 0 0 20px; font-size:10px;}
.footer-left ul {margin:0 0 5px 0;}
.footer-left ul li {display:inline;}
.footer-left ul li a {display:block; float:left; color:#766f5f; text-decoration:none; font-size:9px; padding:0 6px; border-right:1px solid #766f5f;}
.footer-left a {color:#766f5f; text-decoration:none;}
.footer-left a:hover {color:#766f5f; text-decoration: underline;}

.footer-right { width:200px;  float:right;display:inline; margin:0 20px 0 0; font-size:9px; color:#766f5f; }
.footer-right a {color:#766f5f;}