/*
Copyright (c) 2008, Cactus Media. All rights reserved.
URL: http://www.lorenkroll.com/css/screen.css
*/

/* resets */

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  /*vertical-align: baseline;*/
}

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;
}

/* preemptive styling */

ul, dt { padding-left: 1.5em; }
ol { padding-left: 0em; list-style-type: decimal; list-style-position: inside; }
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, dd, address {
  margin-bottom: 1em;
}
:link, :visited, a:hover, td a { text-decoration: underline; color: blue; }
a img, :link img, :visited img, select { border: 0; /*outline: none; outline-style: none;*/ }
a, input { /*outline: none; outline-style: none;*/ }

/* brute-force hacks */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* common tweaks */

.clear { clear: both; height: 1%; }
.center { text-align: center; }
.right { text-align: right; }
.nomargin { margin: 0; padding: 0; }
.last { margin-bottom: 0; }

body { font: 76%/1.4em arial, helvetica, sans-serif; background-color: #dfe7e8; }


#container { position: relative; padding-bottom: 30px;  }

#navhead { height: 105px; background-color: #fff; } 
#navhead-inner { width: 880px; padding-left: 144px; margin: 0 auto; }

#main { color: #6A7071; background-color: #dfe7e8;  padding-top: 21px; padding-bottom: 100px; border-top: 5px solid #909596; }
#main-inner { width: 880px; margin: 0 auto; padding-left: 144px; }
#main h3 { background: url(../img/bullets/h3_rect.gif) 0 0 no-repeat; padding-left: 33px; font-size: 1em; line-height: 9px; font-weight: bold; }
#content { float: left; /*display: inline;*/position: relative; width: 500px; }

#sidebar { float: left; /*display: inline;*//*position: relative;*/ width: 209px;}
#sidebar dl { text-align: right; color: #909596; }
#sidebar dt { /*font-weight: bold;*/ font-size: 1em; background: url(../img/bullets/dt_rect.gif) 195px 4px no-repeat; padding-right: 20px; /*line-height: 1.4em;*/ margin-bottom: .5em; }
#sidebar dt a { color: #2e3a55; text-decoration: none; }
#sidebar dd { font-size: 1em; padding-right: 20px; line-height: 1.4em; }

#sidebar dl.links dt { /*font-weight: bold;*/ font-size: 1em; background: none; padding-right: 20px; /*line-height: 1.4em;*/ }
#sidebar dl.links dd { padding-right: 17px; }

#sidebar h4 {
  text-align: right; font-weight: normal; font-size: 1.1em; margin-bottom: .4em; padding-right: 3px;
}

body#page-matrimonial dt#sb-matrimonial,
body#page-collaborative dt#sb-collaborative,
body#page-wills dt#sb-wills,
body#page-criminal_law dt#sb-criminal_law,
body#page-real_estate dt#sb-real_estate,
body#page-commercial dt#sb-commercial,
body#page-personal_injury dt#sb-personal_injury
{
  font-weight: bold;
  background: url(../img/bullets/left_arrow.gif) 195px 2px no-repeat;
}


#banner { background: url(../img/v_grad.png) 0 0 repeat-x; padding-top: 20px; color: #fff; background-color: #273551; height: 166px; border-bottom: 5px solid #fff; }
#banner-inner { width: 880px; margin: 0 auto; padding-left: 144px; }
#banner-left { float: left; width: 350px; padding-top: 44px; }

#banner h2 { height: 25px; }
#banner #pics { float: left; width: 375px; height: 117px; }
#banner #pics img { margin-right: 8px; }

#callouts { height: 228px; background: url(../img/callout_bg.gif) 0 0 repeat-x; padding-top: 18px; }
#callouts-inner { width: 880px; margin: 0 auto; padding-left: 144px; position: relative; }
#callouts h4 { margin-bottom: 0; }

#callouts .cbox { width: 228px; font-size: .9em; color: #888; margin-right: 19px; float: left; position: relative; }
#callouts .cbox p { line-height: 1.4em; }

#nav_bar { position: relative; width: 369px; height: 29px; top: 66px; left: 348px; }
#nav_bar ul {margin: 0; padding: 0; width: 369px; height: 29px; position: relative; background: transparent;}
#nav_bar ul li { height: 29px; margin: 0; padding: 0; list-style: none; position: absolute; background: transparent;}
#nav_bar a { height: 29px; display: block; border: 0;}
#nav_bar ul li a {text-indent: -9999px; text-decoration: none;}

