* {
	margin:			0;
	padding:		0;
}
html {
	background:		#fff;
	color:			#404040;
}
body {
	font-family:		Arial, sans-serif;
	font-size:		12px;
}

h1 {
	font-size:		1.2em;
	margin-bottom:		1em;
}

a {
	color:			#bf0000;
	text-decoration:	none;
}
a:hover {
	text-decoration:	underline;
}

#header {
	position:		relative;
	/*background:		#3f3f3f;*/
	background:		#000;
	color:			#b2b2b2;
	padding-top:		58px;
	padding-left:		15px;
	/*padding-right:		230px;*/
	padding-right:		15px;
	z-index:		1000;
	height:			203px;
}
#header .clear {
	height:			160px;
	/*background:		#101109 url(img/header-image.jpeg) no-repeat left;*/
	background:		#000 url(img/header-image.jpeg) no-repeat left;
	margin-left:		-15px;
	margin-right:		-15px;
	clear:			left;
}
#partners {
	position:		absolute;
	right:			15px;
	top:			15px;
	width:			200px;
	font-size:		9px;
}
#partners ul {
	list-style:		none;
}
#logo {
	position:		absolute;
	top:			15px;
	left:			15px;
	border:			0;
}

#phone {
	position:		absolute;
	right:			15px;
	top:			15px;
	font-size:		16px;
	padding-left:		20px;
	background:		url(img/phone.png) no-repeat left center;
}

#menu {
	position:		relative;
	font-size:		14px;
	list-style:		none;
	font-family:		serif;
	z-index:		100;
	/*border:			1px solid #3f3f3f;*/
	border:			1px solid #000;
}
#menu ul {
	font-family:		sans-serif;
}
#menu ul {
	position:		relative;
	padding:		0;
	margin:			0;
}
* html #menu li ul {
	width:			15em;
}
*:first-child + html #menu li ul {
	width:			15em;
}
#menu li {
	position:		relative;
	float:			left;
	line-height:		32px;
	height:			32px;
	margin-top:		10px;
	margin-right:		6px;
	white-space:		nowrap;
	z-index:		20;
}
#menu a {
	background:		url(img/menu-gradient.png);
	display:		block;
	padding:		0 10px;
	color:			#3f3f3f;
	text-decoration:	none;
	font-weight:		bold;
}
#menu .current > a {
	background:		#bf0000;
	color:			#fff;
}
#menu a:hover {
	background:		#bf0000;
	color:			#fff;
}
/* XXX temporary XXX */
#menu.jsed ul {
	display:		none;
	position:		absolute;
	left:			50px;
	top:			0;
	border-top:		1px solid #000;
	border-left:		1px solid #000;
	border-right:		1px solid #000;
	/*
	font-family:		sans-serif;
	*/
	list-style:		none;
	font-size:		12px;
	z-index:		48;
}
#menu.jsed ul li {
	display:		block;
	float:			none;
	margin:			0;
	border-bottom:		1px solid #000;
	width:			auto;
}
#menu.jsed ul li a {
	background:		transparent url(img/dot-red90.png);
	color:			#000;
}
* html #menu.jsed ul li a {
 	width:			16em;
}
*:first-child + html #menu.jsed ul li a {
}
#menu.jsed ul li a:hover {
	background:		transparent url(img/dot-black90.png);
	color:			#fff;
}
#menu.jsed ul li li {
	border-bottom:		1px solid #000;
}
#menu.jsed ul li li a {
	float:			none;
	background:		transparent url(img/dot-grey90.png);
}
#menu.jsed ul li li a:hover {
	background:		transparent url(img/dot-black90.png);
}

#container {
	padding-left:		30px;
	padding-right:		300px;
	overflow:		hidden;
}
#content {
	position:		relative;
	float:			left;
	width:			100%;
	margin-top:		30px;
	margin-bottom:		30px;
}
/*
* html #content {
	z-index:		-5;
}
*/
#content ul,
#content ol {
	padding-left:		2em;
	margin:			1em 0;
}
#content p {
	margin:			1em 0;
}

#more {
	float:			left;
	width:			230px;
	background:		#b2b2b2;
	margin-left:		70px;
	margin-right:		-300px;
	color:			#fff;

	padding-bottom:		10010px;
	margin-bottom:		-10000px;
}
#more h1 {
	background:		#bf0000;
	color:			#fff;
	padding:		5px 20px;
	margin-bottom:		0;
}
#more a {
	color:			#666;
	text-decoration:	none;
}
#more a:hover {
	color:			#bf0000;
}

#news {
}
#news ul {
	padding:		1em 20px;
	list-style:		none;
}
#news li {
	margin-top:		1em;
	padding-top:		1em;
	border-top:		1px solid #fff;
}
* html #news li {
	border-top:		none;
	margin-top:		0;
	padding-top:		0;
	margin-bottom:		1em;
}
#news li:first-child {
	margin-top:		0;
	padding-top:		0;
	border-top:		none;
}

