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


/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}


/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { /*list-style:none */}
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dashed borders */
a img { border:none } /* Gets rid of IE's blue borders */
br { clear:both; height:1px; margin:-1px 0 0 0 }
h1 { font: 1.8em Helvetica,   Arial, sans-serif }
li { margin:0; }
ul { margin-bottom: 15px;}
a { text-decoration:none; color:#fff }

h5 {color: #FFF;}


/* Default */

html,body  {font: 11px/1.2em arial, helvetica, sans-serif; color: #231F20; line-height: normal; }
body {		margin: 0;	text-align: center;	background: #919AA1 url(../interface/Background.jpg) top center repeat-y;	}

/* ------------------------------------ */

/* Global Layout Styles */

/* ------------------------------------ */
/* ------------------------------------ */

/* Hidden elements */

/* ------------------------------------ */
	.hidden, .screen_reader, hr { display: none; }

/* ------------------------------------ */
	
/* ---- Typography ---- */	

/* ------------------------------------ */

/* Paragraph default styling */
p { margin: 0 0 8px 0;  line-height: 1.4em; }
.spacer { margin: 0 0 25px 0; }
.imageleft { float: left; }

/* Default link styling */
a { color: #F6F7F8; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }

#leftcolumn h1 { font-size: 1.3em; color:#FFFFFF; margin-bottom: 10px;}
#leftcolumn p { font-size: .9em;}
	
/* Float element left with a margin */
.floatLeft { float: left; margin: 0 20px 20px 0; }
	
/* Float element right with a margin */
.floatRight { float: right; margin: 0 0 20px 20px; }


.clear {
	clear:both;
	}
	
/* ------------------------------------ */

/* TEMPLATE LAYOUT  */   

/* ------------------------------------ */
#wrapperall { width: 100%; background: url(../interface/topline.jpg) 0  80px no-repeat; height: 1%; display: table;}
#wrapperinner { width: 970px; margin: 0 auto/**/; /* centers content */}
#wrapperheader { width: 950px; margin: 0 10px; float: left; height: 120px; position: relative; z-index: 100; background:url(../interface/-topline-headerback.jpg) top left no-repeat; 	}
* html #headerwrap { margin: 0 5px; /* width fix for IE6 */ }
	
#contentwraper { width: 950px;	float: left; position: relative; z-index: 50; text-align: left;	background: transparent; }
#contentinerback {width: 970px; float: left; background: url(../interface/background-black-glow.jpg) no-repeat top center; }
#paddingwraper {width: 950px; float: left; margin: 0 10px; padding: 25px 0; }


#leftcolumn { float: left;	width: 205px; clear: both; padding-bottom: 10px;  margin: 0 0 0 0; background: url(../interface/left-column-back.png) right bottom repeat-y; 	 }
#leftcolumn .gutter { margin: 10px 20px 10px 10px ;  }
	/* IE6 alternative not so good looking but works! */
	* html #leftcolumn { background: url(../interface/left-column-back.jpg) top left repeat-y; }
		

#rightcolumn { float: right; width: 724px;	margin: 0 0 0 0; padding: 0 0 0 0; position: relative; top: 0; 	}
	
#rightcolumn .left { float: left; width: 176px; margin: 2px 0 0 0; }
#rightcolumn .right { float: right; width: 510px; text-align: left;}
	#rightcolumn .right .gutter { margin-right: 60px; margin-bottom: 15px;}
#rightcolumn .right .gutter li { list-style: none; background:url(../interface/BULLET.jpg) top left no-repeat; padding-left: 13px; margin-left: 0;  }	
	#footerwrap {
		border-top: 1px solid #262626;
		width: 925px;
		margin: 0 40px;
		float: left;
		position: relative;
		text-align: left;
	}
	* html #footerwrap { margin: 0 20px; }
	
/* ----------------------------------- */

/* TEMPLATE LAYOUT END  *?

/* ------------------------------------ */
/* ------------------------------------ */

/* TOP NAV AND HEADER SECTION STYLES  */

/* ------------------------------------ */
#topnavbarlogo { position: absolute; top: 19px;	left: 23px;}

#topnavbarsearcher { position: absolute; width: 250px; top: 20px;	left: 690px;}
#topnavbarsearcherGO { position: absolute; width: 250px; top: 20px;	left: 690px;}

#topnavbarsearcher img { float:left; margin-left: 5px; margin-right: 5px; margin-top: 3px; }
#topnavbarsearcher #textfield { float:left; width: 110px; background: #C3C8CC; border: 1px solid #8A949B; border-right: #CED3D6; border-bottom: #CED3D6;  }
	#topnavbar { position: absolute; top: 50px;	left: 215px;	margin: 0;	height: 19px; width: 698px;	overflow: hidden; 	}
	#topnavbar li { float: left; height: 19px;	overflow: hidden;	}
	#topnavbar li a {	text-indent: -3000em;	font-size: .5em;	height: 19px; display: block;	}
		/* individual button link styles */
	#topnavbar li.Home { width: 78px; }
	#topnavbar li.Home a { background: url(../interface/topmenu/Home.jpg) no-repeat top left; width: 78px; }
	#topnavbar li.Home a:hover, #topnavbar li.Home a.selected { background: url(../interface/topmenu/Home_f2.jpg)  no-repeat top left; }
	
	#topnavbar li.AboutUs { width: 62px; }
	#topnavbar li.AboutUs a { background: url(../interface/MenuTop-about-us.gif) no-repeat top left; width: 62px; }
	#topnavbar li.AboutUs a:hover, #topnavbar li.AboutUs a.selected { background: url(../interface/MenuTop-about-us_f2.gif)  no-repeat top left; }
	
	#topnavbar li.services { width: 62px; }
	#topnavbar li.services a { background:  url(../interface/MenuTop-services.gif) no-repeat top left; width: 62px; }
	#topnavbar li.services a:hover, #topnavbar li.Pro-Series-DVD a.selected { background: url(../interface/MenuTop-services_f2.gif)  no-repeat top left; }

	#topnavbar li.ourpeople { width: 74px; }
	#topnavbar li.ourpeople a { background: url(../interface/MenuTop-our-people.gif) no-repeat top left; width: 74px; }
	#topnavbar li.ourpeople a:hover, #topnavbar li.ourpeople a.selected { background: url(../interface/MenuTop-our-people_f2.gif)  no-repeat top left; }
	
	#topnavbar li.professionalendorsements { width: 142px; }
	#topnavbar li.professionalendorsements a { background:  url(../interface/MenuTop-proffessional-endorsements.gif) no-repeat top left; width: 142px; }
	#topnavbar li.professionalendorsements a:hover, #topnavbar li.professionalendorsements a.selected { background: url(../interface/MenuTop-proffessional-endorsements_f2.gif)  no-repeat top left; }
	
	#topnavbar li.newsandarticles { width: 91px; }
	#topnavbar li.newsandarticles a { background: url(../interface/MenuTop-news-and-articles.gif) no-repeat top left; width: 91px; }
	#topnavbar li.newsandarticles a:hover, #topnavbar li.newsandarticles a.selected { background: url(../interface/MenuTop-news-and-articles_f2.gif)  no-repeat top left; }
	
	#topnavbar li.corporateresposibilities { width: 124px; }
	#topnavbar li.corporateresposibilities a { background: url(../interface/MenuTop-corporate-responsibility.gif) no-repeat top left; width: 124px; }
	#topnavbar li.corporateresposibilities a:hover, #topnavbar li.corporateresposibilities a.selected { background: url(../interface/MenuTop-corporate-responsibility_f2.gif)  no-repeat top left; }

	#topnavbar li.careers { width: 59px; }
	#topnavbar li.careers a { background: url(../interface/MenuTop-careers.gif) no-repeat top left; width: 59px; }
	#topnavbar li.careers a:hover, #topnavbar li.careers a.selected { background: url(../interface/MenuTop-careers_f2.gif)   no-repeat top left; }
	
	#topnavbar li.contact { width: 56px; }
	#topnavbar li.contact a { background: url(../interface/MenuTop-contact.gif) no-repeat top left; width: 56px; }
	#topnavbar li.contact a:hover, #topnavbar li.contact a.selected { background: url(../interface/MenuTop-contact_f2.gif)   no-repeat top left; }


	h1#logo {margin: 0; padding: 0;}
	#logo {	position: absolute;	top: 0;	left: 0; height: 129px;	width: 950px; 	overflow: hidden;  	}
	#logo a {	text-indent: -3000em; font-size: 1px; height: 129px; width: 950px; display: block; background: url(../interface/TopBanner.jpg) no-repeat; }
	
	
/* ------------------------------------ */

/* TOP NAV AND HEADER SECTION STYLES END  */

/* ------------------------------------ */
/* ------------------------------------ */

/* LEFT NAV SECTION STYLES  */

/* ------------------------------------ */

#sideMenuMain { 
		float: left;
		clear: both;
		margin: 0 0 0 0;
		padding: 0px 0 20px 0px;
		overflow: hidden;
		list-style: none;
		width: 200px;
		font-size: 10px; 
		
	}
#sideMenuMain ul {
		float: left;
		margin: 0 ;
		padding: 0;
		list-style: none;
		width: 200px;
	}
	
	#sideMenuMain ul img {
		float: left;
		margin: 2px 0 0 10px;
		padding: 0;
		list-style: none;
		
	}
#sideMenuMain li {
		float: left;
		margin: 0 10px 10px 20px;
		display: inline; /* stops ie6 doule float error */
		overflow: hidden;
		background: transparent ;
	}
