/* @group Reset */
/* CSS Reset v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	width: 1070px;
	margin: 0 auto;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

html
{
	font-family:Arial,Helvetica,sans-serif; 
	text-rendering: optimizeLegibility;
}

.clear
{
	clear: both;
} 

iframe
{
	border: none;
}

#wrapper
{
	margin: 0 auto;
	margin-top: 25px;
}

#wrapper,
#header,
#sub-nav,
#footer
{
	max-width: 940px;
	min-width: 940px;
	width: 940px;
}

#header
{
	border-bottom:2px solid #D7161F;
	padding-bottom: 15px;
}

#logo
{
	float: left;
}

/* @group Nav */

#lang-nav,
#nav
{
	float: right;
	min-width: 817px;
	max-width: 817px;
	color: #808285;
}

#lang-nav a,
#nav a,
#sub-nav a,
.work-nav a
{
	color: #808285;
   	text-decoration: none;
}

#sub-nav a,
#sub-nav
{
	color: #a9a9a9;
}

#lang-nav a:hover,
#nav a:hover,
#sub-nav a:hover,
#sub-nav .subactive a,
#lang-nav a.active,
#nav ul li.active a,
.work-nav a.active,
.work-nav a:hover
{
	color: #d7161f;
}

.work-nav a.active
{
	font-weight: bold;
}

#lang-nav ul,
#nav ul
{
	float: right;
}                

#lang-nav ul li,
#nav ul li
{
	display: inline;
}

#lang-nav
{
	text-transform: uppercase;
	font-size: 9px;
}

#lang-nav ul li
{
	margin-left: 7px;
}

.divider
{
	font-size: 7px;
	vertical-align: top
}

#nav
{
	margin-top: 31px;
	font-size: 15px;
}

#nav ul li
{
	margin-left: 70px;
	padding-bottom: 20px; 
}

#nav ul li.active
{
	background-image: url('../images/newsite/menu_bg1.png');
	background-position: bottom;
	font-weight: bold;
}

#sub-nav
{
	font-size: 13px;
	margin: 8px 0 15px;
	position: relative;
	min-height: 20px;
}

	#sub-nav ul
	{
		display: none;
	}
	
	#sub-nav ul.active
	{
		display: block;
	}

	#sub-nav ul
	{
	   position: absolute;
	}

		#sub-nav ul li
		{
			display: inline;
		}
		
		#sub-nav ul li.dot
		{
			margin: 0 2px;
			font-weight: bold;
			font-size: 16px;
		}

#contact-sub-nav
{
	right: 0px;
}

/* @end */

/* @group Content */

#container
{
	color: #666666;
	font-size: 13px;
	line-height: 21px;
	margin-bottom: 20px;
}

	#container h1
	{
		border-bottom: 1px solid #D7161F;
		color:#D7161F;
		width: 100%;
		font-size: 26px;
		font-weight: normal;
		padding-bottom: 9px;
		margin-bottom: 20px;	
	}
	
	#container h1.work-title
	{
		border: none;
		width: auto;
		padding-bottom: 0;
		margin-bottom: 0;
		float: left;
	}

	#container p
	{
		margin-bottom: 20px;
	}
	

.top-border
{
	border-top: 1px solid #D7161F;
	margin: 30px 0 0;
	padding: 20px 0 0;
}

.leadership .bio
{
	margin-bottom: 40px;
	font-size: 13px;
}

.leadership h3
{
	color: #d7161f;    
	font-size: 16px; 
}

.leadership img
{
	float: left;
	max-width: 210px;
	min-width: 210px;
	border-radius: 5px;
}

.leadership .text
{
	float: left;
	margin-left: 35px;
	max-width: 695px;
}  

.contact-icons
{
	display: inline;
	margin-left: 17px;
}

	.contact-icons li
	{
		display: inline;
		padding-left: 3px;
	}
	
	.contact-icons li img
	{
		float: none;
		vertical-align: middle;
		min-width: 16px; 
		border-radius: 0;
		margin-top: -4px;
	} 
	
