@import "text.css";
@import "form.css";

body { background-color: #ddd; text-align:center;}
#container { width: 760px; border: #000 1px solid; margin: 5px auto; background: #fff url(../images/footer_wave.gif) no-repeat bottom; text-align:left;}
body#homepage #container { background:url(../images/mediation.gif) no-repeat top left #FFF;  }
#printbanner {display:none; width:600px; text-align:right;}
#printbanner img {float:right;}

#header {background:url(../images/strapline.gif) no-repeat top left;}
#strapline {height: 60px;  color: #fff;}
#strapline p {margin: 0;  text-indent: -1000em; width: 500px; overflow: hidden; /* For nested divs in Safari *//* For nested divs in Safari */ }

#mainmenu { background-color: #ccc; color: #000; }
#mainmenu li, #sitenav li, #footer li, #submenu li { display: inline; list-style: none; line-height: 1.8em; padding: 0 7px; margin: 0; font-size: 0.9em; border-right: #000 1px solid; }
#mainmenu li.noborder, #sitenav li.noborder, #footer li.noborder { border-right: none; }
#footer a {text-decoration: none; color: #000; }
#mainmenu a, #sitenav a, #submenu a { font-size:.8em; font-weight:bold; text-decoration: none; color: #000;}
#mainmenu a:hover, #sitenav a:hover, #footer a:hover, #submenu a:hover {color:#903; text-decoration: underline;}
#sitenav { background-color: #fff; color: #000; }

#footer {padding-bottom: 4px; margin: 0px; clear: both;}
body#homepage #footer {margin: 30px 0 0 0; clear: both;}
#footer li {font-size: .7em; }
#footer a {text-decoration: underline; }
#logo {background: url(../images/pl_logo.gif) no-repeat top left; width: 82px; height: 102px; float: right; margin: 7px 7px 0 0; }
#logo a {text-indent: -1000em; width: 82px; height: 102px; display: block; overflow: hidden; /* For nested divs in Safari *//* For nested divs in Safari */ }
/* IE 5 hack */
#logo a {overflow: hidden;  } /* end hack */

#submenu { padding: 20px 0 0 0; width: 200px; float: left; }
#submenu ul { padding: 0 0 0 10px; }
#submenu li { font-size:.9em; display: block; padding: 0 0 0 13px; margin: 0; background: url(../images/bullet.gif) no-repeat  0 60% ; border-right:none;}

#submenu ul.sub { padding: 0px; }
#submenu li.sub { font-size:.9em; display: block; padding: 0 0 0 23px; margin: 0; background:none; border-right:none;}
#submenu ul.sub a { color:#999;}
#submenu ul.sub a:hover { color:#903;}

#submenuhome { padding: 4px 0 0 0; width: 180px; float: left; }
#submenuhome div {height:70px; width:140px;}
#submenuhome ul { padding: 0 0 0 10px; }
#submenuhome li { font-size:1em; display: block; padding: 0 0 0 13px; margin: 0; /*background: url(../images/bullet.gif) no-repeat;*/ border-right:none;}
#submenuhome ul ul { padding: 0px; }
#submenuhome li li{ font-size:1em; display: block; padding: 0; margin: 0; background:none; border-right:none;}

#submenuhome ul.leftnav {margin: 0; padding: 0;}
#submenuhome li.leftnav {margin: 0; padding: 0;list-style:none;}

/*#maincontent { padding: 25px 0 0 0; margin: 0 10px 0 210px;}*/
#maincontent { float: left; width: 540px; padding: 25px 0 0 0; margin: 0 0 128px 0; }

#left {float:left; margin:10px 10px 10px 0; padding:0; width:255px;}
#right {float:right; margin:10px 0 10px 10px; padding:0; width:255px;}

#homewave {background:url(../images/hp-banner.gif) no-repeat right; height:180px; width:560px;  margin: 0 0 0 10px;}
body#homepage #maincontent {padding:0; float:none; width: 740px; margin:150px 0 10px 10px;}
body#corporate #maincontent { background: url(../images/corporate_banners.jpg) no-repeat top left; padding-top: 160px; margin: 0 0 128px 0;}
body#employment #maincontent { background: url(../images/employment_banners.jpg) no-repeat top left; padding-top: 160px; margin: 0 0 128px 0;}
body#cproperty #maincontent { background: url(../images/cproperty_banners.jpg) no-repeat top left; padding-top: 160px; margin: 0 0 128px 0;}
body#rproperty #maincontent { background: url(../images/rproperty_banners.jpg) no-repeat top left; padding-top: 160px; margin: 0 0 128px 0;}
body#family #maincontent { background: url(../images/family_banners.jpg) no-repeat top left; padding-top: 160px; margin: 0 0 128px 0;}
body#will #maincontent { background: url(../images/will_banners.jpg) no-repeat top left; padding-top: 160px; margin: 0 0 128px 0;}
p#HPstrapline { clear: right;  margin:0;  text-indent: -1000em; height: 80px;  background: url(../images/hp-strapline.gif) no-repeat top left; overflow: hidden; /* For nested divs in Safari *//* For nested divs in Safari */ }


/* RHS BOXES */
#homepage #rhsBox { border: #666 1px solid; float: right; width: 250px; margin: 0 0 10px 12px; padding-bottom: 5px;}
#rhsBox { border: #666 1px solid; float: right; width: 150px; margin: 0 0 20px 12px; padding-bottom: 12px;}
#rhsBox p {font-size:.7em; margin: 0 8px 5px 8px; padding:0;}
#rhsBox h1 {font-size:1em; margin:8px}
#rhsBox p.rhscpoy {font-size:.7em; margin-top: 0; margin-right: 8px; margin-bottom: 5px; margin-left: 8px;}
#rhsBox p.address {font-size:.7em; margin-top: 0; margin-right: 8px; margin-bottom: 0; margin-left: 8px;}
#rhsBox ul {margin-left: 8px; margin-right: 8px; padding: 0;}
#rhsBox li {font-size: .7em; margin: 0; padding: 0; list-style:none;}
#rhsBox ul a {font-weight:normal; color:#903;}
#rhsBox ul a:hover {color:#999;}
.quote {float: left; margin: 4px; padding: 0;}

.commprop {padding-top:100px; background-image: url(../images/rhs_comm_prop.jpg); background-repeat: no-repeat; background-position: center top;}
.corp {padding-top:100px; background-image: url(../images/rhs_corp.jpg); background-repeat: no-repeat; background-position: center top;}
.comm {padding-top:100px; background-image: url(../images/rhs_comm.jpg); background-repeat: no-repeat; background-position: center top;}
.corplit {padding-top:100px; background-image: url(../images/rhs_corp_lit.jpg); background-repeat: no-repeat; background-position: center top;}
.employ {padding-top:100px; background-image: url(../images/rhs_employment.jpg); background-repeat: no-repeat; background-position: center top;}
.mediation {padding-top:100px; background-image: url(../images/rhs_mediation.jpg); background-repeat: no-repeat; background-position: center top;}
.client {padding-top:100px; background-image: url(../images/clients.jpg); background-repeat: no-repeat; background-position: center top;}
.history {padding-top:100px; background-image: url(../images/rhs_history.jpg); background-repeat: no-repeat; background-position: center top;}
.map {padding-top:100px; background-image: url(../images/map.jpg); background-repeat: no-repeat; background-position: center top;}
.vacancies {padding-top:100px; background-image: url(../images/vacancies.jpg); background-repeat: no-repeat; background-position: center top;}
.contact {padding-top:100px; background-image: url(../images/rhs_contact.jpg); background-repeat: no-repeat; background-position: center top;}
.wills {padding-top:100px; background-image: url(../images/rhs_wills.jpg); background-repeat: no-repeat; background-position: center top;}
.dispute {padding-top:100px; background-image: url(../images/rhs_dispute.jpg); background-repeat: no-repeat; background-position: center top;}
.resprop {padding-top:100px; background-image: url(../images/rhs_res_prop.jpg); background-repeat: no-repeat; background-position: center top;}
.rec1 {padding-top:100px; background-image: url(../images/rhs_rec_1.jpg); background-repeat: no-repeat; background-position: center top;}

/* Default settings for LHS image sub menu */
#submenuhome div { margin: 0 0 4px 8px; }
#submenuhome div a { text-indent: -1000em; width: 142px; height: 71px; display: block; overflow: hidden; /* For nested divs in Safari *//* For nested divs in Safari */ }

/* Coporate Law Rollover */
#HPcorplaw {background: url(../images/services_but_corporate.jpg) no-repeat left top; }	
#submenuhome div a#HPcorplaw { background: url(../images/services_but_corporate.jpg) no-repeat left top; }
#submenuhome div a#HPcorplaw:hover { background-position: 0px -71px; } 
/* IE 5 hack */#submenuhome div a#HPcorplaw {overflow: hidden;  } /* end hack */

/* Commercial Law Rollover */
#HPcomlaw {background: url(../images/services_but_commercial.jpg) no-repeat left top; }	
#submenuhome div a#HPcomlaw { background: url(../images/services_but_commercial.jpg) no-repeat left top; }
#submenuhome div a#HPcomlaw:hover { background-position: 0px -71px; } 
/* IE 5 hack */#submenuhome div a#HPcomlaw {overflow: hidden;  } /* end hack */

/* Employment Law Rollover */
#HPemplaw {background: url(../images/services_but_employment.jpg) no-repeat left top; }	
#submenuhome div a#HPemplaw { background: url(../images/services_but_employment.jpg) no-repeat left top; }
#submenuhome div a#HPemplaw:hover { background-position: 0px -71px; } 
/* IE 5 hack */#submenuhome div a#HPemplaw {overflow: hidden;  } /* end hack */

/* Property Rollover */
#HPpropcon{background: url(../images/services_but_property.jpg) no-repeat left top; }	
#submenuhome div a#HPpropcon { background: url(../images/services_but_property.jpg) no-repeat left top; }
#submenuhome div a#HPpropcon:hover { background-position: 0px -71px; } 
/* IE 5 hack */#submenuhome div a#HPpropcon {overflow: hidden;  } /* end hack */

/* Family Law Rollover */
#HPfamlaw{background: url(../images/services_but_dispute.jpg) no-repeat left top; }	
#submenuhome div a#HPfamlaw { background: url(../images/services_but_dispute.jpg) no-repeat left top; }
#submenuhome div a#HPfamlaw:hover { background-position: 0px -71px; } 
/* IE 5 hack */#submenuhome div a#HPfamlaw {overflow: hidden;  } /* end hack */

/* wills Rollover */
#HPwills{background: url(../images/services_but_wills.jpg) no-repeat left top; }	
#submenuhome div a#HPwills { background: url(../images/services_but_wills.jpg) no-repeat left top; }
#submenuhome div a#HPwills:hover { background-position: 0px -71px; } 
/* IE 5 hack */#submenuhome div a#HPwills {overflow: hidden;  } /* end hack */

.morebutton {
	width:43px;
	height: 12px;
	background: url(../images/more.gif) no-repeat top left;
	text-indent: -1000em; 
	display: block; 
	text-decoration: none;
}

.profilepic {margin: 5px 15px 15px 0; float: left;}
.logopic {margin: 5px 15px 9px 0; float: left;}
.mappic {margin: 1px 0 20px 0;}