/***********GENERAL**************/

.clearfix:after 
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0; 
}

.clearfix 
{
	display: inline-block; 
}

html[xmlns] .clearfix 
{
	display: block; 
}

* html .clearfix 
{
	height: 1%; 
}

input::-moz-focus-inner /*Remove button padding in FF*/
{ 
	border: 0;
    padding: 0;
}

html
{

}

body
{
	font-size: 100%;
	line-height: 1.2em;
	font-family: Trebuchet MS, Trebuchet, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	background: url('/images/2011/body_bg.png');
}

p.skip-to-content
{	
	display: none;
}

a
{
	text-decoration: none;
	outline: none!important;
}

.button
{
	height: 28px;
	float: left;
	background: url('/images/2011/button_bg.png') no-repeat 0 0!important;
}

	.button a
	{
		background: url('/images/2011/button_a_bg.png') no-repeat 100% 0!important;
		padding: 5px 30px 0 10px;
		height: 23px;
		display: block;
		color: #42484c;
		font-size: 0.85em;
	}

ul,li
{
	margin: 0;
	padding: 0;
}

img
{
	border: none;
}

#wrapper
{
	width: 975px;
	padding: 0 13px 0 12px;
	background: url('/images/2011/shadows.png') repeat-y 0 0;
	text-align: left;
	margin: 0 auto 0 auto;
}

/***************HEADER************/

#header
{
	height: 180px;
	background: url('/images/2011/header_bg.gif') no-repeat 0 0;
	position: relative;
	z-index: 999;
}

	#header #search-box
	{
		float: right;
		margin: 9px 19px 0 0;
	}
	
		#header #search-box input
		{
			float: left;
		}
	
		#header #search-box input.txt
		{
			border: none;
			background: url('/images/2011/search_bg.png') no-repeat 0 0;
			width: 129px;
			padding: 0 0 0 10px;
			height: 27px;
			font-size: 0.7em;
			color: #a4a8ac;
		}
		
		#header #search-box input.submit
		{
			background: url('/images/2011/search_submit.png') no-repeat 0 0;
			border: none;
			width: 74px;
			height: 25px;
			color: #fff;
			margin: 1px 0 0 0;
			padding: 0 0 2px 0;
			font-size: 0.77em;
		}
		
	#header #logo-container
	{
		float: left;
		display: inline;
		margin: 57px 0 0 20px;
	}
	
	#header p.strap-line
	{
		float: left;
		color: #757575;
		margin: 92px 0 0 40px;
		font-size: 1.1em;
	}
	
	#header #newsletter div.button
	{
		float: right;
		margin-right: 6px;
	}

	#header #navigation
	{
		clear: both;
		background: url('/images/2011/navigation_bg.png') no-repeat 0 0;
		position: absolute;
		bottom: -40px;
		left: 0;
		width: 947px;
		padding: 0 14px 0 14px;
z-index: 2;
	}
	
	#header #nav-shadow
	{
		height: 14px;
		width: 947px;
		background: url('/images/2011/navigation_shadow.png') repeat-x 0 -2px;
		position: absolute;
		bottom: -39px;
		left: 14px;
		z-index: 1;
	}
	
		#navigation .inner
		{
			height: 93px;
			background: url('/images/2011/navigation_inner_bg.png') repeat-x 0 0;
		}		
	
		/* Generic nav list styles */
		#header #navigation ul
		{
			border-top: 1px solid #ccc;
			clear: right;
			float: left;
			margin: 12px 0 0 0;
			padding: 0;
			z-index: 3;
		}
		
			#header #navigation ul li
			{
				display: block;
				float: left;
				padding: 0 10px 0 10px;
				position: relative;
				margin-top: 0;
			}
			
				#header #navigation ul li a
				{
					color: #d9042b;
					font-size: 1em;
				}
				
				#header #navigation ul li a:hover,
				#header #navigation ul li.hover a,
				#header #navigation ul li a.hi
				{
					color: #363c40;
				}

			#header #navigation ul li.hover ul
			{
				display: block;
			}
				
				#header #navigation ul li ul
				{
					position: absolute;
					top: 25px;
					left: 0;
					padding-top: 12px;
					margin-top: 0;
					border-top: none;
					font-size: 0.85em;
					display: none;
					padding-bottom: 5px;
					/*background: url('/images/2011/sub_list_shadow.png') repeat-x 0 100%;*/
					width: 170px!important;
				}
				
					#header #navigation ul li ul li
					{
						width: 100%;
						background-image: none!important;
						background-color: #f9fbf8!important;
						padding: 0;
					}
					
					#header #navigation ul li ul li.first
					{
						padding-top: 5px;
						background: #f9fbf8 url('/images/2011/sub_list_shadow.png') repeat-x 0 -1px!important;
					}
				
					#header #navigation ul li ul li.last
					{
						padding-bottom: 5px; 
						background: transparent url("/images/2011/sub_nav_bottom.png") no-repeat 0 100%!important;
					}
	
						#header #navigation ul li ul li a
						{
							padding-left: 15px;
							width: 155px;
							font-weight: normal!important;
							color: #d9042b!important;
							background: #f9fbf8;
						}
						
						#header #navigation ul li ul li a:hover,
						#header #navigation ul li ul li.hi a
						{
							color: #363c40!important;
							background: #f9fbf8 url('/images/2011/sub_nav_a.png') no-repeat 6px 12px;
						}
				
		/* Main list styles */
		#header #navigation ul#main-nav
		{
			margin-left: 5px;
			padding-right: 98px;
			padding-top: 8px;
		}
		
			#header #navigation ul#main-nav li
			{
				background: url('/images/2011/header_bg.gif') no-repeat 0 0;
			}
			
			#header #navigation ul#main-nav li.button
			{
				padding-right: 0;
				padding-left: 2px;
			}
			
				#header #navigation ul#main-nav li a
				{
					float: left;
					display: block;
					height: 23px;
					font-weight: bold;
					padding-top: 5px;
				}
	
		/* Sub list styles */
		#header #navigation ul#sub-nav
		{
			padding-top: 13px;
		}
		
			#header #navigation ul#sub-nav li
			{
				background: url('/images/2011/header_bg.gif') no-repeat 0 0;
			}
			
				#header #navigation ul#sub-nav li a
				{
					font-size: 0.8em;
				}	
				
				#header #navigation ul#sub-nav li ul
				{
					top: 20px;
				}
				
					#header #navigation ul#sub-nav li ul li a
					{
						display: block;
					}
				
					#header #navigation ul#sub-nav li ul li a:hover,
					#header #navigation ul#sub-nav li ul li.hi a
					{
						background-position: 6px 6px;
						
					}
	