#testimonials {
	border-bottom:		1px solid #fff;
}
#testimonials ul {
	padding:		1em 20px;
	list-style:		none;
}
#testimonials li {
	border-top:		1px solid #fff;
	margin-top:		1em;
	padding-top:		1em;
}
* html #testimonials li {
	border-top:		none;
}
#testimonials li:first-child {
	margin-top:		0;
	padding-top:		0;
	border-top:		none;
}

#content #fullTestimonials {
	list-style:		none;
	padding-left:		0;
}
#fullTestimonials .signature {
	font-weight:		bold;
	text-align:		right;
}

#footer {
	position:		relative;
	background:		#8c8c8c;
	color:			#fff;
	clear:			both;
	text-align:		center;
	font-size:		.8em;
	padding:		1em;
	z-index:		20;
}
* html #footer {
	padding-top:		.5em;
}
#footer a {
	color:			#fff;
}
#footer a:hover {
	color:			#bf0000;
}

#enquiry ul {
	list-style:		none;
}
#enquiry li {
	clear:			left;
	margin-bottom:		1em;
}
#enquiry label {
	float:			left;
	width:			10em;
}
#enquiry input {
	border:			1px solid #666;
	background:		#fff;
	color:			#000;
	font-family:		sans-serif;
	font-size:		1em;
	width:			20em;
}
#enquiry textarea {
	border:			1px solid #666;
	background:		#fff;
	color:			#000;
	font-family:		sans-serif;
	font-size:		1em;
	width:			40em;
	height:			20em;
}
#enquiry .nav {
	padding-top:		1em;
	padding-left:		10em;
}
#enquiry button {
	background:		url(img/menu-gradient.png);
	height:			32px;
	color:			#3f3f3f;
	padding:		0 5px;
	border:			0;
	font-family:		serif;
	font-weight:		bold;
	cursor:			pointer;
}
#enquiry button:hover,
#enquiry button:active {
	background:		#bf0000;
	color:			#fff;
}

#content #faq {
	list-style:		none;
	padding-left:		0;
}
#faq li {
	margin:			1em 0;
}
#faq h2 {
	font-size:		1em;
	cursor:			pointer;

	position:		relative;

	height:			32px;
	line-height:		32px;
	color:			#3f3f3f;
	padding:		0 10px;
	padding-left: 32px;
	font-weight:		bold;

	/*background:		#bf0000;*/
	background:		#b2b2b2;
	color:			#fff;
	background-image: url(img/plus.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#faq h2.toggled,
#faq h2:hover {
	padding-left: 32px;
	background:		#000;
	color:			#fff;
	background-image: url(img/arrow-down.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#faq h2:hover,
#faq h2.toggled:hover {
	padding-left: 32px;
	background:		#000;
	color:			#fff;
	background-image: url(img/arrow-down.gif);
	background-repeat: no-repeat;
	background-position: left;
	
}
#faq .content {
	margin:			0 2em;
}

#contactDetails {
	position:		relative;
	margin-left:		-14em;
	left:			14em;
	width:			14em;
	float:			left;
}
#contactMap {
	margin-top:		-2.5em;
	margin-left:		16em;
}


#pageHome #header .clear                      { background-image: url(img/header/home.png); }
#pageServices #header .clear                  { background-image: url(img/header/Residential_Conveyancing.png); }
#pageTestimonials #header .clear              { background-image: url(img/header/Testimonials.png); }
#pageEnquiry #header .clear                   { background-image: url(img/header/Enquiry.png); }
#pageRecruitment #header .clear               { background-image: url(img/header/careers.png); }
#pageContact #header .clear                   { background-image: url(img/header/Contact.png); }
#pageLinks #header .clear                     { background-image: url(img/header/Links.png); }

#pageResidential_Conveyancing #header .clear  { background-image: url(img/header/Residential_Conveyancing.png); }
#pageCommercialProperty #header .clear        { background-image: url(img/header/Commercial-Property.png); }
#pageLandlord_and_Tenant #header .clear       { background-image: url(img/header/Landlord_and_Tenant.png); }
#pagePersonal_Injury #header .clear           { background-image: url(img/header/Personal_Injury.png); }
#pageFamily_Law #header .clear                { background-image: url(img/header/famil.png); }
#pageChildren #header .clear                  { background-image: url(img/header/famil.png); }
#pageDivorce_Financial_Matters #header .clear { background-image: url(img/header/famil.png); }
#pageEmployment_Law #header .clear            { background-image: url(img/header/Employment_Law.png); }
#pageWills #header .clear                     { background-image: url(img/header/wills.png); }
#pageProbate #header .clear                   { background-image: url(img/header/wills.png); }
#pageHome_Information_Packs #header .clear    { background-image: url(img/header/HIPs.png); }

#content #links1 {
	float:			left;
	margin-top:		0;
	list-style:		none;
	line-height:		2em;
	padding-left:		0;
}
#content #links2 {
	margin-left:		50%;
	list-style:		none;
	line-height:		2em;
	padding-left:		0;
}