.lead-twitter 
{
	background: url('../images/twitterbubble-left.png') no-repeat;
	background-position: left;
	font-size: 13px;
	height: 45px;       
	padding: 3px 10px 0 25px;
	margin: 16px 0 16px -10px;
	background-color: #eeeeee; 
	color: #000000; 
	float: left;
	border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;	
}


	.lead-twitter div
	{
		
	} 


.lead-twitter ul li
{

	display: inline; 
}

	.lead-twitter a
	{
		color: #D7161F;
		text-decoration: none;
	}          

	.lead-twitter a:hover
	{
		text-decoration: underline;
	}

.work-nav,
.lower-work-nav
{
	float: right;
	line-height: 30px;
}

	.work-nav li
	{
		display: inline;
		margin-left: 25px;
	}

.lower-work-nav li a
{
	font-weight: bold;
	color: #D7161F;
	text-decoration: none;
}

	.lower-work-nav li
	{
		margin-left: 20px;
		display: inline;
	}
	
#latest-work
{

}

.img-wrapper
{
	min-width: 223px;
	max-width: 223px;
	min-height: 136px;
	max-height: 136px;
	position: relative;
}

	.img-wrapper img
	{
   	 	position: relative;  
	}

.feat-work-link,
#latest-work .text
{
	position: absolute;
	z-index: 1;
	min-width: 193px;
	max-width: 193px;
	min-height: 106px;
	max-height: 106px;
	top: 0;
	background-image: url('../images/homepage-feat/feat-rollover.png') !important;
	padding: 15px;
	color: #333333;
	left: 223px;
}

#latest-work .text
{
	background-image: none !important;
}


#featured-work
{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 17px;
	overflow: hidden;
}

#featured-work h4
{
	font-weight: normal;
	margin-bottom: 7px;
}

#featured-work h5,
.work h5
{
	color: #000000;	
}

.work h5
{
	display: inline;
}
.work img
{
	display: block;
	margin-bottom: 3px;
}                 

.featured-work-item
{
	width: 302px;
	float: left;
	margin-right: 17px;
}

#featured-work .last
{
	margin-right: 0;
}

.work
{
	margin-top: 15px;
}
	.work .item
	{
		float: left;
		margin: 0 16px 26px 0;
		min-height: 182px;
	}
	
	.work .last
	{
		margin-right: 0;
	}

.clients
{
	margin-bottom: 20px;
}

	.clients h3
	{
		color: #666666;
		font-size: 18px;
		font-weight: normal;
		padding: 2px 0 7px 0;
		margin-bottom: 20px;
		width: 100%;
		border-bottom:1px solid #D7161F;
	}
    
	.clients ul li,
	.clients p
	{
		line-height: 17px;
	}

    .clients .link
	{
		cursor: pointer;
	}

	.clients .client
	{
		float: left;
		background-repeat: no-repeat;
		background-position: center center;
		height: 152px;
		width: 200px;
		margin-right: 20px;
		border-bottom:1px solid #CFD0D1;
	}

		.clients .client .casestudy
		{
			background-image:url('../images/casestudy.png');
			background-repeat:no-repeat;
			position:relative;
			top:137px;
			height: 20px;
		}

#content-full
{
	max-width: 940px;
	min-width: 940px;
}                  

#content-220,
#content-380,
#content-360,
#content-540,
#content-560,
#content-700
{
	float: left;	
}

#content-700,
#content-360,
#content-380
{
	margin-right: 20px;
}

#content-220
{
	width: 220px;
}

#content-380
{
	width: 380px;
}

#content-360
{
	width: 360px;
}

#content-700
{
	width: 700px;
}

#content-540
{
	width: 540px;
}

#content-560
{
	width: 560px;
}

.about
{
	margin-bottom: 20px;
}

	.about p
	{
		color: #d12426;
	}

a.mailLink
{
	color: #D7161F;
	text-decoration: none;
}
    
