body
{
	font-family:Georgia,serif;
	font-size:90%;
	color:#666;
	margin:0;
	padding:0;
	/*background:url(../images/sizzle_bg.jpg);*/
	background-color:#fff;
	text-align:center;
}

h3,h4,h5,h6
{
	color:#F58220;
	font-weight:normal;
}
h4
{
	font-size:1.2em;
}

h5
{
	font-size:1em;
}
a
{
 color:#DC0A61;
}
a.adminlink
{
	font-size:0.8em;
	color:#999;
}
.muted
{
	color:#ccc;
}
.alert
{
	background:#009ac8;
	color:#fff;
	padding:0.3em;
}

.clearBoth
{
	clear:both;
	height:1px;
}

#wrapper
{
	text-align:left;
	width:902px;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	border-left: 3px solid #ccc;
	border-right: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	padding-bottom: 100px;
	background:#ffffff;
}
#header
{
	margin:0;
	padding:0;
	height:90px;
}

#logo
{
	margin:0;
	padding:0;
	width:160px;
	height:90px;
	float:left;
}

embed
{
	width:460px;
	height:320px;
}

/*
UTILITY MENU
*/
#utility
{
	margin:0;
	padding:0;
	width:680px;
	height:60px;
	float:left;
	text-align:right;
}

#utility p, #utility a
{
	color:#777A75;
	font-size:0.9em;
	margin:0;
	padding:0;
}

/*
HOMEPAGE 
*/
*html .outer
{
	height:1px;
	position:relative
}

#homeContainer
{
	width:882px;
	float:left;
	margin-left:20px;
	padding:0;
	position:relative;
	display:inline;
}

#homeContainer #homeContent
{
	padding-top:20px;
	float:left;
	width:583px;
	margin:0;
	position:relative;
	overflow:hidden;
}

#homeContainer #homeRight
{
	float:left;
	margin:0;
	width:230px;
	padding:0;
	overflow:hidden;
}
#homeContainer #homeRight #sizzleflash,
#homeContainer #homeRight #sizzle,
#homeContainer #homeRight #csrbutton,
#homeContainer #homeRight #branding-biodiversity
{
	width:200px;
	height:300px;
	padding-left:10px;
	clear:left;
	cursor:hand;
	margin:20px 0;
	margin-top:20px;
	padding-top:10px;
}

#homeContainer #homeRight #branding-biodiversity img
{
	border:0;
}

a.csr-launch
{
	background:url(../gri/images/csr-launch-sprite.jpg) no-repeat;
	background-position:0 -300px;
	display:block;
	width:220px;
	height:300px;
	text-indent:-9999px;
}
a.csr-launch:active,
a.csr-launch:focus
{
	background-position:0 0;
}

#homeContainer #homeContent #slideshow
{
	height:306px;
	width:583px;
	padding:0;
	float:left;
}

#homeContainer #homeContent #homeCaption
{
	width:130px;
	float:left;
	font-size:75%;
	color:#777;
	margin-right:10px;
	padding:0;
	height:auto;
}
#homeContainer #homeContent #homeCaption p
{
	padding:0;
	margin:0;
}
#homeContainer #homeContent #homeCaption a
{
	text-decoration:none;
}
#homeContainer #homeContent #homeSideMenu
{
	position:relative; 
	width:130px;
	float:left;
	margin-top:-115px;
	margin-right:10px;
}
#homeContainer #homeContent #homeSideMenu h3
{
	margin:0.2em 0;
}
#homeContainer #homeContent #homeSideMenu ul
{
	margin:0;
	padding:0;
	list-style:none;
}
#homeContainer #homeContent #homeSideMenu ul li
{
	display:block;
}
#homeContainer #homeContent #homeSideMenu ul li a
{
	display:block;
	color:#999;
	text-decoration:none;
	border-bottom:1px solid #ccc;
	width:130px;
	font-size:80%;
	padding-bottom:0.1em;
}
#homeContainer #homeContent #homeText
{
	margin-top:1em;
	margin-left:140px;
	width:430px;
	float:left;
	height:0.01%;
	display:inline;
}
#homeContainer #homeContent #homeText h3
{
	margin-bottom:0.2em;
}




