/*
	Copyright DTDigital         :: www.dtdigital.com.au ::
	Unauthorised modification / use is a criminal offence, and
	will be prosecuted to the fullest extent permitted by law.
	All Rights Reserved
*/

/* ================= @Table of content ========================
***************************************************************
***************************************************************
********** Seperate css into logical chunks of code ***********
***************************************************************
***************************************************************
	@Tags
	@Misc
	@Error
	@Base Font
	@Structual
	@Content
	@Forms
	@Tables
	@List
	@Plugins
==================== =Table of content - end ================*/

/* @Tags - START: direct tag styling that are not related font sizing */
*, html { font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif; }

body, form, ul, li, h1, h2, h3, h4, h5, h6, fieldset
{
	margin: 0;
	padding: 0;
}

html, body, form, #bodycontainer { height: 100%; }

body #bodycontainer { min-height: 100%; height: auto !important; height: 100%; }

body { background: url(gr_bg_body.png) 50% 90px no-repeat;}
body.alternate01 { background-image: url(gr_bg_body02.png); } /* Labs */
body.alternate02 { background-image: url(gr_bg_body03.png); } /* Design */
body.alternate03, body.alternate05, , body.alternate10 { background: none; } /* Verge & Our Work */
body.alternate04 { background-image: url(gr_bg_body05.png); } /* News */
body.alternate06 { background-image: url(gr_bg_body07.png); } /* About */
body.alternate08 { background-image: url(gr_bg_body06.png); } /* Home */
body.alternate11,
.flexi2011 { background-image: none; } /* SXSW & flexible blog */
body.alternate11 #bodycontainer_inside { background: url(gr_bg_body11.gif) no-repeat 93% 80px; }