.contact
{
	line-height: 18px;
}

	.contact h2
	{
   		color:#D7161F;
		font-weight: bold;
	}
	
	.contact h4 {
		color:#666666;
		font-size:14px;
		font-weight:bold;
		line-height:21px;
		margin-bottom:4px;
	}
	
	.contact p
	{
		border-bottom: 1px solid #CFD0D1;
		line-height:21px;
		margin-bottom:19px;
		padding-bottom:19px;
	}
	
a.externalLinkContact {
	background-image:url(../images/arrow3.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	color:#666666;
	padding-right:15px;
	text-decoration:none;
}

.work-header
{
	border-bottom:1px solid #D7161F;
	margin-bottom: 20px;
}

.work-nav,
.lower-work-nav
{
	float: right;
	line-height: 30px;
}

	.work-nav li
	{
		display: inline;
		margin-left: 25px;
	}

.lower-work-nav li a
{
	font-weight: bold;
	color: #D7161F;
	text-decoration: none;
}

	.lower-work-nav li
	{
		margin-left: 20px;
		display: inline;
	}
	
#featured-work
{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 17px;
}

#featured-work h4
{
	font-weight: normal;
	margin-bottom: 7px;
}

#featured-work h5,
.work h5
{
	color: #000000;	
}                  

.featured-work-item
{
	width: 302px;
	float: left;
	margin-right: 17px;
}

#featured-work .last
{
	margin-right: 0;
}  

p.msg
{
	margin: 0 !important;
	padding: 10px 0 0;
}


/* @end */

/* @group Homepage */

#hero-space
{
	background-color: #ff0000;
	min-height: 320px;
	margin-top: -47px;
}

.tagline
{
	margin: 0 auto;
	text-align: center;
	margin: 24px 0 24px;
}

.tagline a
{
	color: #D7161F;
	font-size: 23px;
	font-weight: normal;
	text-decoration: none;
	 background-image: url('../images/arrow2.png');
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 9px;
}

.tagline a:hover
{
	text-decoration: none;
}                       
         

.homepage
{
	position: relative;
}

.homepage h4
{
	color: #333333;
	font-size: 16px;
	margin-bottom: 11px;
}

	.homepage a,
	#featured-work a,
	.work a
	{
		color: #d7161f;
		text-decoration: none;
	}                         
	
	.homepage a:hover,
	#featured-work a:hover,
	.work a:hover
	{
		text-decoration: underline;
	}
 
.latest-work-title
{
	border-top: 1px solid #cccccc;
	padding-top: 6px;
}

#latest-work
{
	padding: 0 0 20px 0;
	min-height: 139px;
	max-height: 139px;    
	position: relative;
	border-bottom: 1px solid #cccccc;  
}                      

	#latest-work .scroll-wrapper
	{
		overflow: hidden;
	}
	 
	#latest-work .item-wrapper
	{
		position: absolute;
	}
	
	/* Work items positions */
	
   	#latest-work .one
	{
		left: 0px;
	}
	
	#latest-work .two
	{
		left: 239px;
	}
	
	#latest-work .three
	{
		left: 478px;
	}
	
	#latest-work .four
	{
		left: 715px;
	}
	
	#latest-work .five
	{
		left: 953px;
	}
	
	#latest-work .six
	{
		left: 1191px;
	}
	
	#latest-work .seven
	{
		left: 1429px;
	}
	
	#latest-work .eight
	{
		left: 1667px;
	}
	
	/* End positions */
	
	#latest-work .item
	{
	   float: left;
	   overflow: hidden;
	   position: relative;
	}
	
	#latest-work .no-margin
	{
		margin-right: 0px;
	}
	
	#latest-work img
	{
		display: block;
		margin-bottom: 7px;
	}
	
	#latest-work .scroll
	{
		min-height: 136px;
		max-height: 136px;
		min-width: 1889px;
	}
	
#leftarrow,
#rightarrow
{
	position: absolute;
	height: 29px;
	width: 29px;
	top: 485px;
}              

#leftarrow
{
	left: -40px;
	background-image: url('../images/arrows-left.png');
}                                                      

#rightarrow
{
	left: 950px;
	background-image: url('../images/arrows-right.png');
}

#leftarrow.active,
#rightarrow.active
{
	background-position: 0 29px;
	cursor: pointer;
}

#twodots
{       
	position: absolute;
	top: 410px;
	left: 458px;
	width: 23px;
	height: 8px;
	background-image: url('../images/dots.png');
	cursor: pointer;
}

#twodots.right
{
	background-position: 0 8px;
}
	

.tags
{
	color: #76808d;
	font-style: italic;
	word-wrap: break-word; 
	max-width: 223px;
	display: block;
}
	.tags span:hover
	{
		cursor: pointer;
		color: #D7161F;
	} 

.invis
{
	display: none;
}
	
#homepage-left,
#homepage-right
{
	float: left;
}

#homepage-left
{
	min-width: 585px;
	max-width: 585px;
	margin-right: 25px;
	padding-top: 12px;
}

	#homepage-left h4
	{
		border-bottom: 1px solid #cccccc;
		padding-bottom: 5px;
		margin-bottom: 9px;
	}

#homepage-right
{
	min-width: 330px;
	max-width: 330px;
	padding-top: 12px; 
}

	#homepage-right .h4
	{
		color: #333333;
		font-size: 16px;
		font-weight: bold;
		margin-top: 3px;
	}
	
		#homepage-right ul
		{
			border-bottom: 1px solid #cccccc;
			min-width: 318px;
			padding: 0 0 3px 12px;  
		}
		
			#homepage-right ul li
			{
        		display: inline;
				margin-right: 1px;
			}
			     
				#homepage-right ul li img
				{
					vertical-align: top;
					margin-top: -4px;
				}
				
				#homepage-right .homepage-social img
				{
					opacity: 0.85;
				}
				
				#homepage-right .homepage-social img:hover
				{
					opacity: 1;
				}

#newsletter
{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 20px;
}

#newsletter h5
{
	color: #333333;
	font-size: 12.5px;
}

#newsletter input[type="text"]
{
	width: 310px;
	padding: 5px;
	font-family: arial;     
	font-size: 13px;
	color: #666666;
	background-color: #e9e9e9;
	border: 1px solid #dbdbdb;
}

#newsletter input[type="submit"]
{
	width: 72px;
	height: 25px;
	background-image: url('../images/newsite/btn-signup.png');
	border: none;    
	opacity: 0.8;
	background-color: #ffffff;
	vertical-align: top;
	margin-top: 2px; 
}

#newsletter input[type="submit"]:hover
{
	cursor: pointer;
	opacity: 1;
}

#newsletter ul li
{
	display: inline;
	margin-right: 7px;
}

#news-headers
{
   line-height: 18px;
	color: #76808d;
	font-size: 13px;
	padding-bottom: 40px;
}

	#news-headers ul
	{
		
	}
	
		#news-headers ul li
		{
			padding: 9px 0 10px 0;
			border-top: 1px solid #cccccc;
		}
		
		#news-headers ul li:first-child
		{
			border: none;
		}
		
		#news-headers .location-date
		{
			text-transform: uppercase;
			display: block;
			font-size: 11px;
		}
		
		.item .text a,
		#news-headers a,
		a.arrow
		{
			background-image: url('../images/arrow1.png');
			background-repeat: no-repeat;
			background-position: right;
			padding-right: 8px;
		}

#homepage-feeds {
	background-color: #f5f5f5;
	border: none !important;
	margin-bottom: 40px; 
	position: relative;
	min-height: 100px;
}
                     
	#homepage-feeds h4
	{
		padding: 15px 0 0 17px;
	} 
	
	#homepage-feeds .seeall
	{
		position: absolute;
		top: 16px;
		right: 10px;
	}
	
	#social-feed ul
	{
		margin: 0 17px 0 10px !important;
		min-width: 300px;
		border: none !important;
	}
	
		#social-feed ul li
		{
			display: block !important;
			margin: 0 0 17px 0 !important;
			padding-left: 38px;
			color: #4b4a4a;
			font-weight: bold;
			font-size: 13.5px;
			max-width: 300px;
			word-wrap: break-word;
		}
		
	#social-feed a,
	#feeds-container a
	{
		 color: #c84033;
		 font-weight: normal;
		 text-decoration: none; 
	}
	
	#social-feed a:hover,
	#feeds-container a:hover
	{
		 color: #c84033;
		 font-weight: normal;
		 text-decoration: underline;
	}
	
	#social-feed ul li
	{
		position: relative;
	}
	
	#social-feed .time
	{
		font-weight: normal;
		font-size: 11px;
	}
	
	#social-feed img
	{
		margin: 0px;
		position: absolute;
		top: 9px;
		left: 0px;
	}

