/* CSS Document */
body{padding:0px; margin:0px; background:#091d26; color:#000; font:12px/14px Arial, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
p { margin: 0 0 10px 0; line-height: 1.3em; }
ul{list-style-type:none;}
img { border: 0; }
h2 span { display: none; }

a, a:link, a:visited { color: #8cb542; text-decoration: underline; }
a:hover { text-decoration: none; }

.clear {clear: both; margin: 0; height:0; }
.clear10 {clear: both; margin: 0; height:10px; }
.clear20 {clear: both; margin: 0; height:20px; }
.clear50 {clear: both; margin: 0; height:40px; }
.clear#end{height:15px}

p a{font:12px Arial, sans-serif; color:#000; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

p.ad_text1 { margin: 0 0 10px 33px; }

.headline{font:12px/14px Trebuchet MS, sans-serif; color:#80c306; font-weight:bold}
.subtitle{font:10px/10px Arial, Geneva, sans-serif; color:#a6a6a6;}

.green { color: #8cb542; font-weight: bold; }

#container{ width:705px; margin:0 auto; padding:5px; padding-top:0;}
#inner_container{ float:left; width:705px; padding: 0 5px 5px 5px; margin: 0 0 5px 0; border:#c2eecb 5px solid; border-top:none; background:#fff; }

/* HEADER */
#header{width:705px; height:380px; margin:0; padding:0; position:relative; background:url(../images/b_header.jpg) 0 0 no-repeat}

#header img#logo{position:absolute; top:28px; left:21px}
#header img#slogan{position:absolute; top:41px; left:372px}
#header img#btn_presentation{position:absolute; top:54px; left:521px}
#header img#slogan2{position:absolute; top:173px; left:372px}
#header img#btn_readmore{position:absolute; top:311px; left:579px}

#top{width:192px; position:absolute; top:176px; left:29px}
#top h2{height:36px; position:relative; margin-bottom:13px}

#top ul{margin-left:5px}
#top ul li{font:12px/14px Arial, Helvetica, sans-serif; color:#62f7ff; padding-left:39px; height:22px; margin-bottom:1px; padding-top:8px}
#top ul li.l01{ background:url(../images/check_top.jpg) 0 0 no-repeat}
#top ul li.l02{ background:url(../images/check_top-04.jpg) 0 0 no-repeat}
#top ul li.l03{ background:url(../images/check_top-05.jpg) 0 0 no-repeat}
#top ul li a{color:#62f7ff; text-decoration:none;}
#top ul li a:hover{color:#fff; text-decoration:none;}


#header ul.menu{position:absolute; top:352px; left:37px; width:660px}
#header ul.menu li{float:left; height:15px; margin-right:12px}
#header ul.menu li a{height:15px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{height:15px;}

#header ul.menu li.home a{width:40px; background:url(../images/btn_1.gif) 0 0 no-repeat; }
#header ul.menu li.home a:hover{width:40px; background:url(../images/btn_1_over.gif) 0 0 no-repeat;}

#header ul.menu li.approach a{width:99px; background:url(../images/btn_2.gif) 0 0 no-repeat; }
#header ul.menu li.approach a:hover{width:99px; background:url(../images/btn_2_over.gif) 0 0 no-repeat;}

#header ul.menu li.whychoose a{width:103px; background:url(../images/btn_3.gif) 0 0 no-repeat; }
#header ul.menu li.whychoose a:hover{width:103px; background:url(../images/btn_3_over.gif) 0 0 no-repeat;}

#header ul.menu li.law a{width:54px; background:url(../images/btn_5.gif) 0 0 no-repeat; }
#header ul.menu li.law a:hover{width:54px; background:url(../images/btn_5_over.gif) 0 0 no-repeat;}

#header ul.menu li.whatsinvolved a{width:112px; background:url(../images/btn_6.gif) 0 0 no-repeat; }
#header ul.menu li.whatsinvolved a:hover{width:112px; background:url(../images/btn_6_over.gif) 0 0 no-repeat;}

#header ul.menu li.contact {margin-right:0}
#header ul.menu li.contact a{width:77px; background:url(../images/btn_7.gif) 0 0 no-repeat; }
#header ul.menu li.contact a:hover{width:77px; background:url(../images/btn_7_over.gif) 0 0 no-repeat;}

#header ul.menu li.bullet{width:5px; background:url(../images/spacer_m.gif) 0 5px no-repeat}

/* CONTENT */

#content{ float: left; width:705px; margin-top:5px}

.left_col { float: left; width:350px; height: auto; background: url(../images/b_ad.gif) #fff 0 0 no-repeat; margin: 0 5px 0 0; }
.right_col { float: left; width:350px; height: auto; background: url(../images/b_ad.gif) #fff 0 0 no-repeat; }

.fulwidth_col { float: left; width:700px; height: auto; background: #fff; margin: 0 5px 0 0; }

.left_bottom { float: left; width:350px; height: auto; }
.right_bottom { float: left; width:350px; height: auto; }

.innertube { padding: 15px 20px; }

.left_col ul { list-style: none; margin: 20px 0 0 20px; }
.left_col ul li, .right_col ul li { padding: 0 0 0 65px; margin: 0 0 15px 0; }
.left_col ul li.step1 { background: url(../images/step1.gif) 0 0 no-repeat; }
.left_col ul li.step2 { background: url(../images/step2.gif) 0 0 no-repeat; }
.right_col ul li.step3 { background: url(../images/step3.gif) 0 0 no-repeat; }
.right_col ul li.step4 { background: url(../images/step4.gif) 0 0 no-repeat; }

.left_col ul li.post { height: 53px; background: url(../images/post.gif) 0 0 no-repeat; }
.left_col ul li.phone { height: 53px; background: url(../images/phone.gif) 0 0 no-repeat; }
.left_col ul li.email { height: 53px; background: url(../images/email.gif) 0 0 no-repeat; }

#rightPan #services ul li { padding: 0; margin: 0 0 15px 0; }

.ad ul.btn_details{width:72px; height:22px; background:url(../images/b_btn_details.gif) 0 0 no-repeat}
.ad ul.btn_details li{text-align:center; padding-top:4px}
.ad ul.btn_details li a{font:10px/14px Arial, Geneva, sans-serif; color:#0c292b; text-decoration:none;}
.ad ul.btn_details li a:hover{text-decoration:underline;}

.ad, .left, .right {width:350px; height:auto; background: url(../images/b_ad.gif) 0 0 no-repeat; position:relative; margin-bottom:16px}
.ad img{position: absolute; top:10px; left:10px} 
h2.home{ width:290px;height:67px; background:url(../images/h_ad.gif) 0 5px no-repeat; margin-bottom:15px}
h2.site{ width:290px;height:67px; background:url(../images/h_ad2.gif) 0 5px no-repeat; margin-bottom:15px}
h2.approach{ width:290px;height:67px; background:url(../images/h_ad3.gif) 0 5px no-repeat; margin-bottom:15px}
h2.why{ width:290px;height:67px; background:url(../images/h_ad4.gif) 0 5px no-repeat; margin-bottom:15px}
h2.law{ width:254px;height:67px; background:url(../images/thelaw.gif) 0 5px no-repeat; margin-bottom:15px}
h2.whatsinvolved{ width:305px;height:67px; background:url(../images/whatsinvolved.gif) 0 5px no-repeat; margin-bottom:15px}
h2.contactus{ width:214px;height:67px; background:url(../images/contactus.gif) 0 5px no-repeat; margin-bottom:15px}
h2.thanks{ width:202px;height:67px; background:url(../images/thanks.gif) 0 5px no-repeat; margin-bottom:15px}
h2.terms{ width:392px;height:67px; background:url(../images/terms.gif) 0 5px no-repeat; margin-bottom:15px}

h2.probatemategives{height:51px; background:url(../images/probatemategives.gif) 35px 10px no-repeat;}
h2.extraservices{height:51px; background:url(../images/extraservices.gif) 35px 10px no-repeat;}
h2.howlong{height:51px; background:url(../images/howlong.gif) 35px 10px no-repeat;}
h2.enquiryform{height:51px; background:url(../images/enquiryform.gif) 35px 10px no-repeat;}

ul.ad_list{ list-style:none;margin-left:64px; margin-bottom:6px}
ul.ad_list1{ list-style:none;margin-left:35px; margin-bottom:6px}
ul.ad_list li, ul.ad_list1 li { background: url(../images/listbullet.gif) 0 5px no-repeat;padding:0 0 0 13px;}
ul.ad_list li a, ul.ad_list1 li a { color: #000; text-decoration:none;}
ul.ad_list li a:hover, ul.ad_list1 li a:hover {color:#8cb542; text-decoration:underline;}

/* FOOTER */

#footer{width:705px; margin:0 auto; margin-top:23px; height:80px;}
#footer p{font:10px/14px Arial, Geneva, sans-serif; font-weight:normal; text-align:center; color:#FFF;}
#footer p a{font:10px/14px Arial, Geneva, sans-serif; font-weight:normal; color:#FFF; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#FFF; color:#000}

/* FORMS */

form { float: left; margin: 0 0 0 35px; display:inline; }
input, select, textarea { font:10px/14px Arial, Geneva, sans-serif; font-weight:normal; }
input, select { vertical-align:middle; font-weight:normal;}
form img { border: 0; width: 91px; height: 35px;}

label { float: left; width: 100px; }
input.txtfield {width:148px; background:#fff; color:#0e0e0e; padding:1px 0 1px 3px; border:1px solid #333; padding-left:3px;}
textarea { width:148px; height:98px; background:#fff; overflow:auto; border:1px solid #e1e1e1; color:#0e0e0e; padding:1px 0 0 3px;  border:1px solid #333;}