#nav_bar ul li#nb1 {top: 0; left: 0; height: 29px; width: 66px; background: url(../img/navbar.gif) 0 0 no-repeat; }
#nav_bar ul li#nb2 {top: 0; left: 66px; height: 29px; width: 71px; background: url(../img/navbar.gif) -66px 0 no-repeat; }
#nav_bar ul li#nb3 {top: 0; left: 137px; height: 29px; width: 141px; background: url(../img/navbar.gif) -137px 0 no-repeat; }
#nav_bar ul li#nb4 {top: 0; left: 278px; height: 29px; width: 91px; background: url(../img/navbar.gif) -278px 0 no-repeat; }

body#page-home #nb1 a, #nb1 a:hover {height: 29px; width: 66px; background: url(../img/navbar.gif) 0 -29px no-repeat;}
body#page-about #nb2 a, #nb2 a:hover {height: 29px; width: 71px; background: url(../img/navbar.gif) -66px -29px no-repeat;}
body.topnav-areas #nb3 a, #nb3 a:hover {height: 29px; width: 141px; background: url(../img/navbar.gif) -137px -29px no-repeat;}
body#page-contact #nb4 a, #nb4 a:hover {height: 29px; width: 91px; background: url(../img/navbar.gif) -278px -29px no-repeat;}

#home #nav_bar ul li#nb1 { top: 0; left: 0; height: 29px; width: 66px; background: url(../img/navbar.gif) 0 -29px no-repeat; }
#about #nav_bar ul li#nb2 { top: 0; left: 66px; height: 29px; width: 71px; background: url(../img/navbar.gif) -66px -29px no-repeat; }
#practice #nav_bar ul li#nb3 { top: 0; left: 137px; height: 29px; width: 141px; background: url(../img/navbar.gif) -137px -29px no-repeat; }
#contact #nav_bar ul li#nb4 { top: 0; left: 278px; height: 29px; width: 91px; background: url(../img/navbar.gif) -278px -29px no-repeat; }

h1#logo { text-indent: -9999px; background: url(../img/logo.gif) 0 0 no-repeat; width: 227px; height: 36px; position: absolute; top: 50px; }
h2#serving { text-indent: -9999px; background: url(../img/text/serving.gif) 0 0 no-repeat; width: 264px; height: 44px; margin: 0; padding: 0; padding-top: 44px;}
h4#footer-attorney_lk { text-indent: -9999px; background: url(../img/text/attorney_lk.gif) 0 0 no-repeat; width: 134px; height: 24px; }
h4#footer-areasofpractice { text-indent: -9999px; background: url(../img/text/areas_of_practice.gif) 0 0 no-repeat; width: 103px; height: 24px; }
h4#footer-contact { text-indent: -9999px; background: url(../img/text/contact.gif) 0 0 no-repeat; width: 46px; height: 24px; }

.learn_more { display: block; text-indent: -9999px; background: url(../img/learn_more.gif) 0 0 no-repeat; width: 66px; height: 7px; }



form fieldset {
width: 400px;
border: 0;
}
form dt {
margin-bottom: 1px;
margin-left: 1px;
padding-left: 0;
}
input.text {
background-color: #fff;
padding: 2px 3px 2px 3px;
margin: 0px 5px 0px 0;
border: 2px solid #999;
width: 250px;
}
input.text:hover, textarea:hover {
border: 2px solid #999;
}
input.text:focus, textarea:focus { 
background-color: #fff;
border: 2px solid #999;
}
textarea {
padding: 2px 3px 2px 3px;

background-color: #fff;
border: 2px solid #999;
}
select {
background-color: #fff;
border: 2px solid #999;
}
select.wide {
background-color: #fff;
width: 250px;
}
input.wide {
width: 250px;
}
input.button {
padding: 1px;
}
textarea.wide {
width: 90%;
}
.alert { color: red; font-size: 1.2em; margin-bottom: 10px; }


#content .bio img { float: left; border: 3px solid #fff; margin: 0 12px 12px 0; }
body#page-about h3 { padding-top: 6px; }