/***************************************************************************************************
WRAPPER
***************************************************************************************************/
#wrapper {
	margin: 0 auto;
	width: 960px;
	position: relative;
	}

/***************************************************************************************************
	HEADER
***************************************************************************************************/
	#header {
		height: 98px;
		}
		
/***************************************************************************************************
		LOGO
***************************************************************************************************/	
		#logo {
			width: 110px;
			height: 100px;
			float: left;
			position: relative;
			}
			
			#logo span {
				width: 110px;
				height: 100px;
				display: block;
				position: absolute;
				top: -1px;
				left: 0;
				background: url('../img/logo.png') no-repeat;
				}
				
/***************************************************************************************************
		NAVIGATION
***************************************************************************************************/		
		#navigation {
			float: right;
			margin: 30px 0 0;
			}

			#navigation li {
				display: inline;
				margin: 0 0 0 20px;
				}
				
				#navigation li a {
					display: block;
					float: left;
					color: #aaa;
					font-size: 1.2em;
					text-transform: uppercase;
					text-decoration: none;
					padding: 10px 26px 13px 8px;
					font-weight: bold;
					}
					
					#navigation li a:hover {
						color: #555;
						}
						
					#navigation li a.active {
						color: #30538a;
						}
					#navigation li ul { margin: 10px 0; }
					#navigation li ul * { margin: 0; }
					#navigation li ul li { margin: 0; }
					#navigation li ul a { color: #fff; font-size: 1em; }
					#navigation li ul a:hover { color: #fff; }
			
/***************************************************************************************************
	BRANDING
***************************************************************************************************/		
	#branding {
		width: 960px;
		height: 320px;
		clear: both;
		background: #2083CF url('../img/branding.jpg') no-repeat;
		text-indent: -9000px;
		}
		
	#interior {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: 960px;
		height: 100px;
		clear: both;
		background: transparent url('../img/branding-interior.png') bottom right no-repeat;
		}
		
		#interior h2 {
			padding: 0;
			line-height: 100px;
			color: #fff;
			font-size: 2.4em;
			}

/***************************************************************************************************
	CONTENT
***************************************************************************************************/
	#content {
		margin: 0;
		clear: both;
		}
		
		#content-top {
			background: #fff;
			width: 960px;
			height: 40px;
			margin: 3px 0 20px;
			background: url('../img/bg-breadcrumb.gif') top left repeat-x;
			border-bottom: 1px solid #dadada;
			border-top: 1px solid #ededed;
			}
			
			#content-top .breadcrumb {
				width: 700px;
				margin: 0 0 0 15px;
				float: left;
				display: inline;
				}
				
				#content-top .breadcrumb span {
					display: inline;
					}
			
					#content-top .breadcrumb a {
						display: block;
						font-size: 1.2em;
						background: transparent url('../img/bg-breadcrumb-seperator.gif') top right no-repeat;
						padding: 0 20px 0 10px;
						height: 40px;
						line-height: 40px;
						float: left;
						}
				
				#content-top .breadcrumb .breadcrumb-current {
					padding: 15px 10px;
					font-size: 1.2em;
					font-weight: bold;
					line-height: 40px;
					}
					
					
			#content-top .search {
				float: left;
				display: none;
				margin: 0 0 0 40px;
				padding: 0;
				width: 300px;
				}
				
				#content-top .search form { width: 300px; margin: 5px 0 0; }
				#content-top .search form label {
					font-size: 1.2em;
					margin: 0 0 0 10px;
					float: left;
					display: inline;
					text-indent: -9000px;
					}
				#content-top .search form .searchbox {
					padding: 6px;
					font: normal 1.2em 'Helvetica', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
					color: #868686;
					width: 190px;
					float: left;
					display: inline;
					border: 1px solid #dadada;
					border-right: none;
					}
					
				#content-top .search form .searchbutton {
					float: left;
					display: inline;
					}
		