a { color: #ee3224; text-decoration: none; -webkit-transition: color 0.5s ease; }
a:hover { text-decoration: underline; }

body.alternate11 a { color: #fc4b0f !important; }

/* Labs */
.alternate01 a { color: #1995ca; }

/* Design */
.alternate02 a { color: #ff04b5; }

/* Verge */
.alternate03 a { color: #f17d6d; }
	
img, fieldset { border: none; }

td { vertical-align: top; }

p
{
	margin: 0 0 1.231em; /* 16px */
	padding: 0; 
}

legend { display: none; }

embed, object { display: block; }

/* @Misc - START: misc styles */
.clear
{
	height: 0px !important;
	line-height: 0 !important; /* if causing problems, remove */
	clear: both !important;
	font-size: 1px !important;
	float: none !important;
	padding: 0px !important;
	margin: 0px !important;
	width: auto !important;
	display: block !important;
	visibility: hidden !important;
	overflow: hidden !important;
}
.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%; }

.skip-links
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

::selection			{ background: #EA2C23; color: #fff; /* Safari */ }
::-moz-selection	{ background: #EA2C23; color: #fff; /* Firefox */ }

/* Labs */
.alternate01 ::selection		{ background: #1995ca; color: #fff; /* Safari */ }
.alternate01 ::-moz-selection	{ background: #1995ca; color: #fff; /* Firefox */ }

/* Design */
.alternate02 ::selection		{ background: #ff04b5; color: #fff; /* Safari */ }
.alternate02 ::-moz-selection	{ background: #ff04b5; color: #fff; /* Firefox */ }

/* @Error - START: form validation summary error styles */
.errors
{
	color: #ee3224;
	font-size: 1em;
	margin: 0 0 1.833em;
	position: relative;
	border-bottom: 1px solid #e7dfdf;
	padding: 0 0 1.583em;
}
	#content .errors p,
	.errors p,
	.success strong
	{
		font-size: 1.5em;
		color: #ee3224;
		background: url(ico_error.gif) 0 0 no-repeat;
		padding: 0 0 0 29px;
		margin-bottom: 0.333em !important;
	}
	* html #content .errors p { line-height: 1.5em; background-position: 0 3px; }
	#content .errors .byline,
	.errors .byline
	{
		display: block;
		margin: 0 0 0.667em;
	}
	.errors ul li,
	#content .errors ul li
	{
		color: #ee3224;
		font-weight: bold;
		list-style: disc;
		padding: 0;
		margin-left: 16px;
		background: none;
	}
	.error
	{
		color: #ff0000;
		font-size: 1em;
		font-weight: bold;
		float: left;
		position: relative;
		margin: 0 0 0 13px;
	}
	
	#content p.success 
	{ 
		color: #979797;
	}
		.success strong 
		{ 
			background-image: url(ico_thankyou.gif); 
			color: #979797; 
			display: block; 
			line-height: normal;
			margin-bottom: 0.5em !important;
		}


/* @Base Font - START: Styles for scalable font consistency */
html { font-size: 100%; /* IE hack */ }
body { font-size: 0.8125em; /* Sets base font size to 13px */ }
table { font-size: 100%; /* IE hack */ }
input, select, textarea, th, td { font-size: 1em; }


h1 { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 1.5em; line-height: 1em; margin-bottom: 1em; font-weight: normal; }		/* 18px */
h1.subtitle01, h1.subtitle07, h1.subtitle08		{ font-size: 4.308em; color: #455560; margin-bottom: 0.429em; text-transform: uppercase; } /* 56px/24px */
	h1.subtitle01a	{ color: #455560; font-size: 4.231em; } /* 55px */
	h1.subtitle01b	{ font-size: 4em; } /* 52px */
.alternate03 h1.subtitle01 { color: #455560; margin: 15px 0 0.571em; } /* Verge */
h1.subtitle02 { font-size: 2.833em; color: #ee3224; letter-spacing: -1px; }
	h1.subtitle02a { line-height: 1.235em; }
	.alternate01 h1.subtitle02 { color: #1995ca; }
h1.subtitle03 { font-size: 2.917em; line-height: 1.171em; color: #0181bb; margin-bottom: 0.514em; } /* 35px/41px/19px */
h1.subtitle04 { font-size: 1.231em; color: #455560; margin-bottom: 0.438em; } /* 16px/8px */
h1.subtitle06 { background: url(gr_logo_lrg.png) 0 0 no-repeat; width: 195px; height: 53px; text-indent: -999em; margin-bottom: 1.556em; visibility: visible !important; }
h1.subtitle07 { color: #008200; font-size: 4.231em; margin: 15px 0 0.509em; } /* Labs */
h1.subtitle08 { color: #00b6ea; margin: 15px 0 0.411em; } /* Design */

h2 { font-size: 1.417em; line-height: 1em; margin-bottom: 1em; }	/* 17px */
h2.subtitle01, h1.subtitle05 { color: #f42c10; font-size: 1.846em; line-height: 1em; margin-bottom: 0.667em; } /* 24px/24px/16px */
	h2.subtitle01 a, h1.subtitle05 a { color: #f42c10; }
	/* Labs */
	.alternate01 h2.subtitle01 a, .alternate01 h1.subtitle05 a { color: #1995ca; }
	/* Design */
	.alternate02 h2.subtitle01 a, .alternate02 h1.subtitle05 a { color: #ff04b5; }
h2.subtitle02		{ font-size: 1.333em; color: #979797; font-weight: normal; }
h2.subtitle03		{ font-size: 1.154em; color: #6b6b6b; margin-bottom: 0.733em; padding-top: 0.4em; } /* 15px/11px/6px */
	h2.subtitle03a	{ color: #455560; padding: 0; }
h2.subtitle04		{ color: #6b6b6b; font-size: 1em; margin-bottom: 0.538em; }
h2.subtitle05		{ color: #6b6b6b; font-size: 1.231em; margin-bottom: 0.538em; } /* 16px */
h2.subtitle06		{ color: #00bce4; font-size: 1.538em; margin-bottom: 0.8em; } /* 20px/16px */
h2.subtitle07		{ color: #c6c6c6; font-size: 1.154em; margin: 0; }
	h2.subtitle07 a	{ line-height: 1.067em; } /* 16px */
h2.subtitle08		{ color: #7a7a7a; font-size: 1.231em; height: 12px; text-indent: -999em; margin-bottom: 3px; }
	h2.subtitle08a	{ background: url(tl_our-work.gif) 0 0 no-repeat; width: 78px; }
	h2.subtitle08b	{ background: url(tl_our-thoughts.gif) 0 0 no-repeat; width: 111px; }
	h2.subtitle08c	{ background: url(tl_latest-work.gif) 0 0 no-repeat; width: 101px; }
h2.subtitle09		{ font-size: 4.308em; color: #455560; margin-bottom: 0.429em; text-transform: uppercase; }
h2.subtitle10		{ font-size: 1.231em; color: #455560; margin-bottom: 1.125em; } /* 18px */

h3					{ font-size: 1.231em; line-height: 1em; margin-bottom: 1em; }	/* 16px */
h3.subtitle01		{ color: #455560; margin-bottom: 1.125em; } /* 18px */
	h3.subtitle01a	{ margin-bottom: 1.375em; } /* 22px */
	h3.subtitle01b	{ margin-bottom: 0.375em; } /* 6px */
	h3.subtitle01c	{ margin-bottom: 1.063em; } /* 17px */
	h3.subtitle01d	{ margin-bottom: 0.5em; } /* 8px */
	h3.subtitle01e	{ margin-bottom: 0.5em; } /* 8px */
h3.subtitle02		{ color: #ee3224; font-size: 1.846em; margin-bottom: 0.292em; } /* 7px */
h3.subtitle03		{ color: #b3c920; margin-bottom: 0.65em; line-height: 1.15em; font-size: 1.538em; } /* 13px/23px/20px */
h3.subtitle04		{ color: #6b6b6b; font-size: 1.231em; margin-bottom: 0.538em; } /* 16px */
h3.subtitle05		{ color: #c6c6c6; font-size: 1.154em; margin: 0; } /* 15px */
	h3.subtitle05 a	{ line-height: 1.067em; } /* 16px */
	h3.subtitle05a	{ margin: 0.267em 0 0;  } /* 4px */
h3.subtitle06		{ font-size: 1em; color: #6b6b6b; margin-bottom: 0.733em; padding-top: 0.4em; } /* 13px/11px/6px */

h4 { font-size: 1.25em; line-height: 1em; margin-bottom: 1em; }		/* 15px */
h4.subtitle01 { color: #ffffff; font-size: 1em; background: url(gr_bg_twitter.gif) 100% 100% no-repeat; padding: 0 0 31px; margin: 0 25px -0.333em 0; position: relative; }
	h4.subtitle01 a { display: block; float: right; background: url(gr_speech-arrow01.gif) 100% 100% no-repeat; padding: 0 0 6px; margin: 0 33px 0 0; }
		h4.subtitle01 span { display: block; background: #f2f2f2; padding: 7px 9px 9px 10px; color: #e98300; }
		.alternate01 h4.subtitle01 span { color: #008e04; } /* Labs */
		.alternate02 h4.subtitle01 span { color: #00b6ea; } /* Design */
	h4.subtitle01 a:hover { background: url(gr_speech-arrow02.gif) 100% 100% no-repeat; }
		h4.subtitle01 a:hover span { background: #ee3224; color: #ffffff; }
h4.subtitle02 { font-size: 1em; color: #6B6B6B; line-height: 1.25em; }

h5 { font-size: 1.167em; line-height: 1em; margin-bottom: 1em; }	/* 14px */
h6 { font-size: 1.083em; line-height: 1em; margin-bottom: 1em; }	/* 13px */

.intro01					{ color: #a4a4a4; font-size: 1.846em; line-height: 1em; margin-bottom: 1.25em; padding: 0 270px 0 0; }	/* 24px */
	.alternate01 .intro01	{ margin-bottom: 0.542em; } /* Labs */
	.alternate08 .intro01	{  margin-bottom: 1.292em; } /* Home */
	.alternate11 .intro01	{  margin-bottom: 2em; color: #fc4b0f; } /* SXSW */
.intro02					{ color: #939393; padding: 0 263px 0 0; margin: 0 0 2.231em; }
.intro03, #content .intro03	{ color: #7e7e7e; font-size: 1.846em; margin-bottom: 0.958em; line-height: 1em; }
.intro04 { color: #7e7e7e !important; font-size: 1.692em; line-height: 1em !important; margin-bottom: 0em; }

.highlight01		{ color: #a3a3a3; }
.highlight02		{ color: #393939; }
.highlight03		{ color: #f8ba15; }
.highlight04		{ color: #f42c10; }
.highlight05		{ color: #1995ca; } /* Labs blue */
	.highlight05a	{ color: #61c7f3; } /* Labs off blue */
.highlight06		{ color: #ff04b5 !important; } /* Design pink */
	.highlight06a	{ color: #ff7ed9; } /* Design off pink */
.highlight07		{ color: #ee3224 !important; } /* Insight red */
	.highlight07a	{ color: #f17d6d; } /* Insight off red */
.highlight08		{ color: #00bce4; } /* Verge page - blue colour */
	
	
.float-left { float: left !important;}

.small01		{ font-size: 0.769em; } /* 10px */
.small02		{ font-size: 0.846em; } /* 11px */
	.small02a	{ color: #a2a2a2; display: block; margin: 0.091em 0 1.364em; } /* 1px/15px */
.small03		{ font-size: 0.923em; } /* 12px */
	.small03a	{ display: block; font-size: 0.8em; font-weight: normal; } /* 12px */
.title01 			{ margin-top: 36px; float: left;}
.title_aussuper {  } 
.title_aussuper img { display: block; vertical-align: top; } 
.title_aussuper ul { padding-top: 15px; float: left; } 
.title_aussuper ul li { padding-right: 30px; list-style: outside none; float: left; } 
.title_aussuper ul li a, .title_aussuper ul li a:hover { text-decoration: none; font-weight: bold; } 
.title_aussuper ul li span { position: relative; top: 1px; font-weight: normal; text-decoration: none; } 
.title_aussuper ul li a:hover span { text-decoration: underline; } 

.btn {display: block; float: left; padding: 5px 9px 6px; background-color: #F6442D; color: #fff; font-weight: bold; text-decoration: none; line-height: 1em;}
a.btn:hover {text-decoration: none; background-color: #C91805;}

#content p.paragraph01, .paragraph01 
{ 
	font-size: 1.333em; 
	line-height: 3.813em; 
	margin-left: 32px; 
	font-weight: bold;
}
p.paragraph02, .paragraph02			{ color: #c6c6c6; font-size: 0.923em; }
	p.paragraph02 a					{ color: #ea5532; }
	.alternate01 p.paragraph02 a	{ color: #61C7F3; }
	.alternate02 p.paragraph02 a	{ color: #ff04b5; }
p.paragraph03						{ margin-bottom: 1.125em; }

/*
	Note:
	To set font sizes in elsewhere in the stylesheet, use the following formula
	n/b (where n = desired font size in pixels, and b = base font size in pixels)
	
	eg. font-size: 0.917em; = font-size: 11px;

END: Styles for scalable font consistency */


/* @Structual - START: structural styles */
#bodycontainer { text-align: center; }
#bodycontainer #bodycontainer_inside
{
	margin: 0 auto;
	text-align: left;
	width: 960px;
	padding-bottom: 572px;
	position: relative;
	overflow: hidden;
}
.alternate03 #bodycontainer #bodycontainer_inside { padding-bottom: 670px; } /* Verge */ 
.alternate05 #bodycontainer, .alternate10 #bodycontainer { min-height: inherit; height: auto; }
.alternate05 #bodycontainer #bodycontainer_inside, .alternate10 #bodycontainer #bodycontainer_inside { padding-bottom: 0; } /* Our Work */ 
.alternate07 #bodycontainer #bodycontainer_inside { padding-bottom: 594px; }  /* Blogs */

.flexi2011 #bodycontainer #bodycontainer_inside { padding-bottom: 0; width: 1050px; }  /* Flexi pages - 2011 */

#header
{
	/*margin: 0 0 37px;*/
	padding: 0 102px 0 160px;
	/*width: 698px;*/
	overflow: hidden;
	position: relative;
}
.flexi2011 #header {
	height: 130px;
}
#footer 
.header01				{ margin: 0 0 4px !important; }
.alternate01 #header	{ margin: 0 0 37px; }
.alternate05 #header	{ width: 698px !important; margin: 0 auto 37px !important; }
.alternate09 #header	{ margin: 0 auto 17px; }
.alternate10 #header	{ width: 960px !important; margin: 0 auto 37px auto !important; padding: 0 !important; }


	#header .logo
	{
		background: url(gr_logo.png) 0 0 no-repeat;
		width: 56px;
		height: 70px;
		float: left;
		margin: 21px 0 0 -160px;
	}
		.alternate10 #header .logo 
		{
			margin: 21px 30px 0 0;
		}
		#header .logo a { text-indent: -999em; display: block; height: 70px; overflow: hidden; }
	
	#header .logo02 { float: right; margin: 0 9px 0 0; }
	.alternate01 #header .logo02 { margin: 0 -33px 0 40px; }
	
	#header .logo03
	{
		float: right;
		width: 212px;
		height: 12px;
		text-indent: -999em;
		margin: 34px -97px 0 0;
		background: url(tl_ogilvy-interactive3.gif) 0 0 no-repeat;
		position: relative;
		overflow: hidden;
	}
	#header .download {
		float: left;
		height: 50px;
		margin: 21px -300px 0px 0px;
		padding: 20px 0 0 65px;
		width: 185px;
	}
		.alternate10 #header .download {
			float: right;
			margin: 21px 0 0px 0px;
			padding: 10px 0 0 20px;
			width: 160px;
		}
		.alternate10 #header .download_aussuper {
			padding-left: 0;
		}
		.alternate10 #header .download_aussuper .hdg_img
		{
			padding-bottom: 5px;
		}
		
		#header .download a, #header .download a:visited {
			color: #2d2d2d;
			text-decoration: underline;
		}
		#header .download a:hover {
			text-decoration: none;
		}
		#header .download p {		}
		#header .download ul {
			list-style: none;
			margin: 3px 0 0 0;
			padding: 0;
		}
			#header .download ul li {
				background: url(ico_pdf.png) no-repeat center left;
				font-size: 0.833em;
				margin: 0 0 3px 0;
				padding: 3px 0 3px 20px;
			}
			#header .download.more-info ul li {
				background: none !important;
				padding: 3px 0;
			}
	
	ul#navigation
	{
		float: left;
		margin: 2.308em 0 0 -17px;
	}
	.flexi2011 ul#navigation { margin: 60px 0 0 45px; }
	
		ul#navigation li
		{
			list-style: none;
			float: left;
			margin: 0 11px 0 15px;
			height: 27px;
		}
		ul#navigation a
		{
			display: block;
			float: left;
			text-decoration: none;
			color: #979797 !important;
		}
			ul#navigation a:hover { color: #f6442d !important; }
			ul#navigation span
			{
				display: block;
				float: left;
				line-height: 1em;
				height: 21px;
				cursor: pointer;
			}
			ul#navigation li.active a 
			{ 
				font-weight: bold;
				color: #f21d00 !important;
			}
			.alternate01 ul#navigation li.active a, .alternate01 ul#navigation a:hover { color: #1995ca; } /* Labs */
			.alternate02 ul#navigation li.active a, .alternate02 ul#navigation a:hover { color: #ff04b5; } /* Design */
			.alternate11 #header h1 img { width: 328px; height: 100px; }
			.sIFR-active .alternate11 h1 { visibility: visible; margin-bottom: 3em; }
	#subnav
	{
		width: 85px;
		margin: 4px 0 0;
	}
	#subnav.wide {width: auto;}
		#subnav li.featured	a	{ padding: 0 0 8px 9px; font-weight: bold; }
		
		#subnav li { list-style: none; color: #e98300; }
		#subnav li a
		{
			border-bottom: 1px solid #ececec;
			display: block;
		}
			#subnav li span
			{
				color: #f42c10;
				display: block;
				font-weight: bold;
				padding: 7px 9px 8px;
			}
			/* Labs */
			.alternate01 #subnav li span			{ color: #1995ca; }
			/* Design */
			.alternate02 #subnav li span			{ color: #ff04b5; }
		#subnav li.active
		{
			padding: 4px 0 3px;
			margin: -1px 0 0;
			background-color: #fff;
		}
			#subnav li.active a
			{
				padding: 0 13px 0 0;
				background: url(gr_subnav-arrow01.gif) 100% 0 no-repeat;
				border: 0 none;
			}
			
			.alternate11 #subnav li.active a
			{
				background-position: 100% -162px;
			}
			
				#subnav li.active a span
				{
					background-color: #f6442d;
					color: #ffffff;
					padding: 4px 9px 6px;
				}
				
				.alternate11 #subnav li.active a span
				{
					background-color: #fc4b0f;
				}
				
			/* Labs */
			.alternate01 #subnav li.active a			{ background-position: 100% -54px; }
			.alternate01 #subnav li.active a span		{ background-color: #1995ca; }
			/* Design */
			.alternate02 #subnav li.active a			{ background-position: 100% -108px; }
			.alternate02 #subnav li.active a span		{ background-color: #ff04b5; }
				
		* html #subnav li { display: inline-block; }
		* html #subnav li.active { margin: -4px 0 0; }
	
	.alternate07 #subnav			{ margin: -4px 0 0; }
	.alternate07 #subnav li.active	{ padding: 5px 0 3px; }
			
	#header blockquote
	{
		margin: 15px 0 0;
	}
		#header cite
		{
			color: #888888;
			display: block;
			font-style: normal;
			font-size: 0.923em;
			margin: 0 0 3.417em;
		}
		#header blockquote h1 {  margin-bottom: 0.429em; }
		
	.alternate01 #header blockquote { margin: 43px 0 0; }
	
	.banner01
	{
		margin: 16px 0 0 0;
	}
		.banner01 h1
		{
			padding: 0 248px 0 0;
			margin: 0 0 0.545em; /* 30px */
			text-transform: uppercase;
		}
		.banner01 .author01
		{
			padding: 2px 0 0 63px;
			display: block;
			font-size: 1em;
		}
	.banner02
	{
		margin: 0 0 50px !important;
		position: relative;
		width: 698px;
	}
		.mt30 { margin-top: 30px !important; }
		.banner02 img
		{
			position: absolute;
			right: -11px;
		}
		.banner02 .intro01,
		.banner02 .intro02
		{
			padding: 0 263px 0 0;
		}
		.banner02 .intro02 {
			color: #424242;
			margin: 0 0 1em;
		}
	.banner03
	{
		margin: 1.154em 0 1.923em; /* 15px/25px */
	}
	.banner04
	{
		margin: 49px 0 0 0;
		padding: 0 0 9px;
	}
	.banner05
	{
		margin: 1.923em 0 5.385em;
	}
	.banner06
	{
		margin: 15px 0 0;
	}
		.banner06 h1 { margin: 0; } 
	.banner07
	{
		min-height: 207px;
		height: auto !important;
		height: 207px;
		margin: 0;
	}
		

.multi-column01
{
	position: relative;
}
	.multi-column01 #subnav
	{
		position: absolute;
		top: 0;
		left: 0;
	}
	.multi-column01 .column01
	{
		width: 120px;
		float: left;
		
	}
	.multi-column01 .column02
	{
		width: 308px;
	}
		.multi-column01 .column02 .column-padding
		{
			padding: 3px 0 0;
		}
		.alternate04 .multi-column01 .column02 .column-padding
		{
			padding: 13px 0 0;
		}
		.alternate05 .multi-column01 .column02 .column-padding,.alternate10 .multi-column01 .column02 .column-padding /* Our Work */
		{
			padding: 6px 0 0;
		}
	.multi-column01 .column03
	{
		width: 160px;
	}
	.multi-column01 .column04
	{
		width: 345px !important;
	}
	.multi-column01 .column05
	{
		width: 245px !important;
		margin-right: 15px;
		float: right !important;
	}
	
	.multi-column01 .column-span01
	{
		width: 505px; 
		margin: 0 15px 0 0; 
		float: left;
	}
	.multi-column01 .column-span02
	{
		width: 465px; 
	}
		.multi-column01 .column-span02 .column-padding
		{
			padding: 0 45px 5.846em 0;
		}
	
	.multi-column01 .column-full-span01
	{
		width: 900px;
		padding: 0 0 0 60px;
	}
	.pMobile .multi-column01 .column-full-span01
	{
		padding: 0;
	}
	.pMobile .multi-column01 .sidebar
	{
		width: 160px !important
	}
	.pMobile .featureRow
	{
		padding-left: 160px !important
	}
	.pMobile .intro01 {padding-right: 260px;}
	
.multi-column02
{
	padding: 0 0 33px 100px;
}
	.multi-column02 .column01
	{
		width: 225px;
		margin: 0 15px 28px 0;
	}
		.multi-column02 .column01 .column-padding
		{
			padding: 0 15px 0 0;
		}
		.multi-column02 .column01 .column-padding02
		{
			padding: 0 32px 0 0;
		}
		.multi-column02 .column01 .column-padding03
		{
			padding: 2px 0 0;
		}
	
	.multi-column02 .column-span01
	{
		width: 465px; 
		margin: 0 15px 24px 0;
	}
	
	.alternate11 .multi-column02 .column-span01
	{
		width: 500px; 
		margin: 0 15px 24px 0;
	}
	
	.multi-column02 .column-full-span01
	{
		padding: 0;
		width: auto;
	}
		.multi-column02 .column-full-span01 .column-padding
		{
			padding: 40px 0 110px;
		}
		
	.alternate11 .multi-column02
	{
		padding: 0 0 33px 60px;
	}
		
.multi-column03
{
	margin: 0 0 2.231em -60px;
}
	.multi-column03 .column01
	{
		width: 145px;
		margin: 0 15px 0 0;
	}
	.multi-column03 .column02
	{
		width: 225px;
		padding: 0 0 44px;
	}

.multi-column04
{
}	
	.multi-column04 .column02
	{
		width: 345px;
		padding: 0 0 67px;
	}
	.multi-column04 .column02 .feature-img02
	{
		height: 187px;
	}
	.multi-column04 .column02 h3
	{
		font-size:20px;
		line-height: 25px;
	}
	.multi-column04 .column03
	{
		margin-left: 15px;
	}

.multi-column03a
{
	margin-left: 0;
	padding-left: 120px;
}

/* 2011 flexible columns */
.flexi-column01 {
	margin: 0;
	padding: 0;
}
	.flexi-column01 .col_sidebar {
		float: left;
		width: 210px;
	}
		.flexi-column01 .col_sidebar .inner {
			padding: 0 10px;
		}
	.flexi-column01 .col_content {
		float: left;
		width: 840px;
	}



.content-image01
{
	margin-bottom: 102px;
	padding-left: 120px;
}
.content-image01 .column01
{
	float: none;
	width: auto;
}
.floatright
{
	float: right;
}

.floatleft
{
	float: left;
}

.colright {
	float: left;
	width: 500px;
	margin: 0 0 15px 0;
}

#footer,
#footer02 
{ 
	position: relative;
	height: 289px;
	clear: both;
	text-align: center; 
	background-color: #ea2c23;
}
	#footer_inner
	{
		width: 960px;
		margin: 0 auto;
		padding: 37px 15px 0;
		text-align: left;
	}
		#footer p 
		{ 
			float: left; 
			font-size: 0.923em;
			color: #e6e6e6;
			width: 160px;
			text-align: left;
		}
		#footer p.other a {
			color: #ffffff !important;
			font-weight: bold;
		}
		#footer .copy,
		#footer .copy a { color: #ffb1a8 !important; }
		
		#footer .logos
		{
			width: 420px;
			margin: -8px 0 174px;
		}
			#footer .logo01, /* DT logo */
			#footer .logo02, 
			#footer .logo03  /* Ogilvy logo */
			{
				text-indent: -999em;
				display: block;
				float: left;
				width: 96px;
				height: 26px;
				background: url(tl_dtdigital.png) 0 0 no-repeat;
			}
			#footer .logo02  /* Ogilvy logo */
			{
				width: 212px;
				height: 12px;
				margin: 11px 0 0 63px;
				background: url(tl_ogilvy-interactive.gif) 0 0 no-repeat;
			}
			
			#footer .logo03  /* Ogilvy logo */
			{
				width: 212px;
				height: 12px;
				margin: 11px 0 0 63px;
				background: url(tl_ogilvy-interactive_v3.gif) 0 0 no-repeat;
			}
			
.alternate05 #footer,
.alternate07 #footer,
.alternate10 #footer
{
	margin: 0;
}
			
#footer02,
#footer03
{ 
	margin-top: -670px;
	height: 364px;
	background-color: #ebeaea;
	position: relative;
}

#footer02 {
	margin-top: -520px;
}

	#footer02 #footer_inner,
	#footer03 #footer_inner
	{
		padding: 35px 15px 0;
	}
	#footer02 .column01,
	#footer03 .column01
	{
		width: 479px;
		float: left;
	}
		#footer02 .column01 h4,
		#footer03 .column01 h4
		{
			background: url(tl_latest-presenters.png) 0 0 no-repeat;
			float: left;
			text-indent: -999em;
			width: 120px;
			height: 28px;
			margin-top: 6px;
			margin-left: 40px;
			display: inline;
		}
		#footer02 .column01 ul,
		#footer03 .column01 ul
		{
			margin: 0 0 0 160px;
			color: #888888;
		}
	#footer02 .column02
	{
		width: 440px;
	}
		#footer02 .column02 .column-padding,
		#footer03 .column02 .column-padding
		{
			padding: 0 28px 0 0;
		}
		#footer02 .column02 h4,
		#footer03 .column02 h4
		{
			background: url(tl_most-recent-tweets.gif) 0 0 no-repeat; height: 28px; width: 102px;
		}
		#footer02 .column02 h4.search,
		#footer03 .column02 h4.search
		{
			background: url(tl_search-blogs.png) 0 0 no-repeat;
			margin-left: 57px;
		}
		#footer02 .column02 h4.upcoming,
		#footer03 .column02 h4.upcoming
		{
			background: url(tl_upcoming-events.png) 0 0 no-repeat;
			margin-left: 28px;
			width: 108px;
		}
		#footer02 .column02 p		{ color: #888888; margin-left: 160px; }
		#footer02 .column02 small	{ color: #a2a2a2; font-size: 0.846em; line-height: 1.636em; }
.alternate03 #footer
{
	margin-top: 0;
	height: 306px;
}
.alternate07 #footer02
{
	margin-top: -594px;
	height: 288px;
}

#footer03
{
	margin-top: -572px;
	height: 283px;
	position: relative;
}
	#footer03 .column01
	{
		width: 480px;
	}
	#footer03 .column02
	{
		width: 440px;
	}
	
	#footer03 .column01 h4 { background: url(tl_subscribe-dtdigital.png) 0 0 no-repeat; display: inline; }
	#footer03 .column01 h4.follow { background: url(tl_followus.png) 0 0 no-repeat; }
	#footer03 .column02 h4 { background: url(tl_search-blogs.png) 0 0 no-repeat; display: inline; }
	#footer03 .column02 h4.subtitle03 { background: url(tl_most-recent-tweets.gif) 0 0 no-repeat; height: 28px; width: 102px; display: inline; }
	
	#footer03 fieldset
	{
		float: left;
	}
		#footer03 fieldset label,
		#footer02 fieldset label
		{
			display: none;
			color: #8d8e8e;
			font-weight: bold;
			font-size: 0.923em;
		}
		#footer03 fieldset input.input01
		{
			border: 1px solid #e0e0e0;
			width: 160px;
			margin: 0 0 4px;
		}
		#footer03 fieldset input.button01 { width: auto; }

.alternate05 #footer03,
.alternate10 #footer03
{
	margin-top: 0;
}

/* @Content - START: content styles */
#content p, #content ol, #content ul li
{
	color: #424242;
	line-height: 1.231em;
}

#content blockquote
{
	background: url(gr_quotes.gif) 0 5px no-repeat;
	padding: 0 0 0 31px;
	margin: 0;
}
	#content blockquote p
	{
		font: italic 1.417em/1.235em Georgia, serif;
		color: #271d73;
	}
* html #content blockquote { width: 330px; }

.arrow01 { background: url(ico_arrow07.gif) 0 4px no-repeat; padding: 0 0 0 11px; font-weight: bold; }
	.alternate01 .arrow01 { background-position: 0 -89px; }
.arrow02 { background: url(ico_arrow02.gif) 0 3px no-repeat; }
.arrow03 { background: url(ico_arrow07.gif) 100% 3px no-repeat; padding: 0 11px 0 0; }
	.alternate01 .arrow03 { background-position: 100% -89px; }
.arrow04 { background: url(ico_arrow08.gif) 100% 6px no-repeat; padding: 0 14px 0 0; font-size: 0.923em; }
.arrow05 { color: #f2360a; background: url(ico_arrow09.gif) 100% 7px no-repeat; padding: 0 21px 0 0;  font-size: 1.308em; font-weight: bold; }
.arrow06 { padding: 0 0 2px 13px; background: url(ico_arrow04.gif) 0 4px no-repeat; }

.feature-img01 { float: left; margin: 0.154em 0 0 0; }
.feature-img02				{ display: block; margin: 0 0 0.769em; position: relative; width: 100%; }
	.feature-img02 img		{ display: block; }
	.feature-img02 .ico01	{ position: absolute; bottom: 5px; right: 5px; }
.feature-img03 { display: block; margin: 6em 0 2.077em; }
.feature-img04 { float: left; margin: 0 10px 10px 0; }

.feature-item01 
{ 
	margin: 0 0 2.615em; /* 34px */
}
	.feature-item01 img 
	{ 
		display: block; 
		margin: 0 0 1.154em 0; /* 15px */
		border: 1px solid #ebebeb;
	}
.feature-item02 
{ 
	position: relative;
	margin: 0 -26px 1.769em 0; /* 23px */
}
	* html .feature-item02 { width: 100%; }
	.feature-item02 img 
	{ 
		display: block; 
		margin: 0;
		border: 0 none;
	}
	.feature-item02 .badge01 
	{ 
		position: absolute;
		bottom: 18px;
		right: -11px;
	}
.feature-item03
{ 
	background: url(gr_bg_feature-shadows.jpg) -920px 100% no-repeat;
	padding: 0 0 1em;
	margin: 0 -31px 1.5em -28px;
	position: relative; 
	float: left;
	width: 279px;
}
	.feature-item03 .feature-item { margin: 0 0 0 28px; }
	.feature-item03 .feature-item img { display: block; }
.feature-item04
{
	background: url(gr_bg_clients.png) 0 0 no-repeat;
	width: 126px;
	height: 131px;
}
	.feature-item04 img
	{
		padding: 3px 5px 5px 3px;
		display: block;
	}
* html .feature-item04 { background: none; width: 120px; height: 125px; }
	* html .feature-item04 img { padding: 0; border: 1px solid #cecece; }

.feature-item05 /* Main feature item on verge */
{
	margin: 0 0 0.846em;
	position: relative;
	width: 100%;
}
	.feature-item05 img
	{
		display: block;
	}
	.feature-item05 .play01
	{
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
#flashcontent01				{ margin: 0 0 0 -60px; }
.alternate05 #flashcontent01,.alternate10 #flashcontent01 { margin: 0.923em 0 0; }
.alternate05 #flashcontent01 {background-color: #000; margin-top: 0; width: 100%; max-width: 100%;}
.alternate05 #flashcontent01 #bodycontainer_inside{overflow: hidden;}
.alternate05 #footer_inner {padding-right: 0 !important;}

/* alternate */

.our-works { float: left; padding: 20px 0; width: 960px;}

.our-works li { 
	float: left;
	list-style: none;
	width: 159px;
	margin: 0 1px 1px 0; 
	background: url(ico_loading03.gif) no-repeat 65px 40px;
	text-align: left;
	border-width: 5px;
}

	.ow-industry-1 { border-top: 5px solid #759A2F; }
	.ow-industry-2 { border-top: 5px solid #0096CD; }
	.ow-industry-3 { border-top: 5px solid #be241c; }
	.ow-industry-4 { border-top: 5px solid #DFC800; }
	.ow-industry-5 { border-top: 5px solid #E08400; }
	.ow-industry-6 { border-top: 5px solid #CF00CB; }
	.ow-industry-7 { border-top: 5px solid #00CD9A; }
	.ow-industry-8 { border-top: 5px solid #DFC800; }


.our-works li > a {
	display: block;
	height: 100px;
	overflow: hidden;
} 

.our-works li > div {
	height: 73px;
	background: #1e1e1e;
	padding: 13px 10px 0 15px;
} 

.our-works li p { color: #575757 !important; margin-bottom: 0; font-size: 0.923em;}
.our-works li a { font-weight: bold; color: #fff;}
.our-works li div a { line-height: 1.5em; font-size: 0.9em;} 

.our-works li p.ow-status { font-size: 0.7em; }

.ow-markers {
	display: none;
	padding: 20px 0;
}

	.ow-markers li {
		display: inline-block;
		color: #fff !important;
		padding-right: 2px;
	}
		.ow-markers li.ow-industry-marker-7 { padding-right: 0;}
	
	.ow-markers li span {
		display: inline-block;
		height: 11px;
		width: 11px;
		margin-top: 3px;
	}
	
	.ow-markers a {border: none !important; color: #fff;}
	
	.ow-industry-marker-1 span { background: #759A2F; }
	.ow-industry-marker-2 span { background: #0096CD; }
	.ow-industry-marker-3 span { background: #be241c; }
	.ow-industry-marker-4 span { background: #DFC800; }
	.ow-industry-marker-5 span { background: #E08400; }
	.ow-industry-marker-6 span { background: #CF00CB; }
	.ow-industry-marker-7 span { background: #00CD9A; }
	.ow-industry-marker-8 span { background: #DFC800; }
	.our-works li.ow-industry-0 {
		width: 159px; 
		height: 186px; 
		margin: 0 1px 1px 0; 
		float: left; 
		border-top: 5px solid #ebebeb;
		background: #1E1E1E url(ico_back-to-projects-large.gif) no-repeat 38px 46px;
	}


/* our works detail alternate */

	.ow-industry-1, .ow-industry-1 .ow-industry-name    { color: #759A2F; } 
	.ow-industry-2, .ow-industry-2 .ow-industry-name    { color: #0096CD; } 
	.ow-industry-3, .ow-industry-3 .ow-industry-name    { color: #be241c; } 
	.ow-industry-4, .ow-industry-4 .ow-industry-name    { color: #DFC800; } 
	.ow-industry-5, .ow-industry-5 .ow-industry-name    { color: #E08400; }  	
	.ow-industry-6, .ow-industry-6 .ow-industry-name    { color: #CF00CB; } 	
	.ow-industry-7, .ow-industry-7 .ow-industry-name    { color: #00CD9A; } 
	.ow-industry-8, .ow-industry-8 .ow-industry-name    { color: #DFC800; } 


.ow-info {
	padding: 20px 0 60px;
}
	.ow-info > div {
		width: 430px;
		float: left;
	}
		.ow-info > div p {
			margin-bottom: 0;
			color: #727272 !important;
		}
		
		.ow-solution { color: #fff !important;}
	
.ow-industry h1 {
	color: #fff;
	font-size: 1.7em;
	width: 315px;
	padding: 15px;
	float: left;
	padding-top: 0;
	visibility: visible !important;
	font-weight: bold;
}
	.ow-industry h1 span { color: #727272; white-space: nowrap; font-weight: normal;}
	
.ow-content {
	font-size: 1.0769em;
}
.ow-description {width: 585px; margin-left: 180px; padding-bottom: 90px;}
.ow-images {padding-bottom: 90px;}
.ow-images .video {margin-bottom: 1em}
	.ow-content p, .ow-content ul li { color: #fff !important; }
	.ow-content ul { margin-bottom: 1em; list-style-position: inside;}
	.ow-content img  { margin-bottom: 3em;}
	
.ow-info > p { width: 165px; float: left;}	

#projectDetail {display: none;}
.no-projects {font-size: 1.333em; color: #fff !important; margin-top: 20px;}
	
#backToOurWorks {
	background: url(ico_back-to-projects.gif) no-repeat right 1px;
	font-weight: bold;
	color: #737373;
	padding-right: 20px;
}




.push01, .push05 { margin: 2.833em 0 0; display: block; float: left; }
.push02 { margin: 0 0 1.75em; }
.push03 { margin: 0 0 1.417em; }
.push04 { margin: 0 0 1.083em; }
.push05 { float: right; }

.author01
{
	color: #ea5532;
	font-weight: normal;
	line-height: 1em;
	font-size: 0.5em; /* 12px */
	display: block;
	margin: 0 0 0.833em; /* 11px */
}
.alternate01 .author01 { color: #61c7f3; } /* Labs */
.alternate02 .author01 { color: #ff04b5; } /* Design */

.tweet { display: block; text-align: center; float: left; margin: 0 0 30px }
	
.pagination01 /* Post listing & bottom search results */
{
	margin: 1.846em 0 8.692em;
	padding: 0;
}
	.pagination01 li
	{
		font-weight: bold;
		font-size: 1.231em; /* 16px */
		list-style: none;
		float: left;
		margin: 0 3px 0 0;
		padding: 3px 0 0;
	}
		.pagination01 a
		{
			color: #7a7a7a;
			padding: 3px 7px;
			display: block;
			float: left;
			background: #ebebeb;
			text-align: center;
		}
	.pagination01 li.active		{ background: url(gr_pagi-arrow01.gif) 50% 0 no-repeat;  }
	.pagination01 li.active a	{ color: #fff; background: #f42c10; }
	/* Labs */
	.alternate01 .pagination01 li.active	{ background-position: 50% -3px;  }
	.alternate01 .pagination01 li.active a	{ background: #1995ca; }
	/* Design */
	.alternate02 .pagination01 li.active	{ background-position: 50% -6px;  }
	.alternate02 .pagination01 li.active a	{ background: #ff04b5; }

.pagination01a { margin: 0.846em 0 8.154em 106px; } /* Bottom search results - 11px/106px */
.pagination01b { margin: 1.846em 0 8.154em 40px; } /* news  - 24px/106px */
	
.pagination02 /* Top search results */
{
	margin: 0 0 4.077em 106px;
}
	.pagination02 li			{ padding: 0 0 3px; }
	.pagination02 li.active		{ background-position: 50% 100%;  }
	

.section01-container
{
	padding: 6px 65px 0 40px;
}
.alternate06 .section01-container { padding: 0 65px 0 40px; }
.alternate11 .section01-container { padding: 6px 50px 0 40px }

.alternate11 .section01-container a.load-more { background: url(../assets/btn_tumblr-load-more.gif) no-repeat 0 0; width: 117px; height: 21px; display: inline-block; color: #ffffff !important; font-weight: bold; padding: 4px 0 0 23px;}
	.alternate11 .section01-container .hentry { border-bottom: 5px solid #dee5eb; margin-bottom: 2.307em;}

	.section01
	{
		padding: 0 0 4.308em; /* 56px */
		position: relative;
		color: #a2a2a2;
	}
		.section01 .author
		{
			margin: 0 0 0.615em; /* 8px */
		}
		.section01 .date
		{
			float: left;
			top: -2px;
			left: -40px;
			display: block;
			color: #bebebe;
			text-align: center;
			line-height: 1em;
			position: absolute;
			border: 0 none;
		}
			.section01 .date .month,
			.section01 .date .day
			{
				font-weight: bold;
				text-transform: uppercase;
				font-size: 0.769em;
				display: block;
				margin: 0 0 5px;
			}
			.section01 .date .day
			{
				font-size: 1.385em;
				margin: 0;
			}
		.section01 h1.subtitle05,
		.section01 h2.subtitle01
		{
			padding: 0 0 0 63px;
			margin: 0;
		}
		#content .section01 p.entry-summary
		{
			margin: 0 0 0.846em;
		}
		.section01 p.paragraph02 { margin: 0; }
	
	/* Blog listing page */
	.section02
	{
		padding: 0 0 3.615em;
	}
	
	.alternate11 .section02 { padding-bottom: 3em; }
		.section02 .date
		{
			top: 3px;
		}
		.section02 h1.subtitle05,
		.section02 h2.subtitle01
		{
			padding: 0;
			margin:0 0 0.333em;
		}
		.section02 p.entry-summary
		{
			margin: 0 0 1.615em;
		}
	
	/* Article detail styles */
	.section03
	{
		padding: 0 0 7.077em; /* 92px */
	}
		.section03 .date
		{
			top: 0;
		}
		#content .section03 p { margin-bottom: 1.231em; } /* 16px */
		#content .section03 p.paragraph01 { margin-bottom: 1.941em; } /* 33px */
		#content .section03 p.push02 { margin-bottom: 1.75em; }
		.section03 .subsection01
		{
			border-top: 1px solid #f2f2f2;
			padding: 1.417em 0 0;
			margin: 0 0 3.538em;
		}
		
		.section03 ul,
		.section03 ol
		{
			margin: 0 0 1em;
			padding: 0 0 0 20px;
		}
		.section03 ol
		{
			padding: 0 0 0 27px;
		}
			.section03 ol li
			{
				list-style: decimal-leading-zero;
				font-weight: bold;
				margin: 0 0 6px;
			}
			.section03 ol li span
			{
				font-weight: normal;
			}
			
		.section03 .twitter-info p.paragraph01
		{
			background: url(gr_bg_twitter_sml.gif) 100% 50% no-repeat;
			float: left;
			padding: 0 39px 0 0;
		}

.section02-container
{
	padding: 0 0 0 106px;
	margin: 0;
}		
	/* Search results styles */
	.section04
	{
		border-bottom: 1px solid #f2f2f2;
		border-width: 0 0 1px;
		padding: 0 0 1.231em 0; /* 16px */
		margin: 0 0 2.462em; /* 32px */
	}
		.section04 .inner-section01
		{
			float: left;
			width: 399px;
			padding: 0 80px 0 0;
		}
		.section04 .relevance
		{
			float: left;
			margin: 0.467em 0 0 -50px;
			display: block;
			color: #bebebe;
			text-align: center;
			line-height: 1em;
			font-size: 1.154em;
			position: relative;
		}
		.section04 p
		{
			margin: 0 0 0.692em;
		}
		.section04 h3 a { float: left; display: block; }
		
.subsection01 { margin: 0 0 4.154em; } /* 54px */
.subsection02 { margin: 0 0 3.167em; } /* 38px */
.subsection03 { margin: 0 0 2.385em; } /* 31px */
.subsection04 { margin: 0 0 4.615em; } /* 60px */
.subsection05 { margin-top: -12px !important; }
.subsection05a { margin: -15px 0 3.692em; } /* 48px */
.subsection06 { margin: 0 0 1.5em; }  /* 18px */
.subsection07 { margin: 0 0 6.538em; } /* 85px */
.subsection08
{
	background: #ffffff url(ico_arrow03.gif) 50% 0 no-repeat;
	padding: 6px 0 0;
	margin: 0.917em 0 5em;
}
	.subsection08 .inner_section01
	{
		background-color: #F3F3F3;
		padding: 10px 9px 4px;
	}
	#content .subsection08 p { color: #979797; }
.subsection09 { margin: 0 0 3.417em; padding: 0 28px 0 0; } /* 41px */
.subsection10 { margin: 0 0 3.615em; } /* 47px */
.alternate01 .subsection11 { margin: 8.615em 0 0; }
.subsection12	{ margin: 15.385em 0 4.154em; }/* 222px/54px */
.subsection12a	{ margin: 29.462em 0 0; }
.subsection13 
{ 
	position: absolute;
	top: 438px;
	/*right: 138px;*/
	left: 641px;
	z-index: 29;
	width: 310px;
}
.subsection14 { min-height: 697px; height: auto !important; height: 697px;  }


/* @Forms - START: form styling */
.form-layout01
{
	
}
	.form-layout01 h3
	{
		margin-bottom: 0.625em;
	}
		.form-layout01 h3 label { color: #455560; margin: 0; }
	.form-layout01 label
	{
		color: #6b6b6b;
		display: block;
		margin: 0 0 0.692em;
	}
	.form-layout01 label.label01 { display: none; }
	.form-layout01 input.input01
	{
		width: 175px;
		height: 18px;
		border: 1px solid #e0e0e0;
		display: block;
		float: left;
		color: #6b6b6b;
	}
	.form-layout01 input.button01
	{
		width: auto;
		margin: -1px 0 0 5px;
	}
	#content .form-layout01 p.small02 {color: #929292;}

.form-layout02
{
	background: #ffffff url(ico_arrow03.gif) 100px 0 no-repeat;
	padding: 6px 0 0;
	margin: 0 0 2.583em;
}
	.form-layout02 fieldset
	{
		background: #f3f3f3;
		padding: 14px 13px 7px;
	}
	.form-layout02 label
	{
		color: #929292;
		display: block;
		margin: 0 0 0.417em;
	}
	.form-layout02 input.input01
	{
		width: 116px;
		border: 1px solid #e0e0e0;
		display: block;
		color: #6b6b6b;
	}
	.form-layout02 .field01
	{
		float: left;
		margin: 0 10px 0.917em 0;
	}
		.form-layout02 .field02 input { width: 176px; }
		.form-layout02 .field03 input { width: 304px; }
		.form-layout02 .field03 select { width: 304px; }
		.form-layout02 textarea
		{
			width: 286px;
			height: 49px;
			border: 1px solid #e0e0e0;
			display: block;
			color: #6b6b6b;
			padding: 7px 9px;
			float: left;
			margin: 0 0 0.583em;
		}
		.form-layout02 input.button01
		{
			margin: 0;
		}
	.form-layout02 .field03
	{
		float: left;
		margin: 0 10px 1.083em 0;
	}
	
.form-layout02a
{
	background-position: 39px 0;
	width: 280px;
}
	.form-layout02a .field01
	{
		margin: 0 0 0.917em 0;
	}
		.form-layout02a input
		{
			width: 247px;
		}
		.form-layout02a textarea
		{
			height: 96px;
			width: 229px;
		}
	.form-layout02a .field02 
	{
		margin: 0;
	}
		.form-layout02a .field02 input
		{
			width: 349px;
			height: 16px;
			float: left;
			margin: 0 11px 0 0;
			padding: 4px;
		}
		.form-layout02a .field02 input.button01
		{
			width: auto;
			height: auto;
		}
.form-layout02b
{
	margin: 4.308em 0 0.308em; /* 56px/4px */
}
	.form-layout02b .field01
	{
		float: none;
		margin: 0 0 1.308em;
	}
	.form-layout02b input
	{
		width: 297px;
	}
	
/* Form validation styles */
	.form-layout01 .field-error01 label { color: #ee3224; }
	.form-layout01 .field-error01 select, .form-layout02 .field-error01 input 
	{ float: left; }
	
	.form-layout02 .field01.field-error01 .error { margin: 0 0 0 7px; }
	.form-layout02 .field02.field-error01 { margin: 0 -24px 0 0; }
	
	.form-layout02a .field01.field-error01 .error { margin: 0 -28px 0 0; float: right; }
	* html .form-layout02a .field01.field-error01 .error { margin: 0; }
	

/* @Tables - START: table styling */
.table01 
{
	border-collapse: collapse;
	margin: 0 0 1.67em 0;
	width: 702px;
}
	.table01 caption 
	{
		padding: 5px 8px;
	}
	.table01 td, .table01 th 
	{
		padding: 5px 8px 5px 0;
		border-bottom: 1px solid #f1f1f1;
	}
	.table01 th 
	{
		color: #6b6b6b;
		text-align: left;
	}
	.table01 td
	{
		color: #a2a2a2;
	}
	.table01 a
	{
		font-weight: bold;
		color: #f42c10;
	}
	
.table02
{
	width: 400px;
	margin: 1.5em 0 0;
}

/* @List - START: table styling */
ul.list01 /* Subscription list on right hand column */
{
	width: 100%;
	margin: 0 0 1.077em;
	padding: 0.25em 0 0;
}
	ul.list01 li
	{
		list-style: none;
		margin: 0 3px 8px 0;
		font-size: 0.923em;
	}
	ul.list01 a
	{
		height: 32px;
		background: url(ico_subscriptions.png) 0 0 no-repeat; /* RSS */
		display: block;
		text-indent: 41px;
		overflow: hidden;
		line-height: 29px;
		color: #EE3224;
		font-weight: bold;
	}
	ul.list01 .type1 a { background-position: 0 -64px; } /* Twitter */
	ul.list01 .type2 a { background-position: 0 -128px; } /* Facebook */
	ul.list01 .type3 a { background-position: 0 -192px; } /* Youtube */
	ul.list01 .type4 a { background-position: 0 -256px; } /* Tumblr */
		
ul.list02 /* Tags list on right hand column */
{
	margin: 0 0 1.083em;
}
	ul.list02 li
	{
		list-style: none;
		color: #979797;
		margin: 0 0 1px;
	}
	ul.list02 a
	{
		font-weight: bold;
	}
	ul.list02 li.active a { color: #f8847c; }
	
ul.list03 /* Twitter latest on right hand column */
{
	margin: 0 0 1.083em;
	height: 226px;
	width: 248px;
	overflow: hidden;
}
	ul.list03 li
	{
		list-style: none;
		padding: 0 18px 0.154em 0;
		margin: 0 0 0;
	}
		ul.list03 li em.timestamp
		{
			display: block;
			font-size: 0.846em;
		}
		#content ul.list03 li p
		{
			margin: 0 0 1em;
			font-size: 0.923em;
			color: #6b6b6b;
			line-height: 1.25em;
		}
		ul.list03 li a { color: #ea2c23; }
		.alternate01 ul.list03 li a { color: #008e04; } /* Labs */
		.alternate02 ul.list03 li a { color: #00b6ea; } /* Design */
		
ul.list04 /* Comments options list on article detail pages */
{
	width: 100%;
	margin: 0 0 0.583em;
}
	ul.list04 li
	{
		list-style: none;
		padding: 0 0 0 17px;
		background: url(gr_bg_seperator.gif) 8px 2px no-repeat;
		float: left;
		color: #8f8f8f;
	}
	ul.list04 li.item01
	{
		padding: 0;
		background: none !important;
	}
		ul.list04 li.item01 a,
		ul.list04 li.item02 a,
		ul.list04 li.item03 a
		{
			overflow: hidden;
			background: url(ico_subscriptions.png) -76px 0 no-repeat;
			width: 16px;
			height: 16px;
			display: block;
		}
		ul.list04 li.item02 a { background-position: -19px 0; }
		ul.list04 li.item03 a { background-position: -38px 0; }
		ul.list04 li.item01.item03 {padding: 0 !important;}
		
		ul.list04 li.item01 a:hover,
		ul.list04 li.item02 a:hover,
		ul.list04 li.item03 a:hover { opacity: 0.4; }
	
ul.list05 /* Job listing on about us page */
{
	width: 100%;
	float: left;
	margin: 0 0 0.833em;
}
	ul.list05 li
	{
		list-style: none;
		padding: 0 0 2px 13px;
		background: url(ico_arrow04.gif) 0 4px no-repeat;
		color: #979797;
	}
	
ul.list06 /* Share this, print, comment count appears in article detail page */
{
	float: right;
	width: 305px;
}
	ul.list06 li
	{
		list-style: none;
		color: #b9b9b9;
		font-size: 0.923em;
	}
		ul.list06 li a
		{
			color: #989898;
		}
		ul.list06 li a
		{
			color: #989898;
		}
	
	ul.list06 li .type
	{
		color: #acabab;
		font-size: 0.846em; /* 11px */
		line-height: 1em;
		background: #ffffff url(ico_arrow06.gif) 0 100% no-repeat;
		padding: 0 0 5px 0;
		margin: 0.636em 0 1.091em;
		display: block;
		width: 4.3em;
	}
		ul.list06 li .type strong
		{
			border: 1px solid #e8e8e8;
			border-width: 1px 1px 0;
			padding: 2px 6px 5px 7px;
			display: block;
			text-align: center;
			text-transform: uppercase;
		}
	
ul.list07
{
	float: left;
	margin: 0 0 -2px -20px;
	padding: 0.167em 0 0;
	width: 240px;
	position: relative;
}
	ul.list07 li
	{
		list-style: none;
		width: 40px;
		height: 41px;
		float: left;
		margin: 0 0 20px 20px;
		display: inline;
	}
	ul.list07 li.feature-item04
	{
		width: 126px;
		height: 131px;
		display: none;
		position: absolute;
	}
	
ol.list08
{
	padding: 0;
	margin: -1.231em 0 0;
}
	ol.list08 li 
	{  
		list-style: none;
		float: left;
		font-size: 0.923em;
	}
		ol.list08 li a
		{
			padding: 0 8px 0 10px;
			background: url(gr_bg_seperator03.gif) 0 2px no-repeat;
		}
		ol.list08 li.first a
		{
			padding: 0 8px 0 0;
			background: none;
		}
		
ul.list09
{
	
}
	ul.list09 li
	{
		border-bottom: 1px solid #dedddd;
		list-style: none;
	}
		ul.list09 li a
		{
			padding: 7px 0 8px;
			display: block;
			font-weight: bold;
			color: #f42c10;
		}
		ul.list09 li.first a
		{
			padding: 0 0 8px;
		}
		ul.list09 li a.arrow06
		{
			padding: 7px 0 8px 13px;
			background-position: 0 10px;
		}
		
ul.list10 /* Subscribe links footer */
{
	width: 220px;
}
	ul.list10 li
	{
		list-style: none;
		margin: 0 0 1.077em; /* 14px */
		width: 100%;
	}
		ul.list10 li a
		{
			padding: 0 0 2px 26px;
			display: block;
			font-weight: bold;
			color: #f42c10;
			background: url(ico_subscriptions.png) 0 -320px no-repeat;
		}
		ul.list10 li.type1 a { background-position: 0 -352px; } /* Twitter */
		ul.list10 li.type2 a { background-position: 0 -384px; } /* Facebook */
		ul.list10 li.type3 a { background-position: 0 -416px; } /* YouTube */
		ul.list10 li.type4 a { background-position: 0 -448px; } /* Tumblr */
		ul.list10 li.type5 a { background-position: 0 -480px; } /* eNewsletter */
	
	#jobdetail ul {
		margin: 0 0 1em;
		padding: 0 0 0 20px;
	}
	#jobdetail ul.list04 {padding-left: 0;}
	#jobdetail ul li {
		line-height: 1.231em;
	}
	
dl.comments
{
	margin: 0;
}
	dl.comments dt
	{
		color: #979797;
		margin: 0 0 4px;
	}
		dl.comments dt strong { color: #6b6b6b; }
		dl.comments dt .timestamp { font-size:0.846em; }
	dl.comments dd
	{
		margin: 0;
		padding: 0 0 8px;
	}
		#content dl.comments p
		{
			color: #6b6b6b;
		}
.fb-comments {margin-bottom: 30px;}

/* @Plugins - START: plugins styling */
#slick-slide
{
	position: relative;
}
	.slick-slide-container
	{
		overflow: hidden;
		position: relative;
	}
.slider01
{
	width: 280px;
}
	.slider01 .slick-slide-container
	{
		width: 280px;
	}
		.slider01 .slick-slide-inner
		{
			width: 280px;
			height: 56px;
			overflow: hidden;
		}
		.slider01 .slick-slide-inner .item
		{
			width: 280px;
			float: left;
			margin: 5px 0 0;
		}
			.slider01 .slick-slide-inner .item div
			{
				float: left;
				xwidth: 140px;
			}
	.slider-controls01
	{
		margin: 11px 40px 0 0;
	}
		.slider-controls01 ol
		{
			float: left;
			margin: 0;
			padding: 0;
		}
			.slider-controls01 li
			{
				list-style: none;
				float: left;
				margin: 0 5px 0 0;
				height: 6px;
				width: 6px;
				position: relative;
				overflow: hidden;
			}
			.slider-controls01 li img
			{
				position: absolute;
				top: 0;
				left: 0;
			}
			.slider-controls01 li.active img
			{
				top: -6px;
			}

ul.links li {
	list-style: none;
	padding-bottom: 6px;
}

/* @CAPTCHA - START: google code styling */

#recaptcha_widget { background: #fff; border: 1px solid #E0E0E0; width: 305px !important; }
	#recaptcha_widget .recaptcha_field {	margin: 5px 10px; }
		#recaptcha_widget .recaptcha_field #recaptcha_response_field {	width: 110px;	}
	#recaptcha_widget .recaptcha_options {	margin: 5px 10px; }
	#recaptcha_widget .recaptcha_options div {	display: inline-block; margin: 0 5px 5px 0; }
	#recaptcha_widget .recaptcha_audio_cant_hear_link { display: inline-block;  margin: 1px 10px; }

#recaptcha_widget .captcha_reload, #recaptcha_widget .captcha_audio, #recaptcha_widget .captcha_image, #recaptcha_widget .captcha_help
{ display: block; text-indent: -999em; height: 20px; width: 20px;}
#recaptcha_widget .captcha_reload { background: url(ico_captcha-system-redo.png) no-repeat center; }
#recaptcha_widget .captcha_audio { background: url(ico_captcha-audio.png) no-repeat center; }
#recaptcha_widget .captcha_image { background: url(ico_captcha-image.png) no-repeat center; }
#recaptcha_widget .captcha_help { background: url(ico_captcha-system-question.png) no-repeat center; }

#applyForPosition .list04 {float: right; width: 125px;}
#applyForPosition  h3.subtitle01 {float: left;}


/* 2011 flexible page styles */
/* sidebar */
.searchbar {
	margin: 0 0 30px;
}
	.searchbar .field01 {
		margin: 0 0 10px;
	}
		.searchbar .field01 label {
			color: #424242;
			line-height: 1.231em;
			margin: 0 0 1.231em;
		}
	.searchbar .buttons input.submit {
		background: url(flexi/gr_btn_search-red.gif) no-repeat left top;
		border: 0;
		cursor: pointer;
		display: block;
		height: 24px;
		text-indent: -999em;
		width: 71px;
	}

.quicklink_title {
	font-size: 0.9231em /* 12px */;
	margin: 0 0 10px 0;
}

ul.quicklinks {
	list-style: none;
	margin: 0 0 30px;
}
	ul#filter-cat { font-size: 1.1538em /* 15px */; }
	ul#filter-pop { }
	ul.quicklinks li { margin: 0 0 3px; }
		ul.quicklinks li a {
			color: #b90009;
			font-weight: bold;
		}
		ul.quicklinks li a:hover {
			color: #666666;
			text-decoration: none;
		}

/* content */
#content .post-types {
	list-style: none;
}
#content #blog-list {
	width: 840px;
}
#content .post {
	float: left;
	margin: 0 10px 40px;
	width: 260px;
}
	#content .post a {
		color: #b90009;
		font-weight: bold;
	}
	#content .post a:hover {
		color: #666666;
		text-decoration: none;
	}

/* post types */
/*
.post-type_blog { }
.post-type_inspiration { }
.post-type_job { }
.post-type_launch { }
.post-type_news { }
.post-type_quote { }
.post-type_stats { }
*/

/* shared styles */	
#content .post dl {
	margin: 0;
}
	#content .post dl dt,
	#content .post dl dd {
		display: inline-block;
		float: left;
		margin: 0;
		padding: 0 5px 0 0;
	}
		#content .post dl dt a,
		#content .post dl dd a { font-weight: normal; text-transform: lowercase; }
		
#content .post .preview { margin: 0 0 20px; }
#content .post h3 { font-size: 1.0769em /* 14px */; }
#content .post h3.large {
	color: #b80009;
	font-size: 2.3077em /* 30px */;
	line-height: 1em;
	margin-bottom: 0em;
}
#content .post p {
	font-size: 0.9231em /* 12px */;
	line-height: 1.1667em /* 14px */;
	margin-bottom: 1em /* 12px */;
}

#content .hover_video {
	position: relative;
	display: block;
	height: 196px;
}
	#content .hover_video img {
		position: absolute;
		top: 0;
		left: 0;
	}
	#content .hover_video span.hover_arrow {
		background: url(flexi/hov_video-play.png) no-repeat 20px 30px; 
		display: block;
		height: 196px;
		width: 260px;
		text-indent: -999em;
		position: absolute;
		top: 0;
		left: 0;
	}
		#content .hover_video span.hover_arrow:hover { background-position: -200px 30px; }
		
#content .post-type_blog .hover_video {
	height: 124px;
}
	#content .post-type_blog .hover_video span.hover_arrow {
		background-position: left top;
		height: 124px;
		width: 220px;
	}
		#content .post-type_blog .hover_video span.hover_arrow:hover {
			background-position: right top;
		}


/* blog post */
#content .post-type_blog {	}
	#content .post-type_blog .who {	}
		#content .post-type_blog .who img {
			display: inline-block;
			float: left;
			height: 60px;
			margin: 0 10px 0 0;
			width: 60px;
		}
		#content .post-type_blog .who p {
			display: inline-block;
			float: left;
			line-height: 1.5em /* 18px */ !important;
			padding: 20px 20px 0 0;
			width: 170px;
		}
			#content .post-type_blog .who p a { font-weight: normal }
		
	#content .post-type_blog .bubble {
		border: 1px solid #cccccc;
		  -moz-border-radius: 5px;
		  -webkit-border-radius: 5px;
		  border-radius: 5px;
		margin-bottom: 24px;
		padding: 19px;
		position: relative;
	}
		#content .post-type_blog .bubble .speech {
			position: absolute;
			bottom: -22px;
			left: 30px;
		}


/* job post */
#content #blog-list .post-type_job {
	background: url(flexi/bcg_job-post_bottom.gif) no-repeat left bottom;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
	#content #blog-list .post-type_job .inner {
		background: url(flexi/bcg_job-post_top.gif) repeat-y left top;
		padding: 20px 20px 15px;
		position: relative;
	}
	#content #blog-list .post-type_job .pin {
		position: absolute;
		top: -15px;
		left: 120px;
	}
	#content #blog-list .post-type_job h3 span {
		color: #000;
		display: block;
		font-size: 0.4666em /* 14px */;
	}


/* quote post */
#content .post-type_quote {
	border: solid #000000;
	border-width: 2px 0 1px;
	padding: 20px 0 10px;
}
	#content .post-type_quote blockquote {
		background: none;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 2.3077em /* 30px */;
		line-height: 1em;
		margin: 0 0 20px;
		padding: 0;
	}

/* stats post */
#content .post-type_stats .stat {
	color: #91c339;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2.3077em /* 30px */;
	font-weight: bold;
	line-height: 1.1em /* 33px */;
}

.city01{ 
	display:block;
	margin-bottom:5px;
	font-weight:bold;
}

h3.city02{
    margin-bottom:0.5em
}

/* Next Article section */
.next-article { display:block; background:#f3f3f3; padding:14px 13px 7px; margin:50px 0 25px 0; }
.next-article h4 {color:#4e4e4e;}
.authorNext {
	color:#ea5532;
	display:block;
	font-size:1em;
	font-weight:normal;
	margin: 0 0 0.833em 63px;
	}
.next-article .authorThumb {margin:0 0 0 0; float:left;}
.next-article a.next-title { font-size:1.846em; line-height:1em; color:#f42c10; text-transform:none; font-weight:bold; }
.next-article .authorNext .authorNextDetails {display:block; margin:0 0 10px 0;}

