/* CSS Document */

body {padding:0; margin:0; font:normal 12px/15px Arial, Helvetica, sans-serif; color:#2D3235; background:url(../images/body_bg.jpg) repeat-x 0 0 #ffffff;}
div,p,h1,h2,h3,ul,li,a,span,ins,form,fieldset,input,select,button,textarea,label {padding:0; margin:0;}
ul{list-style:none; padding:0; margin:0;}
.speacer{ clear:both; line-height:0; padding:0; margin:0; height:0; font-size:0}
img{padding:0; margin:0; border:none;}
p{font:normal 12px/15px Arial, Helvetica, sans-serif; color:#2D3235; padding:0; margin:0; }
p span{color:#5D95C1;}
h2{font:normal 24px/26px Tahoma; color:#5D95C1; padding:0 0 14px 0; margin:0;}
h3{font:normal 22px/24px Tahoma; color:#5D95C1; padding:0 0 5px 0; margin:0;}
a{font:normal 12px/15px Arial, Helvetica, sans-serif; color:#77773C; text-decoration:none; }
a:hover{text-decoration:underline; }

/* -------------- main-part ------------------- */

.mainBody{ width:729px; margin:0 auto; padding:0;}

/* -------------- top-part ------------------- */

.topPart{ width:729px; padding:0 0 21px 0; margin:0; height:65px; background:url(../images/top_bg.jpg) no-repeat 0 0;}
.logoTop{ float:left; display:block; width:245px; padding:23px 0 0 0;}
.topMenu{ float:right; display:block; width:479px; height:25px; padding:40px 0 0 0;}

/* -------------- menu-part ------------------- */

#nav {padding:0; margin:0; list-style:none; height:25px; position:relative; z-index:500; margin:0; width:auto; float:right}
#nav li.top {display:block; float:left; height:25px; width:auto; font:normal 10px/25px Arial, Helvetica, sans-serif;  color:#ffffff; margin-right:2px;}
#nav li a.top_link {display:block; background: url(../images/three_1.gif) no-repeat; float:left; height:25px; width:auto;  text-decoration:none;  padding:0 0 0 8px; cursor:pointer; font:normal 10px/25px Arial, Helvetica, sans-serif;  color:#ffffff;}
#nav li a.top_link span {float:left; background: url(../images/three_1.gif) no-repeat right top; display:block;  width:auto; font:normal 10px/25px Arial, Helvetica, sans-serif;  color:#ffffff; padding:0 15px 0 8px;}
#nav li:hover a.top_link {color:#fff; background: url(../images/three_1_hover.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(../images/three_1_hover.gif) no-repeat right top; color:#000000;}

#nav li a.active span {float:left; display:block; padding:0 15px 0 8px; height:25px; width:auto;}
#nav li a.active {color:#000000; background: url(../images/three_1_hover.gif) no-repeat; display:block; float:left; height:25px; width:auto; font:normal 10px/25px Arial, Helvetica, sans-serif;  color:#ffffff; padding:0 0 0 8px; font-weight:bold;}
#nav li a.active span {background:url(../images/three_1_hover.gif) no-repeat right top; color:#000000; }

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:-30px; top:25px; background: #ffffff; padding:0; white-space:nowrap; height:auto; z-index:300; width:400px;}
#nav li:hover ul.sub li
{display:block; height:20px; font-weight:normal; float:left; color:#000000; line-height:20px;}
#nav li:hover ul.sub li a
{font-size:11px; height:20px; line-height:20px; color:#000; text-decoration:none; padding:0 6px;}
#nav li ul.sub li a.fly
{background:#ffffff;}
#nav li:hover ul.sub li a:hover 
{ color:#FF1200;}
#nav li:hover ul.sub li a.fly:hover
{color:#FF1200;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:40px; background: #ffffff; padding:0; white-space:nowrap; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{color:#FF1200; } 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{color:#FF1200;} 


/* -------------- banner-part ------------------- */

.topbanner{width:729px; height:241px; padding:0 0 7px 0;}

/* -------------- mid-part ------------------- */

.midArea{width:729px; background:url(../images/mid_mid_bg.jpg) repeat-y 0 0; margin:0 0 30px 0;}
.containMid{width:699px; background:url(../images/mid_mid_fixed.jpg) no-repeat 0 0; padding:19px 15px 8px 15px;}
.leftPart{ float:left; display:block; width:445px; padding:0;}
.leftPartSub{ float:left; display:block; width:444px; padding:0; color:#4A4A4A; border:#CCCCCC}
.rightPart{ float:right; display:block; width:221px; padding:0;}

ul.leftlink{ padding:20px 0 0 0; margin:0; list-style-type:none;}
ul.leftlink li{ padding:0 0 6px 0; margin:0; font:normal 14px/18px Arial, Helvetica, sans-serif; color:#77773C;}
ul.leftlink li a{ padding:0; margin:0; font:normal 14px/18px Arial, Helvetica, sans-serif; color:#77773C; text-decoration:none;}
ul.leftlink li a:hover{text-decoration:underline;}

.practise_areas{ width:221px;  repeat-y 0 0;}

ul.rightLink{ padding:0 0 0 1px; margin:0; list-style-type:none; width:217px;}
ul.rightLink li{ padding:0; margin:0 0 1px 0; font:bold 14px/29px Tahoma, Arial, Helvetica, sans-serif; color:#77773C;; background:url(../images/right_li_bg.gif) repeat-x 0 0;}
ul.rightLink li a{ padding:0 0 0 28px; margin:0; font:bold 14px/29px Tahoma, Arial, Helvetica, sans-serif; color:#77773C;; text-decoration:none; background:url(../images/right_a_link_bg.gif) no-repeat 7px 3px;}
ul.rightLink li a:hover{color:#5D95C1; text-decoration:none;}
ul.rightLink li a.active{color:#5D95C1;; text-decoration:none;}


ul.rightmenu{ padding:0 0 7 3px; margin:0 0 1px 0; list-style-type:none; width:217px; list-style-image:url("../images/control_000_small.png") no-repeat 7px 3px; background:url(../images/control_000_small.png) no-repeat 7px 3px; margin-left: 1em;
list-style-type:square;}
ul.rightmenu li{ padding:0; margin:0 0 0px 3px; font:normal 12px/18px Tahoma, Arial, Helvetica, sans-serif; color:#4A4A4A; }
ul.rightmenu li a{ padding:0 0 0 28px; margin:0; font:bold 14px/29px Tahoma, Arial, Helvetica, sans-serif; color:#4A4A4A; text-decoration:none; background:url(../images/control_000_small.png) no-repeat 7px 3px;}



.smallContact a{ width:214px; background:url(../images/contact_bg.gif) no-repeat 0 0; height:100px; display: block; padding:9px 0 0 7px;}
.smallContact a span{ visibility: hidden;}

/* -------------- footer-part ------------------- */

.footer{ padding:10px; width:707px; color:#2B3033; font:normal 12px/18px Arial, Helvetica, sans-serif; background-color:#FFFFFF; border:1px solid #EBEAEA; margin:0 0 20px 0}

ul.bottomMenu { padding:0 0 2px 7px; margin:0; list-style-type:none; text-align:left}
ul.bottomMenu li{ padding:0; margin:0; display:inline; font:normal 12px/15px Arial, Helvetica, sans-serif; color:#808048;}
ul.bottomMenu li a{ font:normal 12px/15px Arial, Helvetica, sans-serif; color:#808048; text-decoration:none; padding:0 3px;}
ul.bottomMenu li a:hover{color:#5D95C1;text-decoration:none;}