/************************************************************************
*   
*   LEON KAYE SOLICITORS WEBSITE LAUNCHED JANUARY 2008
*
*************************************************************************/

body	{
		color: #565c61;
		background: #808080 url('bgtop.jpg') repeat-x;
		margin: 0px;
		padding: 0px 0px;
		font-family: Verdana, Tahoma, Arial, sans-serif;
		text-align: center;
		}

#header, #footer
		{
		position: relative;
		width: 950px;
		margin: 0 auto;
		text-align: left;
		background: #fff;
		}

#container
		{
		z-index: 1;
		position: relative;
		width: 950px;
		margin: 0 auto;
		text-align: left;
		background: #fff;
		}

#header
		{
		background: #fff url(headerbg.jpg) center;
		z-index: 5;
		margin-top: 20px;
		border-top: 10px solid #fff;
		}

/*------------Header------------ */

h1
		{
		height: 134px;
		margin: 0px 30px 0px 20px;
		background: url( 'lkp3.jpg' ) no-repeat top center;
		text-indent: -999em;
		overflow: hidden;
		}


/*------------home specific---------------- */

#home #wrapper
		{
		position: relative;
		background: #800000 url("newsbg.jpg") right bottom no-repeat;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		height: auto;
		width: 930px;
		}

#home #textbox
		{ 
		position: relative;
		float: left;
		width: 630px;
		padding-bottom: 20px;
		}

#home #textbox h1
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("lkhomeh1.gif") bottom left no-repeat;
		margin-top: 10px;
		}

#home p		{
		font-size: 0.7em;
		text-align: justify;
		padding: 0px 0px 15px 20px;
		color: #fff;
		}
		
#home .latestnews {
		width: 280px;
		float: right;
		}
		
#home .latestnews h1
		{
		position: relative;
		width: 280px;
		height: 90px;
		background: url("latest.gif") bottom left no-repeat;
		}	
		
#home .latestnews p
		{
		width: 240px;
		}
		
#home .homenews {
		height: auto;
		background: #FFC;
		padding-right: 20px;
		margin-left: 20px;
		margin-bottom: 10px;
}

#home .homenews p {
		color: #800000;
		padding-top: 10px;
		font-weight:300;
		margin: 0px;
}

#home .homenews a {
		color: #800000;
		font-weight:500;
}

/* Testing new navigation*/

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	width:			270px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			270px;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			40px; /* match top ul list item height */
	z-index:		100;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			270px; /* match ul width */
	top:			-1px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			270px; /* match ul width */
	top:			-1px;
}

/** CUSTOM STYLE */

#menu {
	width: 680px;
	background: #000;
	margin: 0 0 0 250px;
	z-index: 3;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	font-size: 0.8em;
}

.sf-menu {
	position: relative;
	height: 40px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	padding: 0 18px;
	line-height: 40px;
	color:			#fff;
	text-decoration: none;
}

.sf-menu li ul {
	border-right: 1px solid #2a2a2a;
	border-left: 1px solid #2a2a2a;
}
.sf-menu li li {
	background:	#000 url(pabg.jpg) top right no-repeat;
}
.sf-menu li li li {
	background:	#000 url(pabg.jpg) top right no-repeat;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li.current {
	color:#fff;
	background: #000;
}
.sf-menu li li a {
	line-height: 30px!important;
	border-bottom: 1px solid #2a2a2a;
	font-weight: normal!important;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background: #691313;
	color:#fff;
}

/*------------pressarticles Specific---------------- */




#pressarticles #wrapper
		{
		position: relative;
		background: #fff8b1 url("addresstext2.gif") no-repeat top right;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		height: auto;
		width: 930px;
		}


#pressarticles #textbox
		{ 
		background: #800000;
		position: relative;
		width: 630px;
		padding-bottom: 20px;
		}

#pressarticles #textbox h1
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("press.gif") bottom left no-repeat;
		margin-top: 0px;
		}
		
#pressarticles #textbox h1.rbsnews
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("newsheader.gif") bottom left no-repeat;
		margin-top: 0px;
		}


#pressarticles p		{
		font-size: 0.7em;
		text-align: justify;
		padding: 0px 20px 0px 20px;
		color: #e0e0e0;
		}


/*------------pressreleases Specific---------------- */



#pressreleases #wrapper
		{
		position: relative;
		background: #fff8b1 url("addresstext2.gif") no-repeat top right;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		height: auto;
		width: 930px;
		}