/***************************************************************************************************
		SECTIONS
***************************************************************************************************/		
		#sections {
			margin: 40px 0 0;
			clear: both;
			}
		
			#sections .section {
				width: 225px;
				padding: 0 7px;
				float: left;
				display: inline;
				border-right: 1px solid #cacaca;
				}
				#sections #last.section  { border-right: 1px solid #fff; } 
				
				#sections .section h3 {
					margin: 0 0 10px;
					font-size: 1.5em;
					color: #4b97d6;
					text-transform: uppercase;
					font-weight: bold;
					}
					
					#sections .section h3 a:hover { text-decoration: none; }
				
				#sections .section a img {
					width: 221px;
					height: 85px;
					padding: 1px;
					background: #fff;
					border: 1px solid #aaa;
					}
					
					#sections .section a:hover img { border: 1px solid #7dbaed; }
					
				#sections .section p {
					margin: 10px 0;
					font-size: 1.1em;
					line-height: 1.3em;
					height: 110px;
					}
					
				#sections .section a.find-out-more {
					float: right;
					}
					
				a.find-out-more {
					display: block;
					margin: 10px 0;
					width: 72px;
					height: 25px;
					background: #000 url('../img/btn-more.png') 0 0 no-repeat;
					text-indent: -9000px;
					}
					
					a.find-out-more:hover {
						background: url('../img/btn-more.png') 0 -25px no-repeat;
						}
						
				a.what-is-lean-side {
					display: block;
					width: 250px;
					height: 58px;
					background: #000 url('../img/btn-what-is-lean-thinking.png') 0 -58px no-repeat;
					text-indent: -9000px;
					}
					
					a.what-is-lean-side:hover {
						background: url('../img/btn-what-is-lean-thinking.png') 0 0 no-repeat;
						}
						
				a.register-side {
					display: block;
					width: 250px;
					height: 58px;
					background: #000 url('../img/btn-register.png') 0 -58px no-repeat;
					text-indent: -9000px;
					}
					
					a.register-side:hover {
						background: url('../img/btn-register.png') 0 0 no-repeat;
						}
						
				a.contact-us-side {
					display: block;
					width: 250px;
					height: 58px;
					background: #000 url('../img/btn-get-in-touch.png') 0 -58px no-repeat;
					text-indent: -9000px;
					}
					
					a.contact-us-side:hover {
						background: url('../img/btn-get-in-touch.png') 0 0 no-repeat;
						}

/***************************************************************************************************
		INTERIOR MENU
***************************************************************************************************/
		#menu {
			float: left;
			width: 250px;
			}
			
			#menu p {
				margin: 0 0 8px;
				padding: 0;
				}
				
				#menu p a img { display: block; margin: 0; padding: 0; }
			
			#menu ul {
				border-top: 1px solid #dcdbdb;
				margin: 0 0 10px;
				}
				
				#menu ul ul { margin: 0;}
				#menu ul ul li { margin: 0;}
				#menu ul ul li a { margin: 0;}
				
			#menu ul li a {
				display: block;
				background: #fafafa;
				padding: 20px;
				border: 1px solid #dcdbdb;
				border-top: none;
				font-size: 1.2em;
				color: #6e6e6e;
				}
				
				#menu ul li a:hover {
					border: 1px solid #cfcece;
					border-top: none;
					background: #FcFcFc;
					color: #6e6e6e;
					text-decoration: none;
					}
					
					#menu ul li a.active, #menu ul ul li a.active, #menu ul li a.active:hover, #menu ul ul li a.active:hover {
						border: 1px solid #4b97d6;
						background: #6ab2ed;
						color: #fff;
						text-transform: uppercase;
						}
				
				#menu ul ul li a {
					display: block;
					background: #ededed;
					padding: 10px 20px;
					font-size: 1.1em;
					}
					
					#menu ul ul li a:hover {
						border: 1px solid #cfcece;
						border-top: none;
						background: #e2e2e2;
						color: #6e6e6e;
						text-decoration: none;
						}

