/* LAYOUT -------------------------------------------------------------------------*/
#shortcuts li a:Focus, #shortcuts li a.show{width:770px;}

.page{width:770px;}
	#navigation{width:564px;}
		#navigation ul li a{margin:0 7px 0 0;}
		#navigation li a.nav-what{width:90px;height:36px;background:url(/images/sm-nav-what-we-do.gif);}	
		#navigation li a.nav-what-sel{width:90px;height:36px;background:url(/images/sm-nav-what-we-do-selected.gif);}
		#navigation li a.nav-what:Hover{background:url(/images/sm-nav-what-we-do-hover.gif);}
		#navigation li a.nav-work{width:74px;height:36px;background:url(/images/sm-nav-our-work.gif);}	
		#navigation li a.nav-work-sel{width:74px;height:36px;background:url(/images/sm-nav-our-work-selected.gif);}
		#navigation li a.nav-work:Hover{background:url(/images/sm-nav-our-work-hover.gif);}
		#navigation li a.nav-who{width:90px;height:36px;background:url(/images/sm-nav-who-we-are.gif);}
		#navigation li a.nav-who-sel{width:90px;height:36px;background:url(/images/sm-nav-who-we-are-selected.gif);}
		#navigation li a.nav-who:Hover{background:url(/images/sm-nav-who-we-are-hover.gif);}
		#navigation li a.nav-new{width:95px;height:36px;background:url(/images/sm-nav-whats-new.gif);}
		#navigation li a.nav-new-sel{width:95px;height:36px;background:url(/images/sm-nav-whats-new-selected.gif);}
		#navigation li a.nav-new:Hover{background:url(/images/sm-nav-whats-new-hover.gif);}
		#navigation li a.nav-careers{width:88px;height:36px;background:url(/images/sm-nav-work-for-us.gif);}
		#navigation li a.nav-careers-sel{width:88px;height:36px;background:url(/images/sm-nav-work-for-us-selected.gif);}
		#navigation li a.nav-careers:Hover{background:url(~/images/sm-nav-work-for-us-hover.gif);}
		#navigation li a.nav-contact{width:81px;height:36px;background:url(/images/sm-nav-contact-us.gif);}
		#navigation li a.nav-contact-sel{width:81px;height:36px;background:url(/images/sm-nav-contact-us-selected.gif);}
		#navigation li a.nav-contact:Hover{background:url(/images/sm-nav-contact-us-hover.gif);}	
		
#container{width:770px;margin:0px;}
	#subnav{float:left;width:196px;margin:16px 10px 0 0;}
	#content-container{float:left;width:554px !important;}
		#content{float:left;width:340px !important;}
			#content .padding{padding:14px 0 0 0 !important;width:340px !important;}	
			#case-studies #content .padding, #services #content .padding, #clients #content .padding, #team #content .padding{padding:14px 0 0 0;}
		#additional{float:right;width:202px;}
			#additional .padding{padding:21px 0 0 0;}
			#case-study #additional .padding{padding:14px 0px;}

		#feedback #content-container{width:750px !important;}
			#feedback #content{width:525px !important;}
			#feedback #content .padding{padding:14px 0 0 28px !important;width:500px !important;}	
		
	.boxes{margin:0px;}
	.box, .box-alt{float:none;width:100%;margin:2px 0px 8px 0;}
	.box .image, .box-alt .image, .box .imagelong, .box-alt .imagelong{overflow:hidden;width:340px;}	
	
	#clients .box, #clients .box-alt{float:left;width:162px;margin:2px 2px 4px 2px;}
	#clients .box .image, #clients .box-alt .image{overflow:hidden;width:160px;}
	
	.box.client-list {width:auto !important}
	.box-alt.client-list {width:auto !important}
	.box.client-list .image {width:auto !important}
	.box-alt.client-list .image {width:auto !important}

	.partner .image{float:left;width:92px;}	
	.partner .text{clear:both;float:none;width:100%;padding:10px 0 0 0;}
	
	.main-image{
	/*padding: 16px 0 0 0;
	overflow: hidden;
	text-align: right;*/
	width: 554px;
	}
	#invite-image{height:300px;}
	
	.main-image blockquote{padding:60px 10px 0 310px;}
	
	.staff-image{width:554px;}
		.staff-image .text{float:left;width:310px;}
		.staff-image .text blockquote{padding:35px 0 0 15px;}
		.staff-image .text cite{padding:5px 0 0 15px;}
		.staff-image .image{float:right;width:236px;}	
		
		.staff-image .image1{float:left;width:293px;text-align:left;padding:0;margin:0;}
		.staff-image .image1 img{ margin: 0 0 0 25px;display:block; }
	
	#cs-intro{padding:10px 15px 10px 0;}
	#cs-intro .text{float:left;width:64%;}
	#cs-intro .image{float:right;width:35%;}		
	.col1, .col2{float:none;width:100%;}
	.quote{float:left;width:340px;}
	.quote blockquote{padding:0 5px 5px 5px;}
	.quote cite{padding:0 5px 5px 5px;}	
	.screenshot{float:right;width:202px;text-align:right;}
	.screenshot img{margin:0 0 10px 0;}
	
	#footer .padding{padding:8px 25px 0 10px;}
	#footer ul{float:left;width:55%;padding:0;}
	#footer p{float:right;width:40%;}
	#nav-footer{padding:3px 25px 0 10px;}
/*
#homepage #container{float:left;width:770px;margin:0;padding:11px 0 0 0;}	
#homepage #subnav{position:relative;float:left;width:25%;left:0;top:0;margin:0 1% 0 0;}
	#homepage #subnav .padding{padding:0 0 10px 20px;}
#homepage #content-container{float:left;width:560px !important;margin:0;}
#homepage #content{float:left;width:60%;}
#homepage #additional{float:right;width:202px;}
#homepage #additional .padding{padding:0 0 10px 0;}	
#homepage #content p{font-size:1.45em;letter-spacing:-0.05em;}
*/

/* bits for new homepage design 31/5/6 ---------------------*/
	
#homepage #content-container{
	width: 770px !important;
}
#homepage #content{
	width:555px !important;	
}
#homepage .last{
	margin:0;
}
#homepage .mid{
	background-image:none;
}
.quote-holder{
	overflow: auto;
	width:510px;
}

#homepage #content .padding{padding-top:0 !important;}

#homeflashalt{
	overflow:hidden !important;height:236px!important;width:764px;
}

#homeflash{
	overflow:hidden !important;height:236px!important;width:764px;
}

.column1{ float: none; width: 100%; }
.column2{ float: none; width: 164px; }
	
/* -------------------------------------------------------- */