#sideMenuMain li a { width: 140px; padding: 2px 0px 2px 10px;
		float: left;
		color: #8A949B; font-weight: bold;
	}
#sideMenuMain li a:hover { text-decoration: none;
		color: #fff;
		background: url(../interface/LeftMenuPeopleRollover.jpg) 0 0 no-repeat  ;
	}


/* ------------------------------------ */

/* LEFT NAV RED SECTION STYLES  */

/* ------------------------------------ */

#sideMenuMainRed { 
		float: left;
		clear: both;
		margin: 0 0 0 0;
		padding: 0px 0 20px 0px;
		overflow: hidden;
		list-style: none;
		width: 200px;
		font-size: 11px;
		 
		
	}
#sideMenuMainRed ul {
		float: left;
		margin:2px 0 0 0 ;
		padding: 0;
		list-style: none;
		width: 181px;
	}
	
	#sideMenuMainRed ul img {
		float: left;
		margin: 2px 0 0 10px;
		padding: 0;
		list-style: none;
		
	}
#sideMenuMainRed li {
		float: left;
		
		
		
		margin: 0 10px 10px 28px;
		display: inline; /* stops ie6 doule float error */
		overflow: hidden;
		background: #EE2E24;
	}
#sideMenuMainRed li a { width: 140px; padding: 1px 0px 4px 10px;
		float: left;
		color: #fff; 
	}