/***************************************************************************************************
		INTERIOR MAIN
***************************************************************************************************/
		#main {
			float: right;
			width: 680px;
			}
			
			#main h3 { font-size: 1.5em; line-height: 1.6em; margin: 0 0 15px; text-transform: uppercase; }
			#main h3.sector-people { font-size: 1.5em; line-height: 1.6em; margin: 0 0 15px; text-transform: uppercase; color: #BDA372; }
			#main h4 { font-size: 1.3em; margin: 10px 0; color: #62a4db; text-transform: uppercase; font-weight: normal; }
			#main h5 { font-size: 1.1em; color: #62a4db; text-transform: uppercase; font-weight: normal; }
			
			#main blockquote { font-size: 1.2em; color: #868686; font-weight: normal; margin: 0 0 10px 20px; padding: 0 0 0 50px; line-height: 1.6em; background: url('../img/blockquote.gif') no-repeat; }

			#main p { font-size: 1.2em; line-height: 1.6em; margin: 10px 0; }
			#main p.client-name { font-size: 1.2em; line-height: 1.6em; margin: 10px 0; color: #74B4E9; text-align: right; }
			#main p.intro { font-size: 1.3em; line-height: 1.8em; margin: 10px 0; font-weight: bold; }
			
			#tabs .tab ul { list-style: disc; margin: 10px 0; }
			#tabs .tab ul ul { list-style: circle; margin: 10px 0 10px 20px; font-size: 0.8em; }
			
			#tabs .tab ul ul ul { list-style: square; margin: 10px 0 10px 40px; font-size: 0.8em; }
			#tabs .tab ol { list-style: decimal; margin: 10px 0; }
			#tabs .tab ul li, #tabs .tab ol li { font-size: 1.2em; line-height: 1.6em; margin: 3px 20px; padding: 0 10px; }
			
			#main small { font-size: 0.9em; font-weight: bold; }
			
			#main h4 { color: #4B97D6; font-size: 1.5em; margin: 8px 0; }
			#main h5 { color: #BDA372; font-size: 1.2em; margin: 8px 0; }
			
			#main .success { background: #80C630; color: #fff; font-size: 1.2em; margin: 10px 0; padding: 15px; border: 1px solid #6DA929; }
			#main .errors { background: #CB0000; color: #fff; font-size: 1.2em; margin: 10px 0; padding: 15px; border: 1px solid #6D0029; }
				#main .errors li { font-size: 1.1em; margin: 0 20px; padding: 5px 10px; }
			
			#main table { width: 680px; border-bottom: 2px solid #ededed; margin: 0 0 20px; }
			
				#main table th { border-bottom: 2px solid #ededed; padding: 10px; font-size: 1.2em; }
				#main table td { padding: 10px; font-size: 1.1em; }
				#main table td.center { text-align: center; }
			
			#main .entry { margin: 0 0 25px; padding: 0 0 25px; border-bottom: 1px solid #ededed; }
				#main .entry strong { font-size: 1.2em; text-transform: uppercase; color: #cdcdcd; }
				#main .entry h4 { font-size: 1.6em; text-transform: uppercase; }
				
			#main .vcard {
				float: left;
				display: inline;
				width: 200px;
				height: 180px;
				margin: 0 10px 0 0;
				padding: 0 7px;
				border-right: 1px solid #ededed;
				font-size: 1.2em;
				line-height: 1.6em;
				}
				
				#main .vcard .org {
					font-size: 1em; line-height: 1.3em; margin: 0 0 15px; text-transform: uppercase; color: #62a4db;
					}
				
		
/***************************************************************************************************
		CLIENTS
***************************************************************************************************/		
		#clients {
			margin: 40px 0 0;
			height: 150px;
			clear: both;
			}
			
			#clients h4 {
				font-size: 1.4em;
				color: #bda372;
				text-transform: uppercase;
				font-weight: normal;
				font-weight: bold;
				}
				
			#clients img { margin: 20px 0 0; }

