/* CSS Document */

body {
background: rgb(214, 221, 239) url(../images/gradient.jpg) repeat-x;
margin-top: 5%;
padding: 0px;
}

#backgroundContainer {
width: 724px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
background: transparent url(../images/page-bg.jpg) repeat-y;
}

#mainContainer {
position: relative;
width: 724px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
background: transparent url(../images/attorneys-bg.jpg) no-repeat top center;
}

#address {
position: relative;
top: 65px;
right: 55px;
width: 197px;
height: 62px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
line-height: 14pt;
text-align: left;
}

#bodyArea {
width: 724px;
background: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#navArea {
width: 195px;
margin: 0px 0px 0px 0px;
padding: 70px 0px 50px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13pt;
color: #FFFFFF;
font-weight: bold;
background: transparent;
}

#navArea a {
width: 200px;
display: block;
color: #000000;
text-align: right;
text-decoration: none;
font-variant:small-caps;
background: #C8D6E9;
padding: 0px 10px 0px 0px;
margin: 10px 0px 0px 0px;
}

#navArea .contact {
width: 200px;
display: block;
color: #000000;
text-align: right;
text-decoration: none;
background: #FFEEA9;
padding: 0px 10px 0px 0px;
margin: 10px 0px 0px 0px;
}

#navArea a span {
font-size: 14pt;
font-weight:normal;
}

#navArea a:hover {
color: #FFFFFF;
background: #5388BD;
}

#contentArea {
width: 521px;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 15px;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16pt;
line-height: 17pt;
font-weight: normal;
color: #FFFFFF;
margin: 0px 0px 0px 220px;
padding: 0px 0px 0px 10px;
background: #5388BD;
text-transform: uppercase;
}

h1 span {
font-size: 18pt;
}

#contentArea h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12pt;
line-height: 18pt;
color: #333333;
margin: 0px 0px 0px 16px;
padding: 0px 0px 0px 35px;
background: transparent url(../images/h2-bg.jpg) no-repeat 10px 3px;
}

#contentArea p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
line-height: 13pt;
padding: 0px 40px 25px 25px;
margin: 0px 0px 0px 0px;
}

#contentArea ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
line-height: 13pt;
margin: 0px 0px 0px 0px;
padding: 0px 0px 25px 25px;
}

#contentArea li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
line-height: 12pt;
margin: 0px 0px 0px 40px;
padding: 0px 0px 0px 0px;
}

#calendar {
width: 209px;
background: transparent url(../images/calendar-bg.jpg) repeat-y;
padding: 0px 0px 25px 0px;
margin: 0px 0px 0px 0px;
}

#calendar h1 {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
display: block;
border-bottom: 1px solid white;
font-weight: bold;
font-size: 10pt;
line-height: 11pt;
padding: 0px 10px 0px 5px;
background: none;
margin: 0px 0px 0px 10px;
text-align: left;
}

#calendar p {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #333333;
padding: 2px 10px 10px 18px;
margin: 0px 0px 0px 0px;
text-align: left;
}

#footerArea {
width: 770px;
height: 33px;
background: transparent url(../images/footer-bg.jpg) no-repeat;
}

#footerArea p {
position: relative;
width: 543px;
top: 0px;
right: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
color: #666666;
line-height: 13pt;
margin: 0px 50px 0px 0px;
padding: 0px 0px 0px 0px;
}

#attorneys {
width: 499px;
margin: 0px 0px 0px 0px;
text-align: left;
background: rgb(198, 213, 232);
padding: 0px 0px 0px 0px;
}

h3 {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 16pt;
font-weight: normal;
color: #828FA1;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: right;
background: #FFFFFF;
border-bottom: 1px solid #7D899B;
}

h4 span {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
color: #333333;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

h4 {
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16pt;
line-height:14pt;
font-weight: normal;
color: #000000;
padding: 0px 0px 2px 25px;
margin: 0px 0px 0px 0px;
text-decoration: none;
border-bottom:1px solid #666666;
}

h4 a:hover {
}

#attorneyDetail {
float:right; 
width:200px; 
border-bottom:1px dotted #CCCCCC; 
margin:0px 0px 10px 25px;
padding:0px 0px 15px 0px;
}

#attorneyDetail ul {
padding:0px 0px 10px 0px;
}

#attorneyDetail li {
margin:0px 5px 2px 30px;
padding:0px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:7pt;
font-weight:normal;
line-height:10pt;
color:#333333;
}

h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#666666;
line-height:14pt;
border-bottom:1px solid #CCCCCC;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 10px;
background:#E6E8EC;
}