/*
INNER PAGES
*/

#mainContent
{
	width:660px;
	float:left;
	margin:0 0 20px 20px;
	padding:0;
	overflow:hidden;
	display:inline;
}
#mainContent h3.pageTitle
{
	color:#F58220;
	margin:0;
	padding:0;
	height:40px !important;
	height:60px;
	padding-top:20px;
	font-size:1.4em;
	font-weight:normal;
	width:75%;
}


/*
TOP NAV
*/

#topNav
{
	margin:0;
	padding:0;
	width:680px;	
	height:30px;
	float:left;
}

#topNav ul,#topNav li
{
	list-style:none;
	padding:0;
	margin:0;
}
#topNav li
{
	float:left;
}
#topNav ul li a
{
	display:block;
	margin-left:1px;
	text-decoration:none;
	width:112px;
	height:30px;
	text-indent:-1500px;
	overflow:hidden;
}
/*explicit styles for each link as images are being used*/
#topNav ul li a#revolution
{
	background:url(../images/buttons/topNav/revolution.gif) 0 0;
}
#topNav ul li a#about_us
{
	background:url(../images/buttons/topNav/about_us.gif) 0 0;
}
#topNav ul li a#services
{
	background:url(../images/buttons/topNav/services.gif) 0 0;
}
#topNav ul li a#news
{
	background:url(../images/buttons/topNav/news.gif) 0 0;
}
#topNav ul li a#blog
{
	background:url(../images/buttons/topNav/blog.gif) 0 0;
}
#topNav ul li a#clients
{
	background:url(../images/buttons/topNav/clients.gif) 0 0;
}

#topNav ul li a#clients:hover,#topNav ul li a#blog:hover,#topNav ul li a#news:hover,#topNav ul li a#news:hover,#topNav ul li a#services:hover,#topNav ul li a#services:hover,#topNav ul li a#about_us:hover,#topNav ul li a#revolution:hover,#topNav ul li a#clients.here,#topNav ul li a#blog.here,#topNav ul li a#news.here,#topNav ul li a#news.here,#topNav ul li a#services.here,#topNav ul li a#services.here,#topNav ul li a#about_us.here,#topNav ul li a#revolution.here
{ 
	background-position: 0 -30px;
}

/*
NEWS
*/

h3.newsTitle
{
	color:#F58220;
	margin-top:0;
}
p.newsListP
{
	margin:1em 0;
	padding:0;
}
p.newsHeadP
{
	margin:0.2em 0;
	padding:0;
}
span.newsDate
{
	color:#999;
}

#newsHeadlines
{
	float:left;
	height:0.01%;
	margin-top:10px;
	display:inline;
}
#newsHeadlines div.newsHead
{
	margin:10px 0 0 10px;
	padding:0 0 10px 0;
	border-bottom:1px dashed #777;
	float:left;
	display:inline;
}

#newsHeadlines div.newsImg
{
	float:left;
	margin:0 8px 5px 0;
	width:68px;
	display:inline;
}
#newsHeadlines div.newsHead div.newsLead
{
	float:left;
	width:138px;
	font-size:75%;
}
#newsListing div.newsHead
{
	margin:10px 0;
	border-bottom:1px dashed #777;
	padding-bottom:10px;
}
#newsListing div.newsHead div.newsLead,#newsStory div.newsLead
{
	float:left;
	width:480px;
}

#newsListing div.newsImg,#newsStory div.newsImg
{
	float:left;
	margin-right:10px;
	width:150px;
	display:inline;
}

#newsListing div.newsHead div.newsLead a
{
	color:#DC0A61;
}

#newsFoot,#blogFoot
{
	margin:2em 0;
	border-top:1px dashed #777;
	padding-top:2em;
}