#sideMenuMainRed li a:hover { text-decoration: none;
		color: #620000;
		background: #EE2E24;
	}



/* ------------------------------------ */

/* LEFT NAV SECTION STYLES END  */

/* ------------------------------------ */
/*   #privateclient */
/* -------------------------------------- */





#SERVICESSUB {font-size: 1.25em; line-height: 1.1em; font-weight: bold;
		float: left;
		margin: 0 ;
		padding: 75px 0 20px 0;
		list-style: none;
		width: 181px;
	
		/*background: #773594 url(../interface/private-client.gif) 100% 5px  no-repeat;*/
	}
	
#SERVICESSUB li {
		float: left;
		margin: 0 ;
		
		overflow: hidden;
		background: #773594;
	}
#SERVICESSUB li a { width: 156px; padding: 6px 10px 6px 15px;
		float: left;
		color: #fff; 
	}
#SERVICESSUB li a:hover { text-decoration: none;
		color: #fff;
		background: #64287C;
	}

#servicesPrivateclient #SERVICESSUB  { background: #773594 url(../interface/Services-Headings-PRIVATE-CLIENT.gif) 100% 2px  no-repeat;} 
#servicesCommercial #SERVICESSUB  { background: #EE2E24 url(../interface/Services-Headings-COMMERCIAL.gif) 100% 2px  no-repeat;} 
 .COMMERCIAL#SERVICESSUB li { background: #EE2E24;}
 .COMMERCIAL#SERVICESSUB li a:hover { background: #DF1C11;}
 