#pressreleases #textbox
		{ 
		background: #800000;
		position: relative;
		width: 630px;
		padding-bottom: 40px;
		}

#pressreleases #textbox h1
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("bandb.gif") bottom left no-repeat;
		margin-top: 0px;
		}
		
#pressreleases p		{
		font-size: 0.7em;
		text-align: justify;
		padding: 0px 20px 0px 20px;
		color: #e0e0e0;
		}
		
#pressreleases .clickhere {
		height: auto;
		width: 590px;
		background: #FFC;
		margin-left: 20px;
}

#pressreleases .clickhere p {
		color: #800000;
		padding-top: 10px;
		padding-bottom: 10px;
		font-weight:300;
		text-align:center;
		margin: 0px;
}

#pressreleases .clickhere a {
		color: #800000;
		font-weight:800;
}		
		
#rightsissue #wrapper
		{
		position: relative;
		background: #fff8b1 url("addresstext2.gif") no-repeat top right;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		height: auto;
		width: 930px;
		}


#rightsissue #textbox
		{ 
		background: #800000;
		position: relative;
		width: 630px;
		padding-bottom: 40px;
		}

#rightsissue #textbox h1
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("bradfordandbingleyrightsissue.gif") bottom left no-repeat;
		margin-top: 0px;
		}
		
#rightsissue #textbox h1.skipton
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("skipton.gif") bottom left no-repeat;
		margin-top: 0px;
		}		
		
#rightsissue #textbox h1.rbsactiongroup
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("rbsheader.gif") bottom left no-repeat;
		margin-top: 0px;
		}	

#rightsissue #textbox h1.cattlesheader
		{
		position: relative;
		width: 630px;
		height: 110px;
		background: url("cattleheader.gif") bottom left no-repeat;
		margin-top: 0px;
		}

#rightsissue #textbox h1.ppi
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("ppi.gif") bottom left no-repeat;
		margin-top: 0px;
		}

#rightsissue #textbox h1.rightsissuesmenu
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("rightsissuesheader.gif") bottom left no-repeat;
		margin-top: 0px;
		}	
		
#rightsissue #textbox h1.rbsmembers
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("rbsmembers.gif") bottom left no-repeat;
		margin-top: 0px;
		}	
		
#rightsissue #textbox h1.skiptonmembers
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("skiptonmembers.gif") bottom left no-repeat;
		margin-top: 0px;
		}			
		
#rightsissue #textbox h1.bandbmembers
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("bandbmembers.gif") bottom left no-repeat;
		margin-top: 0px;
		}


#rightsissue #textbox p		{
		font-size: 0.7em;
		text-align: justify;
		padding: 0px 20px 0px 20px;
		color: #e0e0e0;
		}
		
#rightsissue #download {
		height: auto;
		width: 590px;
		background: #FFC;
		margin-left: 20px;
}

#rightsissue #download p {
		color: #800000;
		padding-top: 10px;
		padding-bottom: 10px;
		font-weight:300;
		margin: 0px;
}

#rightsissue #download a {
		color: #800000;
		font-weight:500;
}


#rightsissue #textbox .clickhere {
		height: auto;
		width: 590px;
		background: #FFC;
		margin-left: 20px;
}

#rightsissue #textbox .clickhere p {
		color: #800000;
		text-align:center;
		padding-top: 10px;
		padding-bottom: 10px;
		font-weight:300;
		margin: 0px;
}

#rightsissue #textbox .clickhere a {
		color: #800000;
		font-weight:800;
}



/*------------recruitment Specific---------------- */


#recruitment #wrapper
		{
		position: relative;
		background: #fff8b1 url("addresstext2.gif") no-repeat top right;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		height: auto;
		width: 930px;
		}


#recruitment #textbox
		{ 
		background: #800000;
		position: relative;
		width: 630px;
		padding-bottom: 40px;
		}

#recruitment #textbox h1
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("recheader.gif") bottom left no-repeat;
		}

#recruitment p		{
		font-size: 0.7em;
		text-align: justify;
		padding: 0px 20px 0px 0px;
		color: #e0e0e0;
		margin-left: 20px;
		}


/*------------links Specific---------------- */


#links #wrapper
		{
		background: #fff8b1 url("addresstext2.gif") no-repeat top right;
		position: relative;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		height: auto;
		width: 930px;
		}