#feeds-container
{
   padding: 20px 0;
   border-bottom: 1px solid #cccccc;
   border-top: 1px solid #cccccc;
   margin-bottom: 15px;
}
	#feeds-container h2
	{
		color: #D7161F;
		font-size: 26px;
		font-weight: normal;
		padding-bottom: 9px;
		width: 100%;
	}
	
	#feeds-container .col
	{
		float: left;
		min-width: 300px;
		max-width: 300px;
		margin-right: 20px;
		min-height: 300px;
		background: url('../images/feed-bg.png') no-repeat #ffffff 0 141px; 
	}                      
	
	#feeds-container .last
	{
		margin-right: 0;
	}                            
	
	#feeds-container .country-feed
	{
		padding: 45px 10px 10px 10px;
	}
	
		.country-feed .tweet_list li
		{
			margin-bottom: 18px;
			font-size: 14px;
			color: #4b4a4a;
			font-weight: bold; 
			word-wrap: break-word; 
		}
		
		.country-feed .tweet_text
		{
			display: block;
			float: left;
			max-width: 245px;
			margin-left: 10px;
			
		}
		
		.country-feed .tweet_time
		{
			display: block;
            min-width: 200px;
		}
		
	   .country-feed img
		{
			float: left;
			margin-top: 5px;
		}
		
			.country-feed .tweet_time a
			{
				color: #4b4a4a !important;
				font-size: 11px;
			}