#servicesDisputeResolution  #SERVICESSUB  { background: #0F75BC url(../interface/Services-Headings-DISPUTE.gif) 100% 2px  no-repeat;} 
 .DISPUTE#SERVICESSUB li { background: #0F75BC;}
 .DISPUTE#SERVICESSUB li a:hover { background: #0E6BA9;}
 
#servicesEmployment #SERVICESSUB  { background: #FF6600 url(../interface/Services-Headings-EMPLOYMENT.gif) 100% 2px  no-repeat;} 
 .EMPLOYMENT#SERVICESSUB li { background: #FF6600;}
 .EMPLOYMENT#SERVICESSUB li a:hover { background: #E85C00;}
 
#servicesFamily #SERVICESSUB  { background: #FFBF00 url(../interface/Services-Headings-FAMILY.gif) 100% 2px  no-repeat;} 
 .FAMILY#SERVICESSUB li { background: #FFBF00;}
 .FAMILY#SERVICESSUB li a:hover { background: #FFA600;}
 
#servicesProperty #SERVICESSUB  { background: #00AEEF url(../interface/Services-Headings-PROPERTY.gif) 100% 2px  no-repeat;} 
 .PROPERTY#SERVICESSUB li { background: #00AEEF;}
 .PROPERTY#SERVICESSUB li a:hover { background: #00A2DF;}
  
#servicesTrust #SERVICESSUB  { background: #7FC241 url(../interface/Services-Headings-TRUST.gif) 100% 2px  no-repeat;} 
 .TRUST#SERVICESSUB li { background: #7FC241;}
 .TRUST#SERVICESSUB li a:hover { background: #73B339;}
 
  .ARTICLES#SERVICESSUB  { background: #EE2E24 url(../interface/Services-Headings-ARTICLES.gif) 100% 2px  no-repeat;} 
 .ARTICLES#SERVICESSUB li { background: #EE2E24;}
 .ARTICLES#SERVICESSUB li a:hover { background: #DF1C11;}
 
#articlesNews #SERVICESSUB  { background: #EE2E24 url(../interface/Services-Headings-NEWS.gif) 100% 2px  no-repeat;} 
 .NEWS#SERVICESSUB li { background: #EE2E24;}
 .NEWS#SERVICESSUB li a:hover { background: #DF1C11;}
/* ------------------------------------ */
/* -------- Disclaimer menu ----------- */

#basenavbar { position: relative;  float: left; margin: 80px 0 0 -10px;	height: 19px; width: 408px;	overflow: hidden; 	}
	#basenavbar li { float: left; height: 19px;	overflow: hidden;	}
	#basenavbar li a {	text-indent: -3000em;	font-size: .5em;	height: 19px; display: block;	}
		/* individual button link styles */
	#basenavbar li.links { width: 55px; }
	#basenavbar li.links a { background: url(../interface/Menubase-links.gif) no-repeat top left; width: 55px; }
	#basenavbar li.links a:hover, #basenavbar li.links a.selected { background: url(../interface/Menubase-links_f2.gif)  no-repeat top left; }
	
		#basenavbar li.dataprotection { width: 119px; }
	#basenavbar li.dataprotection a { background: url(../interface/Menubase-dataprotection.gif) no-repeat top left; width: 119px; }
	#basenavbar li.dataprotection a:hover, #basenavbar li.dataprotection a.selected { background: url(../interface/Menubase-dataprotection_f2.gif)  no-repeat top left; }
	
		#basenavbar li.disclaimer { width: 98px; }
	#basenavbar li.disclaimer a { background: url(../interface/Menubase-disclaimer.gif) no-repeat top left; width: 98px; }
	#basenavbar li.disclaimer a:hover, #basenavbar li.disclaimer a.selected { background: url(../interface/Menubase-disclaimer_f2.gif)  no-repeat top left; }
	
		#basenavbar li.termsofbusiness { width: 134px; }
	#basenavbar li.termsofbusiness a { background: url(../interface/Menubase-termsofbusiness.gif) no-repeat top left; width: 134px; }
	#basenavbar li.termsofbusiness a:hover, #basenavbar li.termsofbusiness a.selected { background: url(../interface/Menubase-termsofbusiness_f2.gif)  no-repeat top left; }