#links #textbox
		{ 
		position: relative;
		width:630px;
		padding-right: 40px;
		padding-bottom: 10px;
		background: #800000;
		}

#links #textbox h1
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("linksheader.gif") bottom left no-repeat;
		margin-top: 0px;
		}

#links #textbox ul
		{
		margin-left: 15px;
		padding-top: 10px;
		margin-bottom: 20px;
		color: #fff;
		font-size: 0.7em;
		text-align: justify;
		}

#links #textbox ul li a
		{
		display: block;
		/* internet explorer Hack */
		position: relative;
		text-decoration: underline;
		padding: 0px 0px 0.2em 20px;
		background: url( 'arrow.gif' ) no-repeat left ;
		color: #fff;
		}

#links #textbox ul li a:hover
		{
		color: #808080;
		}

#links #textbox li		{
		width: 490px;
		font-size: 1em;
		text-align: justify;
		padding: 0px 0px 0px 0px;
		margin-left: 0px;
		margin-bottom: 10px;
		color: #fff;
		}

#links #textbox a		{
		text-decoration: none;
		font-size: 0.9em;
		text-align: justify;
		padding: 0px 5px 0px 0px;
		margin-left: 0px;
		margin-bottom: 5px;
		color: #e6e6a0;
		}

/*------------practice Specific---------------- */


#practice #wrapper
		{
		position: relative;
		background: #fff8b1 url("addresstext2.gif") no-repeat top right;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		height: auto;
		width: 930px;
		}


#practice #textbox
		{ 
		padding-bottom: 40px;
		background: #800000;
		position: relative;
		width: 630px;
		}

#practice #textbox h1.property
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("propertyheader.gif") bottom left no-repeat;
		margin-top: 0px;
		}


#practice #textbox  h1.commercial
		{
		position: relative;
		width: 528px;
		height: 80px;
		background: url("ccheader.gif") bottom left no-repeat;
		margin-top: 0px;
		}

#practice #textbox  h1.privateclient
		{
		position: relative;
		width: 528px;
		height: 80px;
		background: url("privateheader.gif") bottom left no-repeat;
		margin-top: 0px;
		}

#practice #textbox  h1.disputes
		{
		position: relative;
		width: 528px;
		height: 80px;
		background: url("disputesheader.gif") bottom left no-repeat;
		margin-top: 0px;
		}
		
#practice #textbox  h1.employmentlawnews
		{
		position: relative;
		width: 528px;
		height: 80px;
		background: url("lkheadingtexteln.gif") bottom left no-repeat;
		margin-top: 0px;
		}
		
#practice #textbox  h1.insolvency
		{
		position: relative;
		width: 528px;
		height: 80px;
		background: url("insolvency.gif") bottom left no-repeat;
		margin-top: 0px;
		}		

#practice #textbox  h1.areas
		{
		position: relative;
		width: 528px;
		height: 80px;
		background: url("practiceareas.gif") bottom left no-repeat;
		margin-top: 0px;
		}

#practice p		{
		font-size: 0.7em;
		text-align: justify;
		padding: 0px 20px 0px 0px;
		color: #e0e0e0;
		margin-left: 20px;
		}

#practice #textbox a.bullets
		{
		margin-left: 0px;
		font-size: 0.7em;
		padding: 0px 0px 0px 20px;
		text-decoration: none;
		}

#textbox a.noinset {
		margin-left: 20px;
		font-size: 0.7em;
		text-decoration: none;
		}

#practice #textbox a.inset
		{
		font-size: 1em;
		margin-left: 0px;
		text-decoration: underline;
		}


/*------------personnel Specific---------------- */


#personnel #wrapper
		{
		position: relative;
		background: #fff8b1 url("addresstext2.gif") no-repeat top right;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		height: auto;
		width: 930px;
		}


#personnel #textbox
		{ 
		background: #800000;
		position: relative;
		width: 630px;
		padding-bottom: 20px;
		}

#personnel #textbox h1
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("ourpeopleheader.gif") bottom left no-repeat;
		margin-top: 0px;
		}

#personnel p		{
		font-size: 0.7em;
		text-align: justify;
		padding: 0px 20px 0px 20px;
		color: #e0e0e0;
		}


/*------------contact Specific---------------- */


#contact #wrapper
		{
		position: relative;
		background: #fff8b1 url("addresstext2.gif") no-repeat top right;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		height: auto;
		width: 930px;
		}


