/* Layout */
* { border:0; margin:0; padding:0; }
	body { background:#818284 url("../images/bg.jpg") top center no-repeat; color:#fff; padding:30px 0; }
		#container { margin:0 auto; width:960px; }
		
		#header { position:relative; }
		
		#logo { float:left; width:396px; height:0; padding:90px 0 0 0; overflow:hidden; display:block; background:url("../images/logo-new.gif") top left no-repeat; }
		#vacancies-ad { float:right; margin-top:-32px; }
		
		#portfolio-description { margin:20px 320px 0 160px; }
		.portfolio-carousel {  }
		.portfolio-carousel ul { width:800px; overflow:hidden; position:relative; }
		.portfolio-carousel li { margin-bottom:-5px; background:url("../images/loader.gif") center center no-repeat; }
		.portfolio-carousel img { border:1px solid #818284; }
			.portfolio-carousel .next img, .portfolio-carousel .prev img { border:none; }
		
		
		#news-item { float:left; width:420px; margin-right:60px; }
			#news-item.news-item-full { width:640px; margin-right:0; }
		#news-image { float:left; width:160px; }
			#news-image img { border:1px solid #818284; }
		
		.news-image-extra { float:right; margin:0 0 20px ; }
		
		.single_image img { border:1px solid #818284; margin-right:-2px; }
		.digital img { border:none; margin-right:-2px; }
		
		#team img { margin:0 -3px -4px 0; }
		
		#about-decoration { background:url("../images/decoration-about-us.jpg") top left no-repeat; height:160px; margin-bottom:30px; }
		#consultancy-decoration { background:url("../images/decoration-consultancy.gif") top left no-repeat; height:320px; margin-bottom:30px; }
		#awards-decoration { background:url("../images/decoration-awards.jpg") top left no-repeat; height:320px; margin-bottom:30px; }
		#recruitment-decoration { height:320px; margin-bottom:30px; }
		
		.location { float:left; padding-top:190px; width:470px; }
			#location-london { background:url("../images/decoration-london.gif") top left no-repeat; }
			#location-maidenhead { background:url("../images/decoration-maidenhead.gif") top left no-repeat; margin-right:20px; }
			
		.consultancy, .awards, .about-us { float:left; width:470px; }
		#consultancy-full, #awards-full, #about { padding-top:20px; }
			#consultancy-01, #awards-01, #about-01 { margin-right:20px; }
			#consultancy-02, #about-02 { border-left:1px solid #aaa; width:450px; padding-left:19px; }
			
		.recruitment { float:left; }
		#recruitment-full { padding-top:20px; }
			#recruitment-01 { width:180px; margin-right:20px; }
			#recruitment-02 { width:510px; }
			
		#twitter-follow { float:right; width:147px; height:0; padding-top:54px; margin-top:10px; position:relative; display:block; overflow:hidden; background:url("../images/twitter-follow.gif") 0 0 no-repeat; }
		
		#subscription { margin:0 40px 0 0; }
		
		#extras { margin:20px 0 0 0; }
			#extras #latest-news, #extras #intro, #extras #team-info { float:left; width:460px; }
				#extras #latest-news, #extras #team-info { border-right:1px solid #a4a5a7; padding-right:20px; }
				#extras #latest-news img {  }
				
				.news-image-small { background:url("../images/news-frame.jpg") 0 0 no-repeat; padding:27px 0 0 27px; width:138px; height:105px; overflow:hidden; float:left; margin:-5px 20px 0 0; }
					.news-image-small img { width:112px; height:81px; }
				
				#extras #intro { padding-left:191px; width:287px; }
		
		#footer-addresses { border-bottom:1px solid #a4a5a7; clear:both; margin:30px 0 10px 0; position:relative;  }
			#footer .office { float:left; width:220px; margin:15px 20px 0 0; }
            .office p { margin:0; }
                    #office-maidenhead { position:absolute; bottom:15px; left:0; }
                    #office-london	{ position:absolute; bottom:15px; left:240px;}
				#office-london { border-left:1px solid #a4a5a7; padding-left:20px; }
			
			#featured-awards { position:absolute; bottom:-12px; right:0; width:385px; text-align:right; padding-bottom:10px; }
				#featured-awards .last-item { border-left:1px solid #a4a5a7; padding-left:10px; margin-left:10px; }
		
		#footer { padding-top:50px; }
        #footer-reg { color:#aaa; }
        
			.contact-tel { margin-top:5px; padding-top:20px; height:0; overflow:hidden; display:block; background-position:0 0; background-repeat:no-repeat; }
				#tel-maidenhead { background-image:url("../images/tel-maidenhead.gif"); width:216px; }
				#tel-london { background-image:url("../images/tel-london.gif"); width:223px; }
		
/* Typography */
body { font:67%/1.6 Arial, Verdana, sans-serif; }
	#content { font-size:1.1em; }
	#footer {  }
	
	p, address { margin:0 0 1em 0; }
		#extras p { margin:0; }
			#extras #intro p { font-size:0.9em; margin:0 0 0.5em; }
			#extras #intro p.last-item { margin:0; }
		#vacancies-intro { border-bottom:1px solid #aaa; padding-bottom:20px; margin-bottom:20px; }
        .sbd-intro { padding-right:20px; }
		p.last-item { margin-bottom:0; }
	address { font-style:normal; }
	
	ul, ol { margin:0 0 1em 1.5em; }
	.carousel ul, .portfolio-carousel ul { list-style-type:none; margin:0; padding:0; }
	.portfolio-list { font-size:0.9em; font-weight:bold; }
	
	#subscription p { font-size:0.9em; font-weight:bold; color:#4b4b4b; }
	
	h1 { font-size:2em; line-height:1.3; margin-bottom:10px; }
	h2 { font-size:1.2em; line-height:1.3; margin-bottom:5px; }
		.carousel-item h2 { margin-top:10px; font-size:1.3em; } 
        #intro h2 { margin-top:10px; }
		#workingyourbrand { background:url("../images/h_workingyourbrand.gif") top left no-repeat; height:0px; padding-top:30px; overflow:hidden; }
		#threesacrowd { background:url("../images/h_3sacrowd.gif") top left no-repeat; height:0px; padding-top:30px; overflow:hidden; }
		#shapingbranddestiny a { display:block; background:url("../images/h_shaping-brand-destiny.gif") top left no-repeat; height:0px; width:151px; padding-top:120px; float:left; margin-left:-170px; margin-right:20px; overflow:hidden; }
	h4 { font-weight:bold; font-size:1.1em; }
	

/* Navigation */		
#navigation { text-transform:uppercase; list-style-type:none; margin:0 0 25px 0; }
	#navigation li { float:left; font-size:1.4em; margin-right:20px; }
	#navigation a { font-weight:normal; padding-top:15px; height:0; display:block; overflow:hidden; background:url("../images/navigation-sprites.gif") no-repeat; }
		
		#navigation #nav-home a { width:40px; background-position:0 -15px; }
		#navigation #nav-home.selected a { background-position:0 0; }
		#navigation #nav-home a:hover { background-position:0 0; }
		
		#navigation #nav-portfolio a { width:58px; background-position:-61px -15px; }
		#navigation #nav-portfolio.selected a { background-position:-61px 0; }
		#navigation #nav-portfolio a:hover { background-position:-61px 0; }
		
		#navigation #nav-news a { width:40px; background-position:-139px -15px; }
		#navigation #nav-news.selected a { background-position:-139px 0; }
		#navigation #nav-news a:hover { background-position:-139px 0; }
		
		#navigation #nav-about a { width:64px; background-position:-197px -15px; }
		#navigation #nav-about.selected a { background-position:-197px 0; }
		#navigation #nav-about a:hover { background-position:-197px 0; }
		
		#navigation #nav-contact a { width:78px; background-position:-280px -15px; }
		#navigation #nav-contact.selected a { background-position:-280px 0; }
		#navigation #nav-contact a:hover { background-position:-280px 0; }
		
		#navigation #nav-consultancy a { width:80px; background-position:-377px -15px; }
		#navigation #nav-consultancy.selected a { background-position:-377px 0; }
		#navigation #nav-consultancy a:hover { background-position:-377px 0; }
		
		#navigation #nav-awards a { width:49px; background-position:-476px -15px; }
		#navigation #nav-awards.selected a { background-position:-476px 0; }
		#navigation #nav-awards a:hover { background-position:-476px 0; }
		
		#navigation #nav-blog a { width:29px; background-position:-544px -15px; }
		#navigation #nav-blog.selected a { background-position:-544px 0; }
		#navigation #nav-blog a:hover { background-position:-544px 0; }

#sub-navigation { float:left; }
	#sub-navigation ul { list-style-type:none; margin:5px 0 0 0; line-height:1.2; }
	#sub-navigation li { margin:0 0 7px 0; }
	.minor { width:150px; margin-right:20px; margin-left:-10px; }		
	.major { width:300px; margin-right:20px; }
		.major ul {  }
		#sub-navigation.major ul { margin:0; }
		#sub-navigation.minor ul { margin:5px 0 0 10px; }


/* Forms */
form { margin:20px 0; }
form div { margin:7px 0 0 0; padding:0 0 7px 0; border-bottom:1px solid #a4a5a7; }
	form div.last-item { border:0; }
	
.text, textarea { border:1px inset #484848; padding:7px; width:200px; font-family: Arial, Verdana, sans-serif; color:#000000; }
	textarea.text { font-family:Arial, Verdana, sans-serif; font-size:1em; width:320px; height:120px; }
	.shortvalue { width:90px; }
select.text { width:auto; }
select.text option { padding:0 1em 0 0; }
label { float:left; width:130px; font-weight:bold; padding-top:7px; }
fieldset label { display:inline; width:auto; padding-left:10px; }
	
	.required { background:#ffe7e7; }
	
.submit { width:68px; height:19px; text-indent:-3000em; margin: 0; border: 0; background: transparent url("../images/button-submit.gif") no-repeat left top; overflow: hidden; cursor: pointer; }


#subscription-form .text { width:150px; padding:3px; }
#subscription-form div { border:none; }
		
	
/*  Links  */	
a			{ color:#fff; font-weight:bold; text-decoration:none; }
a:visited	{ color:#fff; }
a:hover		{ color:#fff; text-decoration:none; }
a:active	{ color:#fff; text-decoration:none; }



#sub-navigation a	{ font-weight:normal; color:#c7c7c7; }
#sub-navigation a:hover	{ color:#fff; text-decoration:none; }
#sub-navigation .selected a	{ font-weight:bold; color:#fff; }

#sub-navigation h2 a	{ font-weight:bold; color:#fff; background:url("../images/sub-menu-arrow-right.gif") left center no-repeat; padding-left:10px; }
#sub-navigation h2 a.active { background:url("../images/sub-menu-arrow-down.gif") left center no-repeat; padding-left:14px; }

#sub-navigation #older-news { color:#4b4b4b; background:url("../images/arrow-left-sm-grey.gif") left center no-repeat; padding-left:13px; font-weight:bold; }
#older-news:visited { color:#4b4b4b; }
#older-news:hover { color:#4b4b4b; }
#older-news:active { color:#4b4b4b; }

.readmore			{ color:#aaa; font-weight:bold; text-decoration:none; padding-left:175px; display:block; margin-top:3px; }
.readmore:visited 	{ color:#aaa; }
.readmore:hover, .readmore:visited:hover	{ color:#fff; text-decoration:none; }
.readmore:active	{ color:#aaa; text-decoration:none; }

.emaillink			{ color:#aaa; font-weight:bold; text-decoration:none; }
.emaillink:visited 	{ color:#aaa; }
.emaillink:hover, .emaillink:visited:hover	{ color:#fff; text-decoration:none; }
.emaillink:active	{ color:#aaa; text-decoration:none; }

#footer a { font-weight:normal; }

#intro a:hover { color:#ec008c; }

a:focus { -moz-outline: none; }


	
/*  Clearing  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 


/* Safari HACKS */
::root .portfolio-carousel li { margin-bottom:-3px; }