/***************************************************************************************************
	SITEMAP
***************************************************************************************************/
	#sitemap-wrapper {
		clear: both;	
		width: 100%;
		background: #fafafa;
		color: #4c4c4c;
		border-top: 1px solid #ededed;
		border-bottom: 1px solid #ededed;
		}
		
		#sitemap-toggle {
			width: 960px;
			margin: 0 auto;
			position: relative;
			}
			
			#sitemap-toggle a {
				display: block;
				position: absolute;
				top: -33px;
				right: 0;
				padding: 10px;
				font-size: 1.2em;
				}
				
				#sitemap-toggle a.dark {
					background: #2b2b2b;
					border: 1px solid #1a1a1a;
					border-bottom: none;
					color: #fff;
					}
					
				#sitemap-toggle a.light {
					color: #4c4c4c;
					background: #fafafa;
					border: 1px solid #ededed;
					border-bottom: none;
					}
	
		#sitemap {
			margin: 0 auto;
			padding: 40px 0;
			width: 960px;
			font-size: 1.1em;
			}
			
			.sitemap-box {
				width: 240px;
				float: left;
				display: inline;
				}
				
				.sitemap-box h4 {
					margin: 0 0 25px;
					padding: 0 0 15px;
					font-size: 1.4em;
					color: #4b97d6;
					text-transform: uppercase;
					font-weight: normal;
					border-bottom: 1px solid #e7dcdc;
					}
					.sitemap-box h4.hide { text-indent: -9000px; }
					
				.sitemap-box h5 {
					font-size: 1.1em;
					color: #62a4db;
					text-transform: uppercase;
					font-weight: normal;
					}
					
				.sitemap-box ul {
					margin: 10px 0 15px;
					height: 100px;
					}

				.sitemap-box ul li a {
					font-size: 1em;
					color: #4c4c4c;
					text-decoration: none;
					padding: 2px 0;
					display: block;
					float: left;
					clear: left;
					vertical-align: bottom;
					}
					
					.sitemap-box ul li a:hover { text-decoration: underline; }
					
				.sitemap-box .vcard { height: 135px; }
					.sitemap-box .vcard .org { margin: 0 0 10px; color: #4b97d6; font-size: 1.1em; text-transform: uppercase; font-weight: normal; clear: both }
					.sitemap-box .vcard div { display: block; padding: 2px 0; clear: both; }
					
				.sitemap-box #change-country-wrapper h5 { padding: 0 0 10px; }
				

/***************************************************************************************************
	FOOTER
***************************************************************************************************/
	#footer-wrapper {
		width: 100%;
		height: 100px;
		background: #2b2b2b;
		color: #fff;
		clear: both;
		}
		
		#footer {
			margin: 0 auto;
			width: 960px;
			font-size: 1.1em;
			}
			
			#copy {
				width: 49%;
				padding: 45px 0;
				float: left;
				text-align: left;
				}
				
			#credits {
				width: 49%;
				float: right;
				text-align: right;
				padding: 25px 0;
				}
				
				#credits a {
					display: block;
					margin: 0;
					padding: 0;
					width: 50px;
					height: 50px;				
					background: url('../img/freshmedia.png') no-repeat;
					outline: none;
					float: right;
					text-align: left;
					text-indent: -9000px;
					color: #fff;
					}
					
/***************************************************************************************************
	MAP
***************************************************************************************************/
	#map {
		width: 280px;
		height: 120px;
		display: none;
		position: absolute;
		top: 300px;
		left: 305px;
		background: #2083CF url('../img/map.png') no-repeat;
		color: #000;
		font-size: 1.3em;
		text-align: left;
		border: 3px solid #fff;
		padding: 0;
		z-index: 1000;
		}
		
		#map .form {
			margin: 20px 0 0 20px;
			}
			
			#map .form h3 {
				color: #fff;
				font-size: 1.3em;
				margin: 10px 0 10px;
				}
		
			#map select {
				width: 200px;
				color: #000;
				margin: 0;
				padding: 0;
				}
				
				#map select option {
					color: #000;
					}
				
			#map input.button {
				display: block;
				padding: 5px;
				}
		
		#map .country {
			display: block;
			margin: 20px 0 0 30px;
			float: left;
			color: #fff;
			}
			
		#map #close-map {
			position: absolute;
			bottom: 0;
			right: 0;
			padding: 5px;
			background: #fff;
			color: #222;
			}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/***************************************************************************************************
	OUR PEOPLE/PARNTERS
***************************************************************************************************/
#people, #partners {
	position: relative;
	padding: 30px 0 0;
	overflow: hidden;
	}
				
	#people ul, #partners ul {
		width: 660px;
		}
		
		#people ul ol, #partners ul ol, 
		#people ul ol ol, #partners ul ol ol, 
		#people ul ol ol ol, #partners ul ol ol ol, 
		#people ul ol li, #partners ul ol li, 
		#people ul ol ol li, #partners ul ol ol li, 
		#people ul ol ol ol li, #partners ul ol ol ol li { width: auto !important; height: auto !important; float: none !important; margin: 0 !important; margin-left: 10px !important; list-style: disc; }
	
		#people ul li, #partners ul li {
			width: 660px;
			height: 700px;
			list-style: none;
			margin: 0 !important;
			padding: 0 !important;
			}
			
			#people ul li h4, #partners ul li h4 {
				margin-bottom: 0;
				padding: 10px 10px 8px;
				background: #fff;
				border-bottom: 1px solid #DEDEDE;
				cursor: pointer;
				text-transform: none;
				}
			#people ul li .text, #partners ul li .text { background: #EDEDED; padding: 5px 20px 20px; border: 1px solid #DEDEDE; border-top: none; font-size: 0.8em; }
			#people ul li .text img, #partners ul li .text img { float: left; margin: 0 8px 8px 0; border: 3px solid #fff; }
			
		#people-prev, #people-next, #partners-prev, #partners-next {
			position: absolute !important;
			top: 20px !important;
			left: 18px;
			width: 60px !important;
			height: 20px !important;
			text-align: center;
			line-height: 20px;
			display: block !important;
			float: left !important;
			
			}
		
		#people-next, #partners-next { left: 595px; }
																
		#people-prev a, #people-next a, #partners-prev a, #partners-next a {  
			display: block !important;
			width: 60px !important;
			height: 20px !important;
			font-size: 1.2em;
			background: #EDEDED;
			border: 1px solid #DEDEDE;
			text-decoration: none;
			}
			
		#people-prev a:hover, #people-next a:hover, #partners-prev a:hover, #partners-next a:hover { background: #dedede; border: 1px solid #ccc; color: #fff; text-decoration: none; }
			
	#main .person, #main .partner {
		margin: 0 10px;
		}
		
		#main h3.sector-people { font-size: 1.5em; line-height: 1.6em; margin: 0 0 15px; text-transform: none; color: #BDA372; }
		
