@charset "utf-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

/* Main Styles */
body {
	/*background: url(../images/bg-slice.gif) repeat-x #E1E1E1;*/
	background: #E1E1E1;
	font-family: Arial, Helvetica, sans-serif;
}

/* Layout Styles */
#container {
	width: 770px;
	margin: 0 auto;
	border-left: 1px solid #F8FAF5;
	border-right: 1px solid #F8FAF5;
}

#main #leftBar {
	float: left;
	width: 237px;
}

#main #content {
	float: left;
	width: 500px;
}


/* Header Styles */
#header {
	background: url(../images/header-bg.jpg) no-repeat top left;
	height: 49px;
	padding: 8px 140px;
}

#header img {
	float: left;
	border: none;
}

#header p {
	clear: right;
	float: right;
	width: 250px;
	text-align: left;
	text-transform: uppercase;
}

#header p#solicitorsTitle {
	padding-top: 7px;
	color: #F8FAF5;
}

#header p#sinceTitle {
	color: #57975B;
	font-size: 90%;
}

/* Navigation Styles */
#navigation {
	background: url(../images/nav-bg-slice.gif) repeat-x;
	height: 35px;
}

#navigation ul {
	padding: 12px 0 0 7px;
	margin-bottom: 10px;
}

#navigation li {
	display: inline;
	background-color: #044105;
	border-color: #F8FAF5;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	padding: 5px 12px;
}

#navigation li a {
	color: #57975A;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 75%;
}

/* Alternate styling for selected item */
body#home #navigation li#homeLink,
body#aboutUs #navigation li#aboutUsLink,
body#services #navigation li#servicesLink,
body#caseProgress #navigation li#caseProgressLink,
body#findUs #navigation li#findUsLink,
body#contact #navigation li#contactLink {
	background-color: #005802;
}

body#home #navigation li#homeLink a,
body#aboutUs #navigation li#aboutUsLink a,
body#services #navigation li#servicesLink a,
body#caseProgress #navigation li#caseProgressLink a,
body#findUs #navigation li#findUsLink a,
body#contact #navigation li#contactLink a {
	color: #F8FAF5;
}


/* Page Title Styles */
#pageTitle {
	height: 65px;
	background: url(../images/h1-bg.jpg) no-repeat;
	padding: 5px 0 0 10px;
}

#pageTitle #breadcrumbs {
	font-size: 75%;
	color: #579858;
	padding-bottom: 10px;
}

#pageTitle #breadcrumbs a {
	color: #579858;
}

h1 {
	color: #EFEFEF;	
}

/* Secondary Navigation */
/* Only show navigation on services page */
#leftBar ul {
	visibility: hidden;
	float: right;
	list-style: none;
	text-transform: uppercase;
}

body#services #leftBar ul {
	visibility: visible;
}


#leftBar ul li {
	/* Need to replace with a white image, same size as green arrow */
	background: url(../images/left-no-arrow.gif) no-repeat right center #033D04;
	margin: 5px;
	padding: 1px 18px 1px 20px;
	border-style: solid;
	border-color: #F8FAF5;
	border-width: 1px 0 1px 1px;
}

/* Alternate styling for selected item */
body.companyLaw #leftBar ul li#companyLaw,
body.employmentLaw #leftBar ul li#employmentLaw,
body.bankingLitigation #leftBar ul li#bankingLitigation,
body.debtRecovery #leftBar ul li#debtRecovery,
body.commercialDisputes #leftBar ul li#commercialDisputes,
body.commercialProperty #leftBar ul li#commercialProperty,
body.familyMatters #leftBar ul li#familyMatters,
body.willsAndProbates #leftBar ul li#willsAndProbates,
body.adminOfEstates #leftBar ul li#adminOfEstates,
body.residentialConveyancing #leftBar ul li#residentialConveyancing,
body.landlordAndTenantIssues #leftBar ul li#landlordAndTenantIssues,
body.personalInjury #leftBar ul li#personalInjury,
body.clinicalNegligence #leftBar ul li#clinicalNegligence,
body.noWinNoFee #leftBar ul li#noWinNoFee {
	background: url(../images/left-arrow.gif) no-repeat right center #005302;
}

