/* 
FONT SIZES:
-------
2em = 24px
1.5em = 18px
1.25em = 15px
1em = 12px
*/


/* Basics
----------------------------------------------*/
body {font-size:62.5%}

#container {font-size: 1.2em;}

body, p, div, td, h1, h2, h3, h4, li {
  font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif;
  line-height: 1.5;
  }

td {text-align: left;}  /* For occasional IE6 bug */ 

p {margin: 0 0 1em;}
  
img {
  display: block;
  border: 0; 
  }
    
ul {margin: 0 0 1em;}

ol {margin-bottom: 1em;} /* WinIE needs a left margin */


/* Layout stuff
----------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  text-align: center;
  background: #C4C7BA url(/img/bg.gif) repeat-x 0 0;
  }
  
#container {
  padding: 0;
  margin: 0 auto;
  width: 800px;
  text-align: left; /* overrule inheritance of body style's centering */
  }

#col-wrapper {
  margin: 0;
  padding: 0;
  width: 800px;
  float: left;
  background: #DEE2D3;
  border: 1px solid #53593E;
  border-top: 0;
  }

#header {
  margin-bottom: 3em;
  height: 177px;
  background: #fff;
  border: 0px solid #000;
  }

body#pg_home #header {background: #ccc url(/img/hdr_home.gif) no-repeat 0 0;}
body#pg_services #header {background: #ccc url(/img/hdr_services.jpg) no-repeat 0 0;}
body#pg_about #header {background: #ccc url(/img/hdr_about.jpg) no-repeat 0 0;}
body#pg_attorneys #header {background: #ccc url(/img/hdr_attorneys.jpg) no-repeat 0 0;}
body#pg_links #header {background: #ccc url(/img/hdr_links.jpg) no-repeat 0 0;}
body#pg_contact #header {background: #ccc url(/img/hdr_contact.jpg) no-repeat 0 0;}

#logo {
  float: left;
  width: 227px;
  }

#logo a {
  display: block;
  position: relative;
  top: 23px;
  left: 36px;
  width: 157px;
  height: 145px;
  border: 0px solid #000;
  }

#logo a span {display: none;}

#contact_info {
  margin-top: 23px;
  color: #fff;
  width: 535px;
  font-size: 1em;
  float: left;
  border: 0px solid #000;
  }

#crumbs {
  position: relative;
  top: -3em;
  left: 230px;
  width: 350px;
  color: #666;
  font-size: .8em;
  text-transform: uppercase;
  }

#nav {
  padding-left: 35px;
  float: left;
  width: 150px;
  border: 0px solid #000;
  }

#content {
  padding: 0 0 25px 45px;
  margin: 0; 
  color: #6C575F;
  width: 350px;
  float: left;
  border: 0px solid #000;
  }

#content, #sidebar {margin-bottom: 0em;}

#sidebar {
  margin: 0 0 4em;
  padding-left: 30px;
  color: #777;
  float: left;
  font-size: .9em;
  width: 160px;
  border: 0px solid #000;
  }

#footer {
  padding: 0em 0 2em 230px;
  margin: 0;
  width: 400px;
  clear: both;
  font-size: .8em;
  color: #777;
  font-style: italic;
  }

/* Sidebar Layout Rules
----------------------------------------------*/
ul#staff {
  margin: 0;
  padding: 0;
  font-style: italic;
  list-style-type: none;
  }

/* Nav Rules
----------------------------------------------*/

ul#nav {
  padding: 0 0 0 35px;
  margin: 0;
  width: 150px;
  list-style-type: none;
  }

#nav li {
  padding: 0;
  margin: 0;
  width: 150px;
  }

#nav li a {
  padding: 0 0 0 1em;
  margin: 0;
  font-size: 1.2em;
  font-weight: bold;
  font-family: baskerville, "itc new baskerville", georgia, times, serif;
  text-decoration: none;
  display: block;
  background: url(/img/li_nav.gif) no-repeat 0 .5em;
  border-bottom: 1px dotted #66585F;
  }

#nav li#nav_home a {border-top: 1px dotted #66585F;}

#nav li a:link, #nav li a:visited {color: #6C575F;}
#nav li a:hover {color: #3D1725;}
#nav li a:active {color: #fff;}

#pg_home #nav li#nav_home a:link, #pg_home #nav li#nav_home a:visited, 
#pg_services #nav li#nav_services a:link, #pg_services #nav li#nav_services a:visited, 
#pg_about #nav li#nav_about a:link, #pg_about #nav li#nav_about a:visited, 
#pg_attorneys #nav li#nav_attorneys a:link, #pg_attorneys #nav li#nav_attorneys a:visited, 
#pg_links #nav li#nav_links a:link, #pg_links #nav li#nav_links a:visited, 
#pg_contact #nav li#nav_contact a:link, #pg_contact #nav li#nav_contact a:visited {
  color: #8f8f8f;
  background: url(/img/li_nav_selected.gif) no-repeat 0 .5em;
  }


/* Header Rules
----------------------------------------------*/
h1, h2, h3, h4, h5 {
  margin: 1em 0 0;
  font-weight: bold; 
  font-family: baskerville, "itc new baskerville", georgia, times, serif;
  }

h1 {
  font-size: 1.3em;
  color: #000; 
  font-weight: bold; 
  padding-bottom: 2px; 
  }

h2 {
  padding: 0;
  margin: 0 0 .5em;
  text-transform: uppercase;
  font-size: 1.2em;
  color: #453737;
  }

h3 {
  font-size: 1.1em;
  color: #453737; 
  }

#pg_attorneys h2 {margin-bottom: 0;}
#pg_attorneys h3 {margin-top: 0;}

h4, h5 {
  font-size: 1em;
  }



/* Link Rules
----------------------------------------------*/

a:link {color: #4C2299;}
a:visited {color: #8267B2;}  
a:hover {color: #2B2326;} 
a:active {color: #8D0FCF;}

#crumbs a:link, #crumbs a:visited, #crumbs a:hover, #crumbs a:active {color: #666;}

#staff a:link {color: #777; text-decoration: none;}
#staff a:visited {color: #777; text-decoration: none;}
#staff a:hover {color: #777; text-decoration: underline;}
#staff a:active {color: #2B2326; text-decoration: underline;}


/* List Rules
----------------------------------------------*/
#content ul {
  padding: 0;
  margin: 0 0 .5em;
  list-style-type: none;
  }

#content ul li {
  padding: 0 0 0 1.8em;
  margin-bottom: .5em;
  background: url(/img/li.gif) no-repeat .4em .45em; 
  list-style-type: none;
  }

/*
#container #content ol li {
  padding: 0 0 4px 0;
  margin: 0 0 0em;
  line-height: 1.4em;
  background: none; 
  list-style-type: decimal;
  }

#container #content ul li ol li {
  padding: 0 0 2px 0;
  margin: 0 0 0em;
  background: none; 
  list-style-type: decimal;
  }
*/


/* Misc Stuff
----------------------------------------------*/ 

hr {display: none;}

.attorney {
  clear: both;
  }

.attorney2 {
  float: left;
  padding: 1em 0 0;
  margin: 0 0 1em;
  border-bottom: 1px solid #989898;
  }

.photo {
  float: left;
  width: 120px;
  }

.photo img {border: 1px solid #666;}

.bio {
  padding: 0 0 1em;
  width: 228px;
  float: left;
  border: 0px solid red;
  }