#newsFoot a.moreNews,#blogFoot a.moreNews
{	
	float:right;
}

/*
DIRECTORS
*/
div.oneDirector
{
	clear:left;
	margin:0 0 1em 0;
	padding:0;
}
div.oneDirector h3
{
	color:#DC0A61;
	margin:0 0 0.3em 0;
	padding:0;
}
div.oneDirector h4
{
	margin-top:0;
	padding-top:0;
}
div.directorImg
{
	float:left;
	width:120px;
}
div.directorBio
{
	float:left;
	width:500px;
}

/*
GAMES
*/
div.game
{
	clear:left;
	padding-bottom:20px;
	border-bottom:1px dashed #999;
	margin-bottom:20px;
}
.game .gameLeft
{
	float:left;
	width:160px;
}
.game .gameRight
{
	float:left;
	width:480px;
}
.game .gameRight h3
{
	margin-top:0;
	padding-top:0;
}

/*
EDITORS
*/

div.editor
{
	margin:0 0 1em 0;
	padding:1em;
	background-color:#F1F8FE;
	border-bottom:1px dashed #777;
}
h3.editorName
{
	display:block;
	height:20px;
	background-color: #D1E0ED;
	color:#777;
	padding:0.5em;
	margin:0;
	font-weight:normal;
}
span.editorLabel
{
	font-size:0.9em;
	font-style:italic;
}

/*
SEND PAGE
*/

#sendPage
{
	width:600px;
	height:25px;
	float:right;
	margin:5px 0 0 0;
	padding:2px;
	text-align:right;
	display:inline;
}
#sendPage input
{
	color:#666;
	font-size:0.9em;
}

/*
LEFT COL 
USING UNIQUE IDS FOR EACH LINK AS LINK TEXTS ARE ALL IMAGES
*/

#leftCol
{
	width:160px;
	float:left;
	padding-top:60px;
	background-color:transparent;
	margin-bottom:2em;
}

#leftCol ul#subMenu,#leftCol ul#subMenu li
{
	list-style:none;
	margin:0;
	padding:0;
}

#leftCol #subMenu li a
{
	display:block;
	width:140px;
	height:29px;
	margin:0 0 1px 20px;
	background:#C8155B;
	color:#fff;
	text-align:center;
}
#leftCol #subMenu li a#profile,#leftCol #subMenu li a#newAccount,#leftCol #subMenu li a#users,#leftCol #subMenu li a#blog-moderation
{
	height:auto;
	padding:0.5em 0;
	text-decoration:none;
}
#leftCol #subMenu li a#profile:hover,#leftCol #subMenu li a#newAccount:hover,#leftCol #subMenu li a#users:hover,#leftCol #subMenu li a#blog-moderation:hover
{
	background-color:#F58220;
}
#leftCol #subMenu li a#leading_networks,#leftCol #subMenu li a#leading_thinking,#leftCol #subMenu li a#leading_projects,#leftCol #subMenu li a#whats_hot,#leftCol #subMenu li a#strategy,#leftCol #subMenu li a#pr,#leftCol #subMenu li a#visual,#leftCol #subMenu li a#awards,#leftCol #subMenu li a#our_story,#leftCol #subMenu li a#directors,#leftCol #subMenu li a#careers,#leftCol #subMenu li a#walk_the_talk
{
	text-indent:-1500px;
	overflow:hidden;
}