#contact #textbox
		{ 
		background: #800000;
		position: relative;
		width: 630px;
		padding-bottom: 20px;
		}

#contact #textbox h1
		{
		position: relative;
		width: 630px;
		height: 80px;
		background: url("contact.gif") bottom left no-repeat;
		margin-top: 0px;
		}

#contact fieldset {	
	border: 0px;
	padding-bottom: 0px;
	}

#contact p		{
		font-size: 0.7em;
		text-align: justify;
		padding: 0px 20px 0px 20px;
		color: #e0e0e0;
		}	


/*------------Site map Specific---------------- */


#sitemap #wrapper
		{
		position: relative;
		background: #fff8b1 url("addresstext2.gif") no-repeat top right;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		height: auto;
		width: 930px;
		}


#sitemap #textbox
		{ 
		background: #800000;
		position: relative;
		width: 630px;
		padding-bottom: 20px;
		}

#sitemap #textbox h1
		{
		position: relative;
		width: 528px;
		height: 80px;
		background: url("sitemapheader.gif") bottom left no-repeat;
		margin-top: 0px;
		}

#sitemap p		{
		font-size: 0.7em;
		text-align: justify;
		padding: 0px 20px 0px 20px;
		color: #e0e0e0;
		}


/*------------To divide up content in main text areas---------------- */

#textbox h4
		{
		position: relative;
		color: #fff;
		margin-top: 10px;
		text-decoration:underline;
		font-size: 0.7em;
		text-align: justify;
		margin-left: 18px;
		}

#textbox h4#press1 
		{
		position: relative;
		color: #fff;
		margin-top: 10px;
		padding-top: 10px;
		text-decoration:underline;
		font-size: 0.7em;
		text-align: justify;
		margin-left: 18px;
		}

#textbox h4#press2 
		{
		position: relative;
		color: #fff;
		padding-top: 10px;
		margin-top: 10px;
		text-decoration:underline;
		font-size: 0.7em;
		text-align: justify;
		margin-left: 18px;
		width: 540px;
		}

#textbox h4#press3 
		{
		position: relative;
		color: #fff;
		padding-top: 10px;
		margin-top: 10px;
		text-decoration:underline;
		font-size: 0.7em;
		text-align: justify;
		margin-left: 18px;
		width: 500px;
		}

#textbox h4#press4 
		{
		position: relative;
		color: #fff;
		padding-top: 10px;
		margin-top: 10px;
		text-decoration:underline;
		font-size: 0.7em;
		text-align: justify;
		margin-left: 18px;
		}

#textbox h4#press5 
		{
		position: relative;
		color: #fff;
		padding-top: 10px;
		margin-top: 10px;
		text-decoration:underline;
		font-size: 0.7em;
		text-align: justify;
		margin-left: 18px;
		}

#textbox h4#press6 
		{
		position: relative;
		color: #fff;
		padding-top: 10px;
		margin-top: 10px;
		text-decoration:underline;
		font-size: 0.7em;
		text-align: justify;
		margin-left: 18px;
		}


/*------- Bullet points and lists organisation---------------- */

#textbox ul.arrow
		{
		margin-left: 20px;
		padding: 3px 0px 0px 0px;
		margin-bottom: 10px;
		color: #fff;
		font-size: 1em;
		text-align: justify;
		}


#textbox ul li.arrow
		{
		width: 560px;
		padding: 3px 0px 0.2em 20px;
		font-size: 0.7em;
		display: block;
		background: url( 'arrow.gif' ) no-repeat left ;
		color: #fff;
		}
		
#textbox ul li.no-arrow
		{
		width: 560px;
		padding: 3px 0px 0.2em 20px;
		display: block;
		color: #fff;
		}		

/*------- Second level Navigation for Practice Areas---------------- */


#practicenav
		{
		display: inline;
		float: left;
		width: 930px;
		margin: 5px 0px 0px 10px;
		padding-bottom: 1em;
		}

#practicenav h4
		{
		margin: 0px 0px 0.5em;
		padding: 0px 0px 0.3em;
		background: transparent url( 'panellk.gif' ) repeat-x left bottom;
		color: #7f7b5e;
		font-size: 0.95em;
		}
		
#practicenav ul
		{

		padding: 0px 0px 0px 0px;
		font-size: 0.9em;
		}