#instapaper-feed
{
	min-width: 573px;
	max-width: 573px;
	padding-right: 20px;
	float: left;
}

	#instapaper-feed h3 a,
	#youtube-box h3 a
	{
		color: #d7161f;
		font-size: 16px;
		padding-top: 0;
		margin-top: 0;
		text-decoration: none;
		padding: 0 0 4px 35px;
	}
	
		#instapaper-feed h3 a:hover,
		#youtube-box h3 a:hover    
		{
			color: #4B4A4A;
		}
	
	#instapaper-feed h3
	{
		background: url('http://dev2.icon-worldwide.com//images/newsite/instapaper.png') no-repeat;
	}
	
	#youtube-box h3
	{
		background: url('http://dev2.icon-worldwide.com//images/newsite/youtube.png') no-repeat;
		margin: 0 0 4px -4px;
	}
	
	#instapaper-rss
	{
		padding-top: 10px;
	}                   
	
		#instapaper-rss ul li
		{
			margin-bottom: 20px;
		}
		
		#instapaper-rss a
		{
			color: #4b4a4a;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
		}
		
		#instapaper-rss a:hover
		{
			color: #d7161f; 
		}
		
		#instapaper-rss .time
		{
			display: block;
			margin-top: -3px;
			font-size: 11px;
		}

#youtube-facebook
{
	min-width: 347px;
	max-width: 347px;
	float: left;
}

#facebook-box,
#youtube-box
{
	min-width: 100%;
	max-width: 100%;
}

#youtube-box
{
	margin-top: 20px;
}

.services p
{          
	float: left;
	max-width: 360px;
}

.services img
{
	float: right;
}

/* @end */

/* @group Footer */

#footer a
{
	color: #d7161f;
	text-decoration: none;
}

#footer a:hover
{
	color: #d7161f;
	text-decoration: underline;
}

#footer
{
	color: #808285;
	border-top: 1px solid #b3b4b6;
	padding: 10px 0 20px;
	font-size: 10px;
}

#footer-left
{
	float: left;
}

#footer-right
{
	float: right;
} 

/* @end */