/***************************************************************************************************
	CONTACT FORM
***************************************************************************************************/
#contact-form {
	clear: both;
	margin: 30px 0 0;
	padding: 15px 0;
	border-top: 3px solid #ededed;
	}
	
	#contact-form label {
		display: block;
		font-size: 1.2em;
		margin: 15px 0 2px;
		}
		
	#contact-form .textbox {
		display: block;
		font-size: 1.3em;
		font-family: 'Helvetica', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
		margin: 0 0 5px;
		width: 660px;
		padding: 4px;
		color: #868686;
		}
		
	#contact-form .tinytextbox {
		display: block;
		font-size: 1.3em;
		font-family: 'Helvetica', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
		margin: 0 0 5px;
		width: 30px;
		padding: 4px;
		color: #868686;
		}
		
	#contact-form textarea {
		display: block;
		font-size: 1.3em;
		margin: 0 0 5px;
		width: 665px;
		height: 300px;
		padding: 4px;
		color: #868686;
		font-family: 'Helvetica', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
		}
		
	#contact-form .button {
		display: block;
		padding: 5px;
		margin: 15px 0 0;
		font-size: 1.2em;
		font-size: 1.3em;
		}
		
/***************************************************************************************************
	NEWSLETTER
***************************************************************************************************/
#newsletter-signup {
	margin: 20px 0;
	}
	
	#newsletter-signup h4 {
		font-size: 1.2em;
		color: #74B4E9;
		padding: 5px 0;
		background: #fff;
		border-bottom: 2px solid #dcdcdc;
		}
		
	#newsletter-signup form {
		background: #EDEDED;
		padding: 10px;
		}
		
	#newsletter-signup label {
		display: block;
		padding: 8px 0 2px;
		font-size: 1.3em;
		}

	#newsletter-signup .textbox {
		display: block;
		font-size: 1.2em;
		font-family: 'Helvetica', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
		margin: 0 0 5px;
		width: 220px;
		padding: 3px;
		color: #868686;
		}
		
	#newsletter-signup .button {
		display: block;
		padding: 5px;
		margin: 10px 0 0;
		font-size: 1.2em;
		font-size: 1.3em;
		}
		
/***************************************************************************************************
	ARCHIVE
***************************************************************************************************/
	.archive {
		
		}
		
		.archive h2 {
			color: #000;
			font-size: 1.4em;
			}

		
		.archive h3 {
			padding: 0 0 0 20px;
			}
			
			.archive .entry {
				margin: 0 0 20px 40px !important;
				width: 600px;
				}
	
	
/***************************************************************************************************
	JQ MODAL
***************************************************************************************************/	
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}