#leftCol #subMenu li a#leading_networks
{
	background:url(../images/buttons/subMenu/leading_networks.gif) 0 0;
}
#leftCol #subMenu li a#leading_thinking
{
	background:url(../images/buttons/subMenu/leading_thinking.gif) 0 0;
}
#leftCol #subMenu li a#leading_projects
{
	background:url(../images/buttons/subMenu/leading_projects.gif) 0 0;
}
#leftCol #subMenu li a#whats_hot
{
	background:url(../images/buttons/subMenu/whats_hot.gif) 0 0;
}
#leftCol #subMenu li a#strategy
{
	background:url(../images/buttons/subMenu/strategy.gif) 0 0;
}
#leftCol #subMenu li a#pr
{
	background:url(../images/buttons/subMenu/pr.gif) 0 0;
}
#leftCol #subMenu li a#visual
{
	background:url(../images/buttons/subMenu/visual.gif) 0 0;
}
#leftCol #subMenu li a#awards
{
	background:url(../images/buttons/subMenu/awards.gif) 0 0;
}
#leftCol #subMenu li a#our_story
{
	background:url(../images/buttons/subMenu/our_story.gif) 0 0;
}
#leftCol #subMenu li a#directors
{
	background:url(../images/buttons/subMenu/directors.gif) 0 0;
}
#leftCol #subMenu li a#careers
{
	background:url(../images/buttons/subMenu/careers.gif) 0 0;
}
#leftCol #subMenu li a#walk_the_talk
{
	background:url(../images/buttons/subMenu/walk_the_talk.gif) 0 0;
}

#leftCol #subMenu li a#advertising,#leftCol #subMenu li a#engage
{
	display:block;
	width:140px;
	height:46px;
	margin:0 0 1px 20px;
	text-indent:-1500px;
	overflow:hidden;
	
}

#leftCol #subMenu li a#advertising
{
	background:url(../images/buttons/subMenu/advertising.gif) 0 0;
}
#leftCol #subMenu li a#engage
{
	background:url(../images/buttons/subMenu/engage.gif) 0 0;
}


#topNav ul li a#clients:hover,#topNav ul li a#blog:hover,#topNav ul li a#news:hover,#topNav ul li a#news:hover,#topNav ul li a#services:hover,#topNav ul li a#services:hover,#topNav ul li a#about_us:hover,#topNav ul li a#revolution:hover,#topNav ul li a#clients.here,#topNav ul li a#blog.here,#topNav ul li a#news.here,#topNav ul li a#news.here,#topNav ul li a#services.here,#topNav ul li a#services.here,#topNav ul li a#about_us.here,#topNav ul li a#revolution.here,
#leftCol #subMenu li a#leading_networks:hover, #leftCol #subMenu li a#leading_networks.here,
#leftCol #subMenu li a#leading_thinking:hover, #leftCol #subMenu li a#leading_thinking.here,
#leftCol #subMenu li a#leading_projects:hover, #leftCol #subMenu li a#leading_projects.here,
#leftCol #subMenu li a#whats_hot:hover, #leftCol #subMenu li a#whats_hot.here,
#leftCol #subMenu li a#strategy:hover, #leftCol #subMenu li a#strategy.here,
#leftCol #subMenu li a#pr:hover, #leftCol #subMenu li a#pr.here,
#leftCol #subMenu li a#visual:hover, #leftCol #subMenu li a#visual.here,
#leftCol #subMenu li a#awards:hover, #leftCol #subMenu li a#awards.here,
#leftCol #subMenu li a#our_story:hover, #leftCol #subMenu li a#our_story.here,
#leftCol #subMenu li a#directors:hover, #leftCol #subMenu li a#directors.here,
#leftCol #subMenu li a#careers:hover, #leftCol #subMenu li a#careers.here,
#leftCol #subMenu li a#walk_the_talk:hover, #leftCol #subMenu li a#walk_the_talk.here
{ 
	background-position: 0 -30px;
}
#leftCol #subMenu li a#advertising:hover, #leftCol #subMenu li a#advertising.here,
#leftCol #subMenu li a#engage:hover, #leftCol #subMenu li a#engage.here
{
	background-position: 0 -46px;
}

/*
END LEFT COL 
*/

/*
SERVICES PAGE
*/
#servicesEmail
{
	float:right;
	margin:0;
	padding:0;
	margin-top:-20px;
	display:inline;
}

#threecol-1,#threecol-2,#threecol-3
{
	float:left;
	margin:0;
	padding:0;
	display:inline;
}