/* -------- Disclaimer menu ends ------ */
/* ------------------------------------ */

/* CONTENT SECTION STYLES */

/* ------------------------------------ */



#flashmain { background:url(../interface/flash-promo-large-box-background.png) right bottom no-repeat; margin-right: -10px; padding-right: 10px; padding-bottom: 10px;}


	.thirdwidthboxwrap {
		float: left;
		margin: 0 -20px 0 0;
		padding: 0 0 20px 0;
		overflow: hidden;
		list-style: none;
		width: 945px;
	}
	.thirdwidthboxwrap li {
		float: left;
		width: 295px;
		padding: 0;
		height: 185px;
		margin: 0 20px 0 0;
		overflow: hidden;
	}
	.thirdwidthboxwrap li img {
		float: left;
	}
	
/***********************/	
/* Quarter width boxes */

	.quarterwidthboxwrap {
		float: left;
		margin: 0 -20px 0 0;
		padding: 0 0 30px 0;
		overflow: hidden;
		list-style: none;
		width: 945px;
	}
	.quarterwidthboxwrap li {
		float: left;
		width: 217px;
		padding: 0;
		height: 185px;
		margin: 0 19px 0 0;
		overflow: hidden;
	}
	.quarterwidthboxwrap li img { float: left; }
	
	.quarterwidthboxwrap li a {
		float: left;
		width: 197px;
		height: 175px;
		display: block;
		padding: 10px;
		background: url(../images/bg_stripes2.gif) top center;
	}
	.quarterwidthboxwrap li a:hover {
		text-decoration: none;
		background: url(../images/bg_stripes2_active.gif) top center;
	}


/* ------------------------------------ */

/* CONTENT SECTION STYLES END */

/* ------------------------------------ */


#outerwrap {}
#innerwrap {}
#headerwrap {}
#headerlinks {}


.people h1 { font: 2.7em Helvetica,  Arial, sans-serif; letter-spacing: 0; margin:0 0 5px 0; font-weight: bold; color:#FFF; }
.people h2 { font: 1.7em Helvetica,  Arial, sans-serif; letter-spacing: 0; margin:0 0 5px 0; font-weight: bold; color:#FFF; }
.people h3 { font: 1.2em Helvetica,  Arial, sans-serif; letter-spacing: 0; margin:20px 0 10px 0; font-weight: bold; color:#000; }

.page h1 { font: 2.7em Helvetica,  Arial, sans-serif;  margin:0 0 15px 0; font-weight: bold; color:#FFF; text-transform:uppercase; line-height: 1em;  display:inline-block;}
.page h2 { font: 1.7em Helvetica,  Arial, sans-serif; letter-spacing: 0; margin:0 0 5px 0; font-weight: bold; color:#FFF; }
.page h3 { font: 1.2em Helvetica,  Arial, sans-serif; letter-spacing: 0; margin:20px 0 10px 0; font-weight: bold; color:#000; }

h1 { font: 2.7em Helvetica,  Arial, sans-serif;  margin:0 0 15px 0; font-weight: bold; color:#FFF; text-transform:uppercase; line-height: 1em;  display:inline-block;}
h2 { font: 1.7em Helvetica,  Arial, sans-serif; letter-spacing: 0; margin:0 0 5px 0; font-weight: bold; color:#FFF; }
h3 { font: 1.2em Helvetica,  Arial, sans-serif; letter-spacing: 0; margin:20px 0 10px 0; font-weight: bold; color:#000; }


.people ul { margin-bottom: 10px;}
.people li { }
.people p { margin: 0 0 8px 0;}


.services p { margin: 0 0 8px 0;}