/*======================================GENERAL STYLING======================================*/
html {height: 100%; overflow: auto;}
body {font: 85%/1.3 'Trebuchet MS', verdana, geneva, lucida, arial, sans-serif; color: #333; background: #003;}  
html, body, #top_nav, #wrapper, .service_links, #footer_nav, blockquote p, form ol, #service_list, #service_list ul, #questions, #professions ul {margin: 0; padding: 0;}
body, #under_const_big, #top_nav, .heading, #credit, #footer_nav, .align_center, .firm_services h2, #overview h2, #disclaimer h2, #why h2, #why h3, #contact h2, #poa h3 {text-align: center;}  
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em;}
h5 {font-size: 0.95em;}
p {text-indent: 2em;}
ol {line-height: 1.5;}
ul {line-height: 2;}
.bold {font-weight: bold;}
.indent {text-indent: 40px;}
.oblique {font-style: oblique;}
.align_left {text-align: left !important;}
.align_right {text-align: right !important;}
.pad_right {padding-right: 340px !important;}
img {border: 0;}  

blockquote {
  font-size: 1.35em;
  font-style: oblique;
  font-weight: bold;}
blockquote p {
  text-indent: 0;
  text-align: center;
  padding: 0 10px;}
blockquote p cite {
  font-size: 0.75em;
  color: #333;}
blockquote p span {
  color: #f60;
  font-style: normal;}
cite {font-weight: normal;}  

/*=============UNDER CONSTRUCTION SIGN=============*/  
#under_const {
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 0;
  background: url(images/un_const_sm.gif) no-repeat center;
  width: 97px;
  height: 97px;}

#under_const_big {margin-right: 300px;}
  
/*======================================NAVIGATION======================================*/
 
a:link, a:active, a:visited, a:hover, a:focus {
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: #2d2d6d;
  text-decoration: none;
  font-weight: bold;}
a:hover, a:focus {
  color: #00f;
  text-decoration: underline;}
p a {font: 100% 'Trebuchet MS', Arial, sans-serif !important;}
.activelink {
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: #666;
  font-weight: bold;}
#credit a:active, #credit a:hover, #credit a:focus {text-decoration: line-through;}  
#top_nav {
  width: 710px;
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  margin: 0 0 0 -355px;
  list-style: none;
  line-height: 1em;
  padding: .5em 0;}
#top_nav li, #footer_nav li {
  display: inline;
  list-style: none;}
#top_nav li a, #top_nav li span {
  border-left: 1px solid #333;
  padding: 0 1.2em;
  vertical-align: middle;}
#top_nav .first_btn a, #top_nav .first_btn span {border: none;}
#services {width: 340px;}
.service_links, .service_path {
  margin-right: 10px;
  text-align: right !important;}  
.service_path {margin: 30px 10px 20px 0;}
.service_links {
  list-style: none;
  font-size: .9em;
  line-height: 1.5;}  
.service_links li {margin-bottom: .5em;}  
#footer_nav {
  background: url(images/footer_bg.gif) no-repeat center;
  width: 710px;
  height: 50px;
	font-size: small;
	margin: 40px 0 10px;
	clear: both;}
#footer_nav a {
  font-family: 'Trebuchet MS', Arial, sans-serif;
  font-weight: normal;
  font-size: .85em;
  color: #333;
  line-height: 4.5;
  padding: 0 1.5em;}
h1 a, #header {z-index: 5; cursor: pointer;}
/*======================================POSITIONING======================================*/
#sunset, #why blockquote {float: right;}
#collage, #dave, #radio80, #radio81, #radio82, label, #collage2, #professions ul  {float: left;}
.fl_none {float: none;}
#content, h1, #top_nav li a, #footer_nav li, #why #blanket {position: relative;}
#header, #top_nav, #services {position: absolute;}
#top_nav {top: 260px; left: 50%}
#services {left: 520px}
#why #services {top: 52em;}
#blanket #services {top: 220px;}
#estate #services {top: 218px;}
#stewardship #services, #divorce #services, #fa #services {top: 250px;}
#poa #services, #seminars #services {top: 213px;}
#faq #services, #referrals #services, #real_estate #services, #probate #services {top: 219px;}

/*======================================HEADER======================================*/
h1 {
  width: 710px;
  height: 168px;
  font-weight: bolder;
  font-size: 1.5em;
  margin: 0 auto 4em;
  overflow: hidden;}
#header, h1 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(images/header.gif) no-repeat center;}