#threecol-1
{
	width:300px;
}

#threecol-1 p
{
	margin-top:0;
	padding-top:0;
}

#threecol-2
{
	margin-left:15px;
	width:224px;
}

#threecol-3
{
	margin-left:10px;
	width:106px;
	font-size:0.8em;
}

/*
CLIENTS PAGE
*/
#logos
{
	float:left;
	width:350px;
}
#logos div.oneLogo
{
	height:50px;
	width:50px;
	text-align:center;
	overflow:hidden;
	margin:0 5px 5px 0;
	padding:0;
}
#my-glider
{
	float:right;
	width:280px;
	overflow:hidden;
}
div.scroller {  width: 280px; height: 500px; overflow: hidden; }
div.scroller div.section { width:280px; height:500px; overflow:hidden; float:left; padding:0; }
div.scroller div.clientcontent { width: 100%; padding:0; }
div.oneLogo { float:left; padding:0.2em; }



/*
special in page styles 
*/

/**
*********************************************
AWARDS PAGE
*********************************************
*/

.awardType
{
	border-bottom:1px dashed #999;
}
.awardType h3
{
	color:#777;
	font-weight:bold;
}
.awardType ul
{
	list-style:none;
}
.awardType li h4
{
	margin:0 0 0.3em 0;
}
.awardType li h5
{
	margin:0 0 0.3em 0;
	color:#777;
	font-weight:bold;
}



h4.teamName,h4.clientName,h3.homeTitle
{
	color:#F58220;
	font-weight:normal;
}
h4.clientName
{
	padding:0;
	margin:0.7em 0;
}

div.quoteBox
{
	background:url(../images/quotes_top.gif) no-repeat top left;
	background-color:#3B2313;
	color:#fff;
	text-align:left;
	margin:0;
	padding:0;
	margin-top:10px;
	font-size:0.9em;
}
div.quoteBoxFoot
{
	background:url(../images/quotes_bottom.gif) no-repeat bottom left;
	width:224px;
	height:17px;
	padding:0;
	margin:0;
}
span.quoteText
{
	display:block;
	padding:25px 10px 5px 10px;
	margin-top:1em;
	
}
span.quoteText p
{
	margin-top:0;
	padding-top:0;
}

div.thinking h4, div.projects h4, div.networks h4
{
	clear:left;
}
div.thinking img, div.projects img, div.networks img
{
	float:left;
	margin:0 10px 10px 0;
	display:inline;
}

/*
CONTACT PAGE
*/

#contactLeft
{
	float:left;
	width:210px;
	margin:0;
	padding:0;
}
#contactLeft p
{
	margin-top:0;
	padding-top:0;
}
#contactRight
{
	float:left;
	width:450px;
	padding:0;
	margin:0;
}

/*
BLOG PAGES
*/

#blogContent
{
	float:left;
	width:460px;
	margin:0;
	padding:0;
	display:inline;
	overflow:hidden;
}
#blogRight
{
	margin:0;
	padding:0;
	float:left;
	margin-left:15px;
	width:185px;
	display:inline;
	overflow:hidden;
}
#blogRight h4
{
	margin:5px;
	padding:0;
}
#blogRight ul
{
	margin-top:5px;
}
#blogRight p
{
	margin-top:0;
	text-align:right;
}
#blogContent div.blogHead
{
	margin-top:0.5em;
	margin-bottom:1em;
}
#blogContent h2.blogMonth
{
	width:460px;
	padding:0;
	margin:0 0 1em 0;
}