/***************CONTENT***********/

ul.breadcrumb
{
	height: 30px;
	padding: 0 0 0 13px;
	font-size: 0.9em;
}

	ul.breadcrumb li
	{
		display: inline; 
		float: left; 
		list-style-type: none; 
		padding: 0 0 0 7px;
	}

		ul.breadcrumb li a
		{
			border-right: 1px solid #ccc;
			padding: 0 7px 0 0;
		}

		ul.breadcrumb li a:hover
		{

		}

#content
{

}

#content ul,
#content ol
{
	padding: 0 10px 10px 30px;
}


	/* Homepage */
	
	#content #slideshow
	{
		width: 975px;
		position: relative;
		z-index: 1;
	}
	
		#content #slideshow .inner
		{
			width: 975px;
			height: 467px;
			overflow: hidden;
		}
	
		#content #slideshow a.prev
		{
			position: absolute;
			top: 260px;
			left: 10px;
			z-index: 898;
		}
		
		#content #slideshow a.next
		{
			position: absolute;
			top: 260px;
			left: 40px;
			z-index: 899;
		}
	
		#content #slideshow .slide
		{
			width: 975px;
			height: 467px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 890;
		}
		
			#content #slideshow .slide p
			{
				
				color: #d9042b;
				float: left;
				margin: 300px 0 0 0;
				display: inline;
				font-size: 1.3em;
			}
			
			#content #slideshow .slide p img
			{
				float: left;
				clear: left;
			}
			
				#content #slideshow .slide p a
				{	
					color: #d9042b;
					background: url('/images/2011/caption_bg.png');
					padding: 15px;
					float: left;
					clear: both;
					width: 370px;
					line-height: 1.1em;
					font-weight: bold;
				}
				
		
		#content #slideshow #mini-survey
		{
			position: absolute;
			bottom: 25px;
			right: 21px;
			z-index: 901;
			width: 210px;
			background: url('/images/2011/survey_top.png') no-repeat 0 0;
			font-size: 0.8em;
			color: #363C40;
			padding: 5px 0 0 0;
		}
		
			#content #slideshow #mini-survey .survey-inner
			{
				padding: 5px 0 0 10px;
				width: 200px;
				float: left;
				background: url('/images/2011/caption_bg.png');
			}

			#content #slideshow #mini-survey h3
			{
				padding: 0;
				margin: 0;
			}

			#content #slideshow #mini-survey p
			{
				padding: 0;
				margin: 0;
			}
			
			#content #slideshow #mini-survey form
			{
				padding: 5px 0 5px 0;
				display: none;
			}
			
			#content #slideshow #mini-survey .radio-button
			{
				float: left;
				padding-right: 15px;
			}
			
			#content #slideshow #mini-survey .radio-button input
			{
				float: left;
			}
			
			#content #slideshow #mini-survey img
			{
				display: block;
				float: left;
			}
				
			#content #slideshow #mini-survey .result-graph
			{
				width: 180px;
				display: none;
				padding-bottom: 5px;
			}
				
				#content #slideshow #mini-survey .result-graph .result
				{
					position: relative;
					height: 20px;
					color: #555555;
				}
				
					#content #slideshow #mini-survey .result-graph .result .bar
					{
						float: left;
						clear: left;
						background: #bdbdbd;
						margin: 2px 0 2px 0;
						padding: 1px 0 1px 3px;
						/*color: #dedede;*/
						position: absolute;
						left: 0;
						top: 0;
						height: 15px;
					}
					
					#content #slideshow #mini-survey .result-graph .result .question
					{
						position: absolute;
						top: 0;
						left: 0;
						padding: 0 0 0 5px;
					}
				
	#content #home-r1
	{
		font-size: 0.9em;
		background: #fff;
		padding-bottom: 20px;
		border-top: 4px solid #95221f;
	}
	
		#content #home-r1 .col
		{
			width: 325px;
			float: left;
			color: #363c40;
			position: relative;
			z-index: 1000;
		}
		
			#content #home-r1 .col .inner
			{
				height: 270px;
				margin: 35px 0 0 0;
				padding: 5px 15px 0 15px;
				background: url('/images/2011/home_r1_col.gif') repeat-y 5px 0;
				border-left: 1px solid #e5e5e5;
				font-size: 0.9em;
			}
			
			#content #home-r1 .first .inner
			{
				border-left: none;
			}
		
			#content #home-r1 .col h2
			{
				font-weight: normal;
				font-size: 1.3em;
				display: inline;
				position: absolute;
				top: -44px;
				left: 5px;
				padding-left: 13px;
				background: url('/images/2011/home_h2_l.png') no-repeat 0 0;
			}
			
				#content #home-r1 .col h2 span,
				#content #home-r1 .col h2 a
				{
					color: #d9042b;
					float: left;
					padding: 12px 11px 5px 0;
					background: url('/images/2011/home_h2_r.png') no-repeat 100% 0;
				}
				
				#content #home-r1 .col .row
				{
					border-bottom: 1px solid #e5e5e5;
					padding-bottom: 8px;
					margin-bottom: 8px;
				}
					
					#content #home-r1 .col a
					{
						color: #d9042b;
					}
					
					#content #home-r1 .col .blog .date
					{	
						float: left;
						padding: 5px 10px 0 10px;
					}
					
						#content #home-r1 .col .blog .date .day
						{
							width: 26px;
							height: 27px;
							padding: 6px 6px 0 6px;
							float: left;
							display: block;
							background: url('/images/2011/blog_day.png') no-repeat 0 0;
							color: #fff;
							font-weight: bold;
							font-size: 1.1em;
						}
						
						#content #home-r1 .col .blog .date .month
						{
							clear: left;
							float: left;
							padding: 0 0 0 3px;
							color: #ab0906;
							font-weight: bold;
						}
				
					#content #home-r1 .col .blog .snippet
					{
						float: left;
						width: 235px;
					}
				
			#content #home-r1 .col h3
			{
				color: #d9042b;
				font-size: 1.1em;
				margin: 0;
				padding: 0 0 5px 0;
			}
			
			#content #home-r1 .col p
			{
				margin: 0;
				padding: 0;
			}
			
			#content #home-r1 .col a2011
			{
				color: #d9042b;
			}
			
			#content #home-r1 .col a.arrow
			{
				background: url('/images/2011/arrow_link.png') no-repeat 100% 100%;
				padding: 8px 25px 0 0;
				float: left;
				margin-top: 1px;
				position: absolute;
				bottom: 8px;
				left: 15px;
			}
			
			#content #home-r1 .col a:hover
			{
				text-decoration: underline;
			}
			
