body{

font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#3c424a;
margin:0 auto;
padding:0;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:2em;
color:#000000;
font-weight:normal;
}

#maincontainer{
margin:0 auto;
background:url(../images/bg.jpg) repeat-y;
width:905px;
}

#topnavigation{
position:relative;
left:30px;
width:855px;
height:115px;
background:url(../images/topGradient.gif) repeat-x;
float:left;
}

#topnavigation h2{
margin:0;
padding:0 0 0 20px;
font-size:23px;
color:#ffffff;
background:url(../images/phoneIcon.gif) 2px 2px no-repeat;
font-weight:normal;
}

#topnavigation ul{
margin:0;
padding:0;
width:850px;
float:left;
}

#topnavigation ul li{
list-style:none;
float:left;
margin:0;
padding:30px 5px 20px 10px;
border-right:1px solid #5789a0;
background: url(../images/topArrow.gif) 10px 10px no-repeat;
height:27px;
}

#topnavigation ul li.first{
list-style:none;
float:left;
margin:0;
padding:30px 10px 20px 20px;
border-right:1px solid #5789a0;
background: none !important;
height:27px;
}

#topnavigation ul li.middle{
list-style:none;
float:left;
margin:0;
zpadding:30px 10px 30px 10px;
border-right:1px solid #5789a0;
background: url(../images/topArrow.gif) 10px 10px no-repeat;
height:27px;
}

#topnavigation ul li.last{
list-style:none;
float:left;
margin-left:5px;
margin:0;
zpadding:30px 10px 20px 10px;
border-right:0 !important;
background: url(../images/topArrow.gif) 10px 10px no-repeat;
}

#topnavigation ul li a{
display:block;
float:left;
width:115px;
text-decoration:none;
font-size:11px;
font-weight:bold;
color:#f2f9fd;
text-transform:uppercase;
}

#topnavigation ul li a:hover{
color:#8fd5fd;
}




#navigation{
width:850px;
float:left;
top:15px;
left:30px;
position:relative;
border-bottom:1px solid #d4d8db;
}

#navleft{
left:10px;
position:relative;
width:350px;
float:left;

}

#navleft img{
border:0;
}


#navright{
margin:0;
padding:0;
width:455px;
float:right;
}

#navright ul{
margin:0;
padding:0;
float:right;
position:relative;
right:25px;
}

#navright ul li{
margin:0;
padding:0;
float:left;
list-style:none;
margin: 0 0 0 20px;
padding:30px 0 0 0;
}

#navright ul li a{
display:block;
float:left;
text-decoration:none;
font-weight:normal;
font-size:14px;
color:#000000;
padding:0 0 0 10px;
}

#navright ul li a:hover{
color:#737c84;
}

#wrap{
margin:0;
padding:55px 0 20px 10px;
width:850px;
float:left;
}

#swrap{
margin:0;
padding:55px 0 180px 10px;
width:840px;
float:left;
}

#colleft{
float:left;
margin:0;
padding:0 0 0 30px;
width:525px;
}

#colleft a{
color:#3399cc;
text-decoration:underline;
font-weight:bold;
}

#colleft a:hover{
color:#737c84;
}


#sercolleft{
float:left;
margin:0;
padding:0 0 0 30px;
width:525px;
}

#sercolleft a{
text-decoration:none;
color:#000;
}

#sercolleft a:hover{
text-decoration:none;
color:#737c84;
}


#ncolleft{
float:left;
margin:0;
padding:0 0 0 30px;
width:525px;
}

#ncolleft h2{
font-size:16px;
color:#000000;
font-weight:bold;
}


#ncolleft h2 a{
text-decoration:none;
font-size:13px;
color:#162d56;
font-weight:bold;
}

#ncolleft h2 a:hover{
text-decoration:underline;
font-size:13px;
color:#767d83;
font-weight:bold;
}

#staffcolleft{
float:left;
margin:0;
padding:0 0 0 30px;
width:525px;
}

#staffcolleft ul{
margin:0 0 0 20px;
padding:0;
}

#staffcolleft ul li{
list-style:disc;
padding:5px 0 0 0;
}

#staffcolleft a{
text-decoration:none;
color:#000;
font-weight:bold;
}

#staffcolleft a:hover{
color:#737c84;
}


#colright{
float:right;
margin:0;
padding:0;
width:250px;
background:#f7f7f7;
}

#colright h2{
margin:0;
padding:10px 0 10px 20px;
border-bottom:1px solid #d4d8db;
font-size:16px;
font-weight:normal;
}

#scolright{
float:right;
width:230px;
position:relative;
top:45px;
left:0;
}

#scolright img{
float:left;
position:relative;

}

.underphoto{
position:relative;
height:14px;
width:211px;
top:-5px;
}

#scolright ul{
margin:0;
padding:0;
width:211px;
position:relative;
top:15px;
}

#scolright ul li{
list-style:none;
padding:8px 10px 8px 10px;
border-bottom:1px solid #d4d8db;
}