#blogContent div.blogDate
{
	display:block;
	font-weight:bold;
	border-bottom:1px dotted #777;
	margin:0.5em 0;
}
#blogContent a.blogTitle
{
	font-size:130%;
	margin-bottom:1em;
}
#blogContent div.blogLead div.blogImg
{
	float:left;
	margin:1em 1em 0 0;
	width:150px;
}
#blogContent div.blogLead div.blogSummary
{
	float:left;
	width:280px;
	margin:1em 0;
	
}
#blogContent div.commentHead
{
	border-top:1px dashed #777;
	border-bottom:1px dashed #777;
	background:#eee;
	text-align:right;
	padding:0.5em;
	margin:1em 0;
}
#blogContent #commentForm
{
	padding:0.5em;
	border-top:1px dashed #777;
	background:#eee;
}
#blogContent #commentForm h3
{
	margin:0;
	padding:0;
}
#blogContent #authorHead
{
	padding:0.5em;
	border-top:1px dashed #777;
	border-bottom:1px dashed #777;
	background:#eee;
	margin-bottom:1em;
}
#blogContent #authorHead div.blogThumb
{
	float:left;
	width:60px;
}
#blogContent #authorHead div.authorSummary
{
	float:left;
	width:360px;
	padding:0;
}
#blogContent #authorHead div.authorSummary h4,#blogContent #authorHead div.authorSummary p
{
	margin:0;
	padding:0;
}
#blogContent #authorHead #authorDetail
{
	padding:0.5em;
	background:#fff;
	border:1px solid #777;
	margin-top:0.5em;
}

#blogContent #comments li
{
	margin:1em 0;
	padding:0.5em;
	background:#eee;
	color:#000;
}

.blog-admin
{
	overflow:hidden;
	padding:5px 0;
	clear:both;
	margin:10px 0;
}
.commentator
{
	color:#F58220;
}

/*
FAT FOOTER STYLES
*/

#fatFooter
{
	clear:both;
	margin:0 2px 0 0;
	border-top:1px dashed #000;
	padding:10px 10px 20px 10px;
	font-size:70%;
}
#fatFooter h3
{
	font-size:99.9%;
}
.footCol2
{
	width:135px;
	float:left;
	margin-right:25px;
	display:inline;
}
.footCol3
{
	width:120px;
	float:left;
	margin-right:22px;
	display:inline;
}
.footCol4
{
	width:120px;
	float:left;
	margin-right:15px;
	display:inline;
}
#fatFooter ul,#fatFooter ul li
{
	list-style:none;
	padding:0;
	margin:0;
}
#fatFooter ul li
{
	padding:0.2em;
	border-bottom:1px solid #ccc;
}
#fatFooter ul li a
{
	text-decoration:none;
	display:block;
	color:#777;
}
#fatFooter ul li a:hover,#fatFooter ul li:hover
{
	background-color:#fff;
}
a.rss-link
{
	background:url(../images/icons/rss.gif) no-repeat top left;
	padding-left:25px;
	height:18px;
}
a.twitter-link
{
	background:url(../images/icons/twitter.png) no-repeat top left;
	padding-left:25px;
	height:18px;
}
a.adminLink
{
	padding:5px;
	background:#ccc;
	text-decoration:none;
	font-size:10px;
	margin:0.5em 0;
}
a.adminLink:hover
{
	background:#999;
	text-decoration:underline;
}
a.remove-link
{
	margin:5px;
	padding:2px;
	background:#fff;
	display:block;
	width:75px;
}
#blogRollListing li
{
	margin-bottom:10px;
}
.addForm
{
	padding:5px;
	background:#ccc;
	border:1px solid #999;
	margin-bottom:10px;
}
/*
ALERTS
*/

div.alertBox
{
	display:block;
	padding:0.5em;
	background:#efefef;
	border:2px solid #D1E0ED;
	margin:0.5em 0;
}

#textCol
{
	float:left;
	width:400px;
	margin-right:20px;
	padding:0;
}
#imageCol
{
	float:left;
	width:220px;
	padding:0;
}
div.tagcloud
{
	text-align:center;
	width:99%;
}
div.tagcloud a
{
	color:#91A0AD;
	text-decoration:none;
}
div.tagcloud a:hover
{
	color:#81909D;
	text-decoration:underline;
}
span.tags
{
	padding:0.3em;
	margin-right:0.1em;
}