/*
	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 { 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 */

a { color: #ee3224; text-decoration: none; -webkit-transition: color 0.5s ease; }
a:hover { text-decoration: underline; }

/* 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.subtitle09		{ font-size: 4.308em; color: #455560; margin-bottom: 0.429em; text-transform: uppercase; }

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 */
.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; }

.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 */
	
.small01		{ font-size: 0.769em; } /* 10px */
.small02		{ font-size: 0.846em; } /* 11px */
	.small02a	{ 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;}

#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: 0; }

/*
	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;
}
.alternate03 #bodycontainer #bodycontainer_inside { padding-bottom: 670px; } /* Verge */ 
.alternate05 #bodycontainer							{ min-height: inherit; height: auto; }
.alternate05 #bodycontainer #bodycontainer_inside	{ padding-bottom: 0; } /* Our Work */ 
.alternate07 #bodycontainer #bodycontainer_inside { padding-bottom: 594px; }  /* Blogs */

#header
{
	margin: 0 0 37px;
	padding: 0 102px 0 160px;
	position: relative;
}
.header01				{ margin: 0 0 4px !important; }
.alternate01 #header	{ margin: 0 0 37px; }
.alternate05 #header	{ width: 698px; margin: 0 auto 37px; }
.alternate09 #header	{ margin: 0 auto 17px; }

	#header .logo
	{
		background: url(gr_logo.png) 0 0 no-repeat;
		width: 56px;
		height: 70px;
		float: left;
		margin: 21px 0 0 -160px;
	}
		#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;
	}
		#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;
			}
	
	ul#navigation
	{
		float: left;
		margin: 2.308em 0 0 -17px;
	}
		ul#navigation li
		{
			list-style: none;
			float: left;
			margin: 0 17px;
			height: 27px;
		}
		ul#navigation a
		{
			display: block;
			float: left;
			text-decoration: none;
			color: #979797;
		}
			ul#navigation a:hover { color: #f6442d; }
			ul#navigation span
			{
				display: block;
				float: left;
				line-height: 1em;
				height: 21px;
				cursor: pointer;
			}
			ul#navigation li.active a 
			{ 
				font-weight: bold;
				color: #f21d00;
			}
			.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 */
			
	#subnav
	{
		width: 85px;
		margin: 4px 0 0;
	}
		#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;
			}
				#subnav li.active a span
				{
					background-color: #f6442d;
					color: #ffffff;
					padding: 4px 9px 6px;
				}
			/* 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 5.385em;
		position: relative;
		width: 698px;
	}
		.banner02 img
		{
			position: absolute;
			right: -24px;
		}
		.banner02 .intro01
		{
			padding: 0 263px 0 0;
		}
	.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 /* Our Work */
		{
			padding: 6px 0 0;
		}
	.multi-column01 .column03
	{
		width: 160px;
	}
	
	.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;
	}
	
.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;
	}
	
	.multi-column02 .column-full-span01
	{
		padding: 0;
		width: auto;
	}
		.multi-column02 .column-full-span01 .column-padding
		{
			padding: 40px 0 110px;
		}
		
.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;
	}

.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;
			font-weight: bold;
		}
		#footer .copy,
		#footer .copy a { color: #ffb1a8; }
		
		#footer .logos
		{
			width: 640px;
			margin: -8px 0 174px;
		}
			#footer .logo01, /* DT logo */
			#footer .logo02  /* 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;
			}
.alternate05 #footer,
.alternate07 #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
{
	margin-top: 0;
}

/* @Content - START: content styles */
#content p, #content ol, #content ul li
{
	color: #888888;
	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-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 { margin: 0.923em 0 0; }

.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; }
	.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;
	}
		.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;
	}

.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 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 */
	
	
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;
		}

/* @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;
}