/*======================================CONTENT======================================*/
#bg {
  width: 990px;
  background: url(images/paper_body.gif) repeat-y center;
  margin: 0 auto;}
#wrapper {
  width: 990px;
  background: url(images/paper_top.gif) no-repeat center top;
  margin: 0 auto;
  padding-top: 70px;}
#content {
  background: url(images/paper_bottom.gif) no-repeat center bottom;
  margin: 0 auto;
  text-align: left;
  width: 710px;
  padding: 0 140px 60px;}
#window {
  overflow: auto;
  padding-right: 10px;
  width: 650px;
  height: 550px;
  margin-bottom: 10px;}
#welcome {margin-bottom: 20px;}
#sunset {
  display: block;
  width: 300px;
  height: 210px;
  margin: 4em 0 0 40px;
  clear: left;}
#collage {
  display: block;
  width: 350px;
  height: 300px;
  margin: 40px 0 0 10px;}


/*======================================FOOTER======================================*/

#credit {
  background: #003;
  width: 100%;
  color: #f7f6f0;}
#credit a {
  font-family: 'Trebuchet MS', Arial, sans-serif;
  color: #f26522;}
/*======================================FIRM OVERVIEW======================================*/  
#dave {
  display: block;
  width: 190px;
  height: 255px;
  margin: 10px 5px 0 0;}


/*======================================SERVICES======================================*/ 
.firm_services ul {list-style: none; line-height: 1.3;}
.firm_services ul ul {padding-left: 20pt; margin-bottom: 16pt;}



/*======================================CONTACT======================================*/ 
form, input, #contact fieldset a {font: 100% 'Trebuchet MS', verdana, geneva, lucida, arial, sans-serif; vertical-align: middle;}
form ol li {
  width: 340px;
  list-style: none;
  line-height: 2.5;
  float: left;}
label {width: 100px;}
#radio80, #radio81, #radio82 {margin: 0.75em 0.3em 0 0.75em;}
.hidden_fld {display: none;}
.req {color: red; padding-right: 0.5em;}
.not_req {padding: 0 0.45em;}
.long_label {width: auto; padding-right: 1em;}
.radio_label {width: auto; margin-right: 0.5em;}
#contact .btn {padding: 0 1em;}
.full_width {width: 100%;}
fieldset fieldset {text-align: center;}
#desc {width: 677px;}
.btn {margin: 0 1.5em;}
fieldset fieldset a {padding: 0 1.5em;}
#contact p {margin-bottom: 50px;}
#contact ol {margin: 20px 0;}

/*======================================WHY======================================*/ 
#collage2 {margin-top: 4em;}
#why blockquote {
  color: #03f;
  width: 300px;
  line-height: 2;
  margin: 80px 20px 0 0;
  padding: 10px 0;
  border-top: 3px double #2d2d6d;
  border-bottom: 3px double #2d2d6d;}
#why .align_right {padding-right: 2.7em;}
 
.mar_left_bot {
  width: 320px;
  padding: 0 0 0 40px;
  margin: 0 0 20px 350px;}

/*======================================LEGAL SECURITY BLANKET======================================*/
#blanket h2 span {font-size: .68em;}
#blanket h2 span span {font-size: 100%; text-decoration: underline;}
#blanket strong {color: red;}

/*======================================WHAT IS ESTATE PLANNING======================================*/
#estate ol ul {list-style: disc;}
#estate li {margin-bottom: 0.5em;}
#estate li div {margin-bottom: 16px;}
#estate #services ul {list-style: none;}

/*======================================WHY AVOID PROBATE======================================*/
#reasons {list-style: none;}
#reasons ul{list-style: disc;}


/*======================================POWERS OF ATTORNEY======================================*/
#poa ul li {list-style: none;}

/*======================================HOW TO SELECT A FA======================================*/

/*======================================RES. REAL ESTATE======================================*/

/*======================================POST DIVORCE======================================*/

/*======================================SEMINARS======================================*/

/*======================================BUSINESS REFFERALS======================================*/
#professions ul {width: 235px; list-style: none; margin: 20px 0;}
#professions li {padding: 0.5em;}
#professions li.mar_left {margin-left: -235px;}

/*======================================FAQ======================================*/
#questions, #questions ul {list-style: none; line-height: 1.5;}
#questions p {text-indent: 0;}
#questions acronym {padding-right: 1em; border: none;}
#questions p, #questions li ul {background: #ddd; padding: 5px 10px;}
#faq #services {background: #f5f4f0;}