body.companyLaw #leftBar ul li#companyLaw a,
body.employmentLaw #leftBar ul li#employmentLaw a,
body.bankingLitigation #leftBar ul li#bankingLitigation a,
body.debtRecovery #leftBar ul li#debtRecovery a,
body.commercialDisputes #leftBar ul li#commercialDisputes a,
body.commercialProperty #leftBar ul li#commercialProperty a,
body.familyMatters #leftBar ul li#familyMatters a,
body.willsAndProbates #leftBar ul li#willsAndProbates a,
body.adminOfEstates #leftBar ul li#adminOfEstates a,
body.residentialConveyancing #leftBar ul li#residentialConveyancing a,
body.landlordAndTenantIssues #leftBar ul li#landlordAndTenantIssues a,
body.personalInjury #leftBar ul li#personalInjury a,
body.clinicalNegligence #leftBar ul li#clinicalNegligence a,
body.noWinNoFee #leftBar ul li#noWinNoFee a {
	color: #F8FAF5;
}

#leftBar ul li a {
	color: #569659;
	font-size: 75%;
	text-decoration: none;
}

#leftBar ul ul {
	float: none;
}

#leftBar ul ul li {
	background: none;
	margin: 2px 2px 2px 20px;
	padding: 2px 0 2px 0;
	border: none;
	list-style-image: url(../images/left-sub-page-symbol.gif);
}

/* Content Syles */
#main {
	background: url(../images/left-bg.jpg) no-repeat #F8FAF5;;
	padding: 10px 5px;
}

#content .information {
	background: url(../images/box-bg-slice.gif) repeat-x center left;
	border-color: #1F6D21;
	border-style: solid;
	border-width: 1px 1px 1px 4px;
	padding: 5px;
}

#content .information p {
	line-height: 1.5;
	font-size: 75%;
	padding: 5px 5px 5px 50px;
	background: url(../images/box-i-symbol.gif) no-repeat center left;
}

/* Enquiry Form */
form p {
	clear: both;
	padding-top: 10px;
}
form label {
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
}
form .input {
	float: right;
	width: 330px;
	text-align: left;
	color: #999999;
}
form input,
form textarea {
	width: 200px;
}
form input.submit {
	width: 80px;
}

p.errorMessage {
	border: 1px solid #004101;
	background-color: #9DCD9D;
	color: #004101;
	padding: 10px;
	margin: 10px;
	/* Added to fix IE6 bug */
	clear: left;
}


/* Typography */
#content p {
	padding-bottom: 10px;
	font-size: 85%;
	line-height: 1.2;
}
#content h2 {
	color: #005802;
	font-size: 140%;
	line-height: 1.2;
	padding-bottom: 10px;
}

#content h3 {
	font-size: 100%;
	padding-bottom: 10px;
}

#content a {
	color: #005802;
}

#content ul {
	padding: 0 20px 10px 20px;
	font-size: 85%;
	list-style: disc;
}

#content li {
	padding: 2px 0;
}

/* Footer Styles */
#footer {
	background-color: #004101;
	height: 108px;
}

#footer p {
	font-size: 75%;
	float: left;
	clear: left;
	color: #579858;
	padding: 5px 0 0 5px;
	width: 400px;
}
#footer #credits {
	float: left;
	padding-left: 5px;
	color: #000;
}

#footer #credits a {
	color: #000;
}

#footer ul {
	padding: 0 5px 0 0;
	float: right;
}

#footer ul li {
	background: url(../images/footer-nav-divider.gif) no-repeat left center;
	display: inline;
	padding: 0 0 5px 5px;
	margin-top: 0;
}

#footer ul li.first {
}


#footer ul li a {
	color: #579858;
	text-decoration: none;
	font-size: 75%;
}