#practicenav ul li
		{
		margin-bottom: 0.3em;
		list-style: circle;
		}

#practicenav .practiceareas
		{
		float: left;
		width: 179px; 
		margin: 0px 7px 0px 0px;
		background:  url("pabg.jpg") top;
		}


#practicenav .practiceareas:hover
		{
		background: #808080 url("pabg2.jpg") top;
		}


/*-------------Controlling bullet position------------- */

#practicenav .practiceareas ul
		{
		z-index: 200;
		margin: 0px;
		height: 160px;
		padding: 10px 0px 0px 5px;
		font-size: 0.7em;
	
		}

#practicenav .practiceareas ul li
		{
		display: inline;
		list-style: none;
		}

#practicenav .practiceareas ul li a
		{
		display: block;
		/* internet explorer Hack */
		position: relative;
		padding: 0px 0px 0.2em 19px;
		background: url( 'arrow.gif' ) no-repeat top left ;
		color: #fff;
		text-decoration: none;
		}

#practicenav .practiceareas ul li a:hover
		{
		color: #808080;
		}


#practicenav .practiceareas h4
		{
		width: 179px;
		height: 40px;
		margin: 0px;
		padding: 0px;
		text-indent: -999em;
		overflow: hidden;
		}

#practicenav .practiceareas.corporate h4
		{
		background: #000 url("cc.gif") no-repeat center;
		}

#practicenav .practiceareas.property h4
		{
		background: #000 url("property.gif") no-repeat center;
		}
		
#practicenav .practiceareas.rightsissues h4
		{
		background: #000 url("lkragtab.gif") no-repeat center;
		}

#practicenav .practiceareas.disputes h4
		{
		background: #000 url("disputes.gif") no-repeat center;
		}

#practicenav .practiceareas.private h4
		{
		background: #000 url("pc.gif") no-repeat center;
		}


/*-------------Footer------------- */


#footer
		{
		padding: 0px 0px 10px;
		margin-bottom: 20px;
		}
#footer ul
		{
		margin-left: 10px;
		width: 930px;
		font-size: 0.7em;
		line-height: 20px;
		text-align: center;
		background: #000;
		padding: 10px 0 10px 0;
		}
		
#footer ul li
		{
		display: inline;
		padding: 0px 5px 0px 5px;
		border-right: 1px solid #c3bbbb;
		color: #fff;
		text-decoration: none;
		}
		
#footer ul li a
		{
	
		}
#footer ul li.first a
		{
		border: none;
		}
#footer ul li a:hover
		{
		color: #fff;
		}


/*-------------Globals------------- */

td, li, ul, ol, h1, h2, h3, h4, h5, h6, blockquote, textarea, input, div, span  { font-family: Verdana, Tahoma, Arial, sans-serif; }

div, form, fieldset, legend, table, td, ul, li, h1, h2, h3, h4, caption
		{
		margin: 0px;
		padding: 0px;
		border: 0px;
		list-style: none;
		}


.hide
		{
		display: none;
		}


.clear, hr
		{
		clear: both;
		margin: 0px;
		font-size: 0px;
		}

ul ul
		{
		font-size: 1em;
		}

a:link, a:visited, a:hover, a:active
		{
		color: #fff;
		}
a:hover
		{
		text-decoration : underline;
		}
a img
		{
		border: 0px;
		}

.chfloatleft {
	float: left;
	display: inline;
	width: 250px;
	padding: 10px 0px;
	position: relative;
	text-align: justify;
	}

.chfloatleft ul {
	padding-bottom: 10px;
	width:250px;
	margin-left: 20px;
	color: #fff;
	font-size: 10px;
	}
	
.chfloatleft ul li {
	padding: 0 0 0 10px;
	margin: 0 0 3px 23px;
	list-style-image: url("arrow.gif");
	}	
	
.chfloatright {
	float: right;
	display: inline;
	width: 250px;
	padding: 10px 0px;
	position: relative;
	text-align: justify;
	}

.chfloatright ul {
	padding-bottom: 10px;
	width:250px;
	color: #fff;
	font-size: 10px;
	}
	
.chfloatright ul li {
	padding: 0 0 0 10px;
	margin: 0 10px 3px 23px;
	list-style-image: url("arrow.gif");
	}
	
.disclaimer {
	margin: 0px auto;
	width: 730px;

	text-align: center;
}
	
p.grey {
	font-size: 70%;
	color: #CCC;	
}