#scolright ul li.firstlink{
list-style:none;
padding:8px 10px 8px 10px;
border-top:1px solid #d4d8db;
border-bottom:1px solid #d4d8db;
}

#scolright ul li a{
display:block;
text-decoration:none;
font-size:13px;
color:#000000;
}

#scolright ul li a:hover{
color:#767d83;
background:url(../images/selectedArrow.gif) right no-repeat;
}



#news{
float:right;
margin:0;
padding:10px 10px 10px 10px;
width:220px;
background:#f7f7f7;

}



#bottomclear{
clear:both;
}

#footer{
top:0;
left:30px;
position:relative;
width:850px;
height:120px;
background:url(../images/bottombg.jpg) repeat-x;
float:left;
}

#footer a{
text-decoration:none;
color:#3c424a;
}

#footer a:hover{
color:#767d83;
}

#footerleft{
width:520px;
float:left;
font-size:11px;
padding:20px 0 0 20px;
}

#footeright{
width:250px;
float:right;
}

#footeright img{
float:right;
position:relative;
top:15px;
right:40px;
border:0;
}





/****Link Styles***/
#business .bc a,
#property .propertyl a,
#personal .personal a,
#litigation .litigation a,
#employment #employment1 a
{
color:#8fd5fd;
}


.business #bln a,
.property #pc a,
.familylaw #fl a,
.employment #el a
{
color:#767d83;
background:url(../images/selectedArrow.gif) right no-repeat;
}


#homepage .home a,
#ourstaff .staff a,
#ourservices .ourservice a,
#contactus .contact-us a
{
color:#737c84;
}

.stafflink1 #staff1 a,
.stafflink2 #staff2 a,
.stafflink3 #staff3 a,
.stafflink4 #staff4 a,
.stafflink5 #staff5 a,
.stafflink6 #staff6 a,
.stafflink7 #staff7 a,
.stafflink8 #staff8 a,
.stafflink9 #staff9 a,
.stafflink10 #staff10 a

{
color:#767d83;
background:url(../images/selectedArrow.gif) right no-repeat;
}

h2.lawyerheading{
font-weight:normal;
font-size:15px;
color:#000000;
}

/****contact ***/




#caddress{
width:535px;
background:#f7f7f7;
height:116px;
float:left;
}

#choffice{
float:left;
width:230px;
}

#choffice ul{
margin:0;
padding:0;
position:relative;
top:24px;
left:15px;
line-height:15px;
}

#choffice ul li{
padding:3px;
list-style:none;
}



#chofficeright{
float:right;
width:300px;
}

#chofficeright a{
text-decoration:underline;
color:#3399cc;
}


#chofficeright dl{
float:left;
width:290px;
position:relative;
left:5px;
top:25px;
}

#chofficeright dl dt{
float:left;
width:90px;
padding:3px;
}

#chofficeright dl dd{
padding:3px;
}


#contact{
width:530px;
background:#f7f7f7;
height:450px;
float:left;
position:relative;
top:15px;
}

#contact dl{
float:left;
width:520px;
position:relative;
left:10px;
top:10px;
}

#contact dl dt{
float:left;
padding:5px;
width:140px;
}

#contact dl dd{
padding:5px;
}

#contact fieldset{
border:0;
}


#messagebox{
width:520px;
background:#ffc;
border:1px solid #ccc;
margin:20px 0 10px 0;
padding:0 5px 0 5px !important;
height:180px;
line-height:16px;
color:#000;
clear:both;
position:relative;
top:10px;
}

#messagebox h2{
font-size:12px !important;
font-weight:bold;
}

#messagebox ul{
margin:0;
padding:0;
float:none !important;
}

#messagebox ul li{
margin:0;
padding:0;
list-style:none;
float:none !important;
}

.error {
background:#ffffcc !important;
color:#000000;
}


#fname,#phonenumber,#email,#address1,#fbcaptcha,#company,#cspc{
border:1px solid #a5acb2;
}

#messages{
border:1px solid #a5acb2;
}

#searchbutton{
background:Url(../images/sendButton.gif) no-repeat;
border:0;
width:114px;
height:21px;
float:right;
position:relative;
right:35px;
}

#fbchangecaptcha
{
padding:0 0 5px 10px;
}

#fbcaptchaimg{
padding:10px 0 0 0;
}

#sitemapcolleft{
float:left;
margin:0;
padding:0 0 0 30px;
width:525px;
}

#sitemapcolleft ul li{
list-style:none;
padding:10px 0 0 0;
}

#sitemapcolleft ul li a{
font-size:14px;
text-decoration:underline;
color:#000000;
}

#sitemapcolleft ul li a:hover{
color:#737c84;
}

.rightside{
text-align:right;
position:relative;
right:10px;
}

.more{
font-family:arial;
font-size:11px;
color:#2494d4;
font-weight:bold;
background:url(../images/sidearrows.gif) right right no-repeat;
padding-right:10px;
text-decoration:none;
}