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

body {
background: #616161;
font:normal 12px Arial, Helvetica, sans-serif;
margin:0 auto;
}

/* Reset Styles! */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

h1 {font-size: 30px;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

h1, h2, h3, h4 {
font-family: Trebuchet Ms;
font-weight: normal;
padding: 0 0 15px 0;
clear:left;
}


a {
color: #413e2d;
text-decoration: underline;
}

a:hover {
color: #413e2d;
text-decoration: none;
}

ul{
padding:10px 0 10px 20px;
list-style:square;
}

ul li{
clear:left;
padding: 0 0 3px 8px;
}

/* Wrapper */

#wrapper {
float:left;
padding:0;
width: 100%;
background:#d7d7d7;
}


#mainarea {
margin:0 auto;
background:#FFFFFF;
overflow:hidden;
padding: 0 5px;
width: 900px;
}

/* Header */
#header {
background: url(../images/header_bg.jpg) top repeat-x;
float: left;
padding: 40px 0 0 0;
width: 900px;
}

#header h2 {
float:left;
color: #a12b02;
font-weight: normal;
padding: 0 0 5px 20px;
}

#header h2 span {
font:normal 12px Arial, Helvetica, sans-serif;
color:#000000;
}

#header p {
float: right;
width:440px;
padding: 0 20px 20px 0;
text-align: right;
}

#header p span {
color: #535252;
font-size: 20px;
}

/* TopNav */
#topNav {
background: #038ABA url(../images/topNav_bg.jpg) top repeat-x;
float: left;
font-family: Tahoma;
font-size: 14px;
padding: 4px 0 0 0;
width: 900px;
}

#topNav ul {
color: #FFFFFF;
float: left;
padding: 6px 20px 10px 20px;
width: 860px;
}

#topNav li {
float:left;
clear:none;
background: url(../images/topNav_sep.jpg) right repeat-y;
display: inline;
padding:5px 40px 5px 40px;
}


#topNav li.last {
background:none;
}

#topNav li a:link, #topNav li  a:visited, #topNav li a:active {
color: #FFFFFF;
text-decoration: none;
}

#topNav li a:hover {
color: #FFFFFF;
text-decoration: underline;
}

/* Banner */
#banner {
float: left;
width: 900px;
}

#banner img {
float: left;
margin: 0;
}

/* Main */

#main {
background: url(../images/main_bg.jpg) top repeat-x;
float: left;
width: 900px;
padding:0 0 10px 0;
}
/* Column Left */

#columnLeft {
float: left;
width: 627px;
}

/* Title Area */
#titletArea {
background: #616161 url(../images/title_bg.jpg) bottom no-repeat;
color: #FFFFFF;
float: left;
margin: 0 0 30px 0;
padding: 10px 113px 0 64px;
width: 450px;
}

#titletArea h2 {
font-weight: normal;
padding: 0 0 7px 0;
}

/* Practice Areas */
#practiceAreas {
background: #eaeaea url(../images/practiceAreas_bottom.jpg) bottom no-repeat;
margin:0 0 20px 0;
float: left;
width: 206px;
}

#practiceAreas h3 {
background: #727272 url(../images/practiceAreas_title_bg.jpg) top no-repeat;
color: #FFFFFF;
float: left;
padding: 10px 10px 10px 30px;
width: 166px;
}

#practiceAreas ul {
color: #727272;
float: left;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
line-height: 24px;
padding: 15px 20px 30px 10px;
width: 176px;
}

#practiceAreas li {
background: url(../images/practiceAreas_bullets.jpg) center left no-repeat;
list-style: none;
padding: 0 0 0 20px;
}

#practiceAreas a:active,
#practiceAreas a:link,
#practiceAreas a:visited {
color: #727272;
text-decoration: none;
}

#practiceAreas a:hover {
color: #727272;
text-decoration: underline;
}

/* Content */

#content {
color: #686868;
float: right;
line-height: 16px;
width: 403px;
padding:0 0 80px 0;
}

#content a:active,
#content a:link,
#content a:visited {
color: #686868;
text-decoration: underline;

}

#content a:hover {
color: #686868;
text-decoration: none;
}

#content p {
padding: 0 0 10px 0;
}

#content p.border {
border-bottom: #686868 1px dashed;
}

.imgLeft {
float: left;
margin: 0 10px 10px 0;
}

/* Why Choose Us */

#content h3.heading{
float:left;
background: url(../images/title_bullet.jpg) center left no-repeat;
padding: 2px 0 0 30px;
margin:20px 0 0 0;
}

.whyChooseUs {
float:left;
clear:both;
line-height: 20px;
width: 380px;
padding: 10px 0 10px 10px;
}

.whyChooseUs li {
background: url(../images/bullets.jpg) center left no-repeat;
list-style: none;
padding: 0 0 0 15px;
}

/* Call Us Box */
#columnLeft p.callus {
border-top:#686868 1px dashed;
clear:both;
font-family: "Times New Roman", Times, serif;
font-size: 20px;
padding:25px 0;
text-align: center;
width: 627px;
margin:0;
}

/* Column Right */

#columnRight {
float: right;
padding: 40px 10px 0 0;
width: 223px;
}

#contactForm {
background: #eaeaea url(../images/contactUs_bottom.jpg) bottom no-repeat;
color: #504f4f;
float: left;
overflow: hidden;
width: 223px;
}

#contactForm h3 {
background: #727272 url(../images/contactUs_bg.jpg) top no-repeat;
color: #FFFFFF;
float: left;
padding: 10px 10px 10px 30px;
width: 183px;
}

#contactForm form {
float: left;
padding: 10px 15px;
width: 193px;
}

#contactForm label {
float: left;
padding: 3px 0;
width: 193px;
}

.formField {
clear: both;
float: left;
width: 193px;
}

#Comment {
clear: both;
float: left;
width: 193px;
}

.formFieldBtn {
background: url(../images/submit_bg.jpg) center no-repeat;
border: none;
color: #FFFFFF;
float: right;
margin: 5px 0 5px 0;
padding: 3px 2px;
text-transform: uppercase;
width: 60px;
cursor:pointer;
}

#adviceBox {
background: #b53003 url(../images/adviceBox_bg.jpg) bottom no-repeat;
color: #FFFFFF;
float: left;
margin:15px 0 0 0;
padding: 0 0 15px 0;
width: 223px;
}

#adviceBox h4 {
float:left;
background: url(../images/adviceBox_underline.jpg) bottom center no-repeat;
font-weight: bold;
padding: 0 18px 5px 18px;
width: 187px;
}

#adviceBox p {
clear:left;
padding: 10px 15px;
}

#adviceBox img {
float: left;
margin: 0;
}

/* Footer */

#footer {
background: #616161;
margin: 0 auto;
}

#footerContent {
clear:both;
background: #616161;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0 auto;
padding:10px 0;
width: 910px;
}

#footerContent p {
}

#footerContent ul {
font-weight: bold;
padding: 0 0 5px 0;
}

#footerContent li {
display: inline;
list-style: none;
padding: 0 15px 0 0;
}

#footer a:active, #footer a:link, #footer a:visited {
color: #FFFFFF;
text-decoration: none;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#yodle {
float: right;
}

/* Important Classes */

.black {
color: #000000;
}

.text {font-style: italic; margin-bottom: 25px;}

.text span {font-style: normal; font-weight: bold; float: right;}