/* Global */

.fleft{float:left;}
.fright{float:right;}
.clear{clear:both}
p{text-align:justify; margin:3px 0px 15px 0px;}
a img{border:0px}
a{outline:none; font-weight:bold;color:#096f7b;}
ul{margin:10px 0px 15px 0px; padding:0px 0px 0px 30px;}
.bold {font-weight:bold;}
body{font:normal 11px Verdana, Arial, Helvetica, sans-serif;background:url(../images/gradient-back.gif) left top repeat-x;  color:#3e3c3c; padding:0px; margin:0 auto; border:none;}
.right{text-align:right}
.left{text-align:left}
h1{font-weight:bold; font-size:14px; margin:0; padding:0px; color:#3e3c3c}
h2{font-weight:bold; font-size:12px; margin:0; padding:0px; color:#096f7b}
ul li {padding:0px 0px 5px 0px;}
ul li a {color:#0094A5;}

.header{font-weight:bold; font-size:14px; margin:0; padding:0px;}
.phone{font-weight:bold; font-size:18px; padding:10px 0 0 15px;}
.email{font-weight:bold; font-size:10px; padding:10px 0 0 15px;}
.thin{height:5px; width:auto; overflow:hidden}
.header1{font-weight:normal; font-size:14px; margin:0 0 5px 0; padding:0px;}

.emp{color:#d9a700} .empbg{background:#d9a700;} .emp a{color:#d9a700; text-decoration:underline}
.prop{color:#d90f4e} .propbg{background:#d90f4e;} .prop a{color:#d90f4e; text-decoration:underline}
.biz{color:#379201} .bizbg{background:#379201;} .biz a{color:#379201; text-decoration:underline}
.deb{color:#21568e} .debbg{background:#21568e;} .deb a{color:#21568e; text-decoration:underline}
.lit{color:#d17321} .litbg{background:#d17321;} .lit a{color:#d17321; text-decoration:underline}
.pinj{color:#1d9dea} .pinjbg{background:#1d9dea;} .pinj a{color:#1d9dea; text-decoration:underline}
.wil{color:#b60400} .wilbg{background:#b60400;} .wil a{color:#b60400; text-decoration:underline}
.fam{color:#503566} .fambg{background:#503566;} .fam a{color:#503566; text-decoration:underline}

.hmcall {display: none; border: 0 none;}

#active-bend{position:absolute;left:70px;top:52px;}
#banner-text{float:left; padding:90px 0 0 27px; font-weight:bold; font-size:18px; color:#fffbf0; font-family:Arial, Helvetica, sans-serif}
.solicitors{float:left;  width:562px; position:relative; height:149px;}

.employment{background:url(../images/employment-solicitor-back.gif) left repeat-x}
.property{background:url(../images/property-solicitor-back.gif) left repeat-x}
.business{background:url(../images/business-solicitor-back.gif) left repeat-x}
.debt{background:url(../images/debt-recovery-solicitor-back.gif) left repeat-x}
.litigation{background:url(../images/litigation-solicitor-back.gif) left repeat-x}
.personal{background:url(../images/personal-injury-solicitor-b.gif) left repeat-x}
.wills{background:url(../images/wills-solicitor-back.gif) left repeat-x}
.family{background:url(../images/family-law-solicitor-back.gif) left repeat-x}


#outerWrapper{height:auto; width:889px; margin:0 auto; padding:0px; background:url(../images/mid-back.png) top repeat-y}
#inerWrapper{height:auto; width:889px; margin:0 auto; padding:0px; background:url(../images/solicitors-top-back.gif) top  no-repeat}
#container{height:auto; width:750px; margin:0 auto; padding:55px 0 0 0; height:auto}

#headerWrapper{height:auto; width:750px; margin:0 auto; padding:0px; clear:both}
#bodyWrapper{height:auto; width:750px; margin:0px auto; padding:0px; clear:both}
#outer-footerWrapper{width:750px; height:auto; padding:20px 0 0 0;}
#footerWrapper{height:auto; width:730px; margin:0px auto; padding:20px 10px 0 10px; clear:both; border-top:4px solid #0094a5}

#lower-body{position:relative; width:750px; height:auto; clear:both; margin:0px;}
#lower-body1{position:relative; width:750px; height:auto; clear:both; margin:0px; padding:13px 0 10px 0; background-color:#f3f3f3}

#resolution{margin:10px 0;}

#phone{ float:right;margin:13px 0 0 0}
#call-text{ float:right;margin:20px 10px 0 0; color:#0094a5}

#top-nav{position:relative; margin:0px; padding:0px; width:750px; height:auto }
#top-nav ul{margin:0px; padding:0px 0 5px 0;margin:10px 0 25px 0;/*use marging buttom of ul insted of marging-top of bodyWrapper for Opera*/ list-style:none; float:right; border-bottom:2px solid #dcdcdc}
#top-nav ul li{display:inline; margin:0 35px 0 0}
#top-nav ul li.last{margin:0px}
#top-nav ul li a{ text-decoration:none; color:#646769;  padding:0; height:auto; width:auto; font-weight:bold}
#top-nav ul li a:hover{color:#0094a5;}
#top-nav ul li a.active{color:#0094a5;}

#nav-top{height:auto; width:750px; margin:0px; padding:0px 0 10px 0; clear:both; position:relative}
#nav-top ul{list-style-type: none;margin: 0px;padding: 0px;}
#nav-top ul li{margin-bottom:10px;display:block; width:90px; height:70px; float:left;  padding:0px;margin:0 4px 0 0;color:#ffffff; font-size:11px; font-weight:bold; }
#nav-top ul li.end{ margin:0px}
#nav-top ul li a {display:block;width:82px;height:62px;text-decoration: none;color:#ffffff; padding:8px 0 0 5px;font-size:11px; font-weight:bold; text-align:left;}

 
#employment a{background:url(../images/employment-law-solicitors.gif) no-repeat top;}
#property a{background:url(../images/property-law-solicitors.gif) no-repeat top;}
#business a{background:url(../images/business-services-solicitors.gif) no-repeat top;}
#debt a{background:url(../images/debt-recovery-solicitors.gif) top}
#litigation a{background:url(../images/litigation-solicitors.gif) no-repeat top;}
#personal a{background:url(../images/personal-injury-solicitors.gif) no-repeat top;}
#wills a{background:url(../images/wills-trust-probate-solicitors.gif) no-repeat top;}
#family a{background:url(../images/family-law-solicitors.gif) no-repeat top;}

#employment a:hover,#e #employment a{background:url(../images/employment-law-solicitors.gif) no-repeat bottom;}
#property a:hover,#p #property a{background:url(../images/property-law-solicitors.gif) no-repeat bottom;}
#business a:hover,#b #business a{background:url(../images/business-services-solicitors.gif) no-repeat bottom;}
#debt a:hover,#d #debt a{background:url(../images/debt-recovery-solicitors.gif) no-repeat bottom;}
#litigation a:hover,#l #litigation a{background:url(../images/litigation-solicitors.gif) no-repeat bottom;}
#personal a:hover,#pe #personal a{background:url(../images/personal-injury-solicitors.gif) no-repeat bottom;}
#wills a:hover,#w #wills a{background:url(../images/wills-trust-probate-solicitors.gif) no-repeat bottom;}
#family a:hover,#f #family a{background:url(../images/family-law-solicitors.gif) no-repeat bottom;}


#header-gray{position:relative; width:750px; height:auto; clear:both; margin:0px; padding:0px 0 20px 0}
#left-gray{float:left; width:562px; position:relative; height:149px; background:url(../images/home-img-back.gif) left repeat-x}
#right-gray{float:right; width:184px; height:149px; background:url(../images/call-percy-hughes-solicitor.jpg) no-repeat}
#every{float:right; margin:50px 44px 0 0}
#latest-news{background:url(../images/meet-the-solicitor-team.gif) bottom no-repeat; width:150px; height:81px; padding:20px 0 0 0}

#leftCol{float:left; width:150px; padding:0 22px 0 0; height:auto; margin:0px; position:relative; background:url(../images/text-slpitter.gif) right top no-repeat}
#middleCol{float:left; width:379px; padding:0 28px 0 15px;_padding:0 25px 0 15px; height:auto; margin:0px; position:relative;}
#rightCol{float:right; width:156px; height:auto; margin:0px; padding:0px; position:relative}

/*Other Pages*/
#leftCols{float:left; width:524px; padding:0 28px 0 20px; height:auto; margin:0px; position:relative}
#rightCols{float:left; width:157px; padding:0 21px 0 0; height:auto; margin:0px; position:relative}

#back-loging{background:url(../images/news-letter-back.gif) no-repeat; width:136px; height:234px; padding:10px;color:#FFFFFF}
#sign-up{font-size:16px; font-weight:bold; padding:0 0 2px 0; border-bottom:3px solid #FFFFFF}

#log-test{margin:10px 0 0 0; line-height:11px}
#loging{width:136px; padding:0px; margin:10px 0 0 0;}
#loging label{display:block;padding:0 0 0 5px; text-align:left; font-weight:bold; color:#FFFFFF}
#loging .input{background-color:#ffffff;margin-bottom:1px; border:1px solid #dadada; font-weight:normal; font-size:10px; width:132px; color:#0c365c}
#loging div{margin: 0 0 4px 0;}
#loging div.last{margin:0px}
.form{margin:0px; padding:0px;}
#loging .submit{ width:90px}
#submit1{padding:0px; text-align:right; padding:10px 0 0 0}

.news-bg{background:url(../images/news-back.gif) left repeat-x; height:20px; width:auto; padding:0 0 0 6px; color:#FFFFFF; font-size:14px}
.more-news{font-size:12px; background:url(../images/more-info-button.gif)  right no-repeat; width:auto; height:12px; text-align:right; margin:0 0 20px 0; padding:0 30px 3px 0}
.more-news a{ text-decoration:none; color:#3e3c3c;}

/*############# Vertical Scrolling Text ##############*/
#scroll-body{ padding:0px 0 0px 0;position:relative; width:150px; height:150px !important;/*border-bottom:2px dotted #a48a43; border-top:2px dotted #a48a43;*//* This height for viewing scrolling text */}

#awardswrap {position: relative;left:0px; top:0px;width:150px; height:100% !important;overflow:hidden;z-index:1;}
#scrollingtext {position: relative;text-align:left;font-size:11px; background-color:#ffffff}

#scrollingtext .space{padding-bottom:20px;}

#top-fade{position:absolute;width:147px;height:10px;top: 0px;left:0px;z-index:2;background:transparent url(../images/news-grad-top.png) no-repeat;/*for Mozila*/}
#btm-fade{position:absolute;width:147px;height:10px;top:140px;left:0px;z-index:2;background:transparent url(../images/news-grad-btm.png) no-repeat;}
.gap{width:1px; height:150px;}

/*############# End Scrolling Text ##############*/

#footer-address{margin:10px 0 0 0; font-weight:bold;color:#444444;}

#footer-left{float:left; width:430px; height:auto}
#footer-left ul{margin:0px; padding:0px; list-style:none; height:20px}
#footer-left ul li{ display:block; float:left; margin:0 30px 0 0}
#footer-left ul li a{text-decoration:none; display:block; color:#373737; padding:0 0 1px 0}
#footer-left ul li a:hover{border-bottom:3px solid #0094a5}

#footer-right{float:right; width:300px; height:auto; text-align:right}
#footer-right ul{margin:0px; padding:0px; list-style:none}
#footer-right ul li{ display:inline; margin:0px}
#footer-right ul li a{text-decoration:none; color:#444444; font-weight:bold}
#footer-left ul li a.current{border-bottom:3px solid #0094a5}

#footer-image{height:auto; width:889px; margin:0 auto;}



/*Contact Pages*/
#con-left{width:500px; float:left; padding:0px; font-weight:bold;color:#4e4e4e}
#con-left label{display:block; float:left; width:80px;padding:2px 0 0 5px; text-align:left; color:#4e4e4e}
#con-left .input{ background-color:#ffffff;margin-bottom:2px;  border:1px solid #d7d6d7; font-weight:normal; font-size:12px; width:236px; color:#0c365c}
#con-left textarea{ background-color:#ffffff;margin:0px;  border:1px solid #d7d6d7; font-weight:normal; font-size:12px; width:344px; height:110px; color:#0c365c}
#con-left div{margin: 0 0 6px 0;}
#con-left div.last{margin:0px}
.form{margin:0px; padding:0px;}
#con-left .submit{background:url(../images/submit-form.gif) no-repeat; width:77px; height:22px; border:none; cursor:pointer}
#submit{padding:8px 80px 0 0; text-align:right}
#form-text{color:#4e4e4e; padding:0 0 23px 0}
#address{color:#096f7b; line-height:16px; padding:15px 0 0 1px}

/*Employment Solicitors*/
#emp-header{position:relative; width:750px; height:auto; clear:both; margin:0px; padding:0px 0 10px 0}
#emp-right{float:right; width:184px; height:149px; background:url(../images/call-percy-hughes-solicitor.jpg) no-repeat}

#emp-leftCols{float:left; width:522px; padding:0 44px 0 0px; height:auto; margin:0px; position:relative}
#emp-rightCols{float:left; width:184px; padding:0px; height:auto; margin:0px; position:relative}
#talk-emp{font-weight:bold; font-size:16px; padding:30px 0 0 15px; color:#5d5d5d}


.emp-back{ background:#F4F4F4 url(../images/solicitors-back.gif) repeat-x left bottom; width:auto; text-align:left; height:auto; padding:15px;  margin:0 0 10px 0;}
.emp-back p{text-align:left}

/*People*/
#leftCols1{float:left; width:562px; padding:0 32px 0 0px; height:auto; margin:0px; position:relative}
#rightCol1{float:right; width:156px; height:auto; margin:0px; padding:0px; position:relative}
#leftCols1 ul{margin:0; padding:30px 0 0 0;*padding:15px 0 0 0; list-style:none; clear:both}
#leftCols1 li{display:block; float:left; color:#d90e4e; text-align:left;  font-weight:bold; width:160px; height:auto; padding:0 0 10px 0; margin:10px 41px 10px 0; background:url(../images/dot-dividers.gif) bottom left repeat-x}
#leftCols1 li.last{margin:10px 0px 10px 0}
#leftCols1 label{display:block;}
.name{color:#3e3c3c; font-size:12px; margin:20px 0 5px 0; padding:0px}
#leftCols1 li a{ font-size:12px; text-decoration:underline; color:#d90e4e; font-weight:bold;}
.news-back{ background:url(../images/news-back.gif) left repeat-x; height:17px; padding:3px 0 0 8px; color:#FFFFFF; font-weight:bold; font-size:12px;width:auto}
#leftCols1 ul.orange li{color:#d07321}
#leftCols1 ul.orange li a{color:#d07321;}
#leftCols1 ul.red li{color:#B60400}
#leftCols1 ul.red li a{color:#B60400;}
#leftCols1 ul.green li{color:#379201}
#leftCols1 ul.green li a{color:#379201;}

#leftCols1 a span {display:none;}
#leftCols1 a:hover {text-decoration:none;border:none;}
#leftCols1 a:hover span.jackie {display:block;position:absolute;clear:both;top:40px;left:110px;width:300px;background-color:#eeeeee;border:solid 1px #096F7B;color:#096F7B;padding:10px;text-align:justify;}
#leftCols1 a:hover span.helen {display:block;position:absolute;clear:both;top:40px;left:70px;width:300px;background-color:#eeeeee;border:solid 1px #096F7B;color:#096F7B;padding:10px;text-align:justify;}
#leftCols1 a:hover span.carol {display:block;position:absolute;clear:both;top:1300px;left:310px;width:300px;background-color:#eeeeee;border:solid 1px #096F7B;color:#096F7B;padding:10px;text-align:justify;}
#leftCols1 a:hover span.wendy {display:block;position:absolute;clear:both;top:1300px;left:110px;width:300px;background-color:#eeeeee;border:solid 1px #096F7B;color:#096F7B;padding:10px;text-align:justify;}
#leftCols1 a:hover span.peter {display:block;position:absolute;clear:both;top:270px;left:110px;width:300px;background-color:#eeeeee;border:solid 1px #096F7B;color:#096F7B;padding:10px;text-align:justify;}
#leftCols1 a:hover span.alison {display:block;position:absolute;clear:both;top:1550px;left:110px;width:300px;background-color:#eeeeee;border:solid 1px #096F7B;color:#096F7B;padding:10px;text-align:justify;}
#leftCols1 a:hover span.mark {display:block;position:absolute;clear:both;top:1050px;left:110px;width:300px;background-color:#eeeeee;border:solid 1px #096F7B;color:#096F7B;padding:10px;text-align:justify;}
#leftCols1 a:hover span.gareth {display:block;position:absolute;clear:both;top:540px;left:110px;width:300px;background-color:#eeeeee;border:solid 1px #096F7B;color:#096F7B;padding:10px;text-align:justify;}
#leftCols1 a:hover span.vanessa {display:block;position:absolute;clear:both;top:540px;left:310px;width:300px;background-color:#eeeeee;border:solid 1px #096F7B;color:#096F7B;padding:10px;text-align:justify;}
#leftCols1 a:hover span.vicky {display:block;position:absolute;clear:both;top:760px;left:110px;width:300px;background-color:#eeeeee;border:solid 1px #096F7B;color:#096F7B;padding:10px;text-align:justify;}
#leftCols1 a:hover span.lindsey {display:block;position:absolute;clear:both;top:1050px;left:310px;width:300px;background-color:#eeeeee;border:solid 1px #096F7B;color:#096F7B;padding:10px;text-align:justify;}

.profile {padding:5px 10px 10px 0px;float:left;}
.profileName {color:#0094A5; cursor:pointer; font-weight:bold;}

.ppl li {
padding:10px 0px 10px 0px;
}