/******WINNING CASE STUDIES******/
.winning-case-studies
{
	border: none!important;
}


.box-row
{
	width: 855px;
	padding: 0 30px 0 30px;
	background: url('/images/2011/box_title_bg.png') no-repeat 0 0;
}

.box-active
{
	background: url('/images/2011/box_title_bg_on_2.png') no-repeat 0 0;
}

.box-row-last
{
	padding-bottom: 20px;
}


	.box-row h3
	{
		color: #fff;
		font-size: 1.4em;
		text-align: right;
		padding: 17px 0 5px 0;
		margin-bottom: 0px;
	}

	.box-row .row
	{
		float: left;
		display: none;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.box-active .row
	{
		display: block;
	}

	.box-row .row .img-rgt
	{
		float: right;
		padding-left: 20px;
	}
	
/********* APPLICATION FORMS******/
.notice, .error
{
	color: #E00024;
}

.checkbox-lft label,
.checkbox-rgt label,
.checkbox-mdl label
{
	width:140px !important;
	float: left;
}

.checkbox-lft span,
.checkbox-rgt span,
.checkbox-mdl span
{
	float: left;
}

.pages .hi
{
	color: #888 !important;
}
#application-form .error
{
	border: 1px solid #E00024;
	padding: 10px;
	color: #E00024;
}
/***************FOOTER************/
#footer
{
	font-size: 0.8em;
	color: #555659;
	padding-bottom: 10px;
	background: #fff;
}

	#footer a
	{
		color: #bf0404;
	}

	#footer a:hover,
	#footer a.hi
	{
		text-decoration: underline;
	}

	#footer .top
	{
		padding: 20px 0 0 10px;
	}

		#footer .top .address
		{
			background: url('/images/2011/city_london.png') no-repeat 15px 0;
			padding: 0 0 0 114px;
			float: left;
		}

		#footer .top .phone
		{
			float: left;
			padding: 19px 0 0 76px;
		}

		#footer .top .social
		{	
			float: right;
			padding-top: 71px;
		}
		
			#footer .top .social a
			{
				padding: 5px 20px 3px 30px;
				color: #555659;
				float: left;
			}
		
			#footer .top .social .facebook
			{
				background: url('/images/2011/facebook.png') no-repeat 0 0;				
			}

			#footer .top .social iframe 
			{
				margin-top: 2px;
			}
			
			#footer .top .social .youtube
			{
				padding-top: 3px;
			}			
			
			#footer .top .social .twitter
			{
				background: url('/images/2011/twitter.png') no-repeat 0 0;				
			}

	#footer .bottom
	{
		clear: both;
		border-top: 1px solid #e5e5e5;
		margin: 10px 0 0 0;
		float: right;
		width: 828px;
		padding: 10px 20px 0 0;
		text-align: right;
		font-size: 0.9em;
	}