/*-----------------------*/body {	background:url(../images/bkg.png)  rgb(27, 35, 43) top left }
body {
	color: #ffffff;
	/*background: #616365;*/
}
a {
	color: #fdc82f;
}
a:hover {
	color: #1e1e1e;
}
#header {
	/*border-left: 1px solid #4d4e4f;*/
}
h1 {
	background: transparent url(../images/h1.png) no-repeat 0 0;
}
#nav {
	
}
#nav>li {
	border: 0;
	background: transparent;
}

/* home */
#nav a#home {
	background-position: -200px -396px;
}
#nav a.active-menu#home {
	background-position: -200px -352px;
}
#nav a#home:hover {
	background-position: -200px -352px;	
}

/* home boarder */
#nav a#home-b {
	background-position: -200px -396px;
	border-bottom: 1px solid #00538e;
}
#nav a.active-menu#home-b {
	background-position: -200px -352px;
}
#nav a#home-b:hover {
	background-position: -200px -352px;	
}


/* with us */
#nav a#work-with-us {
	background-position: -200px -44px;
}
#nav a.active-menu#work-with-us {
	background-position: -200px 0;
}
#nav a#work-with-us:hover {
	background-position: -200px 0px;	
}

/* with us boarder */
#nav a#work-with-us-b {
	background-position: -200px -44px;
	border-bottom: 1px solid #00538e;
}
#nav a.active-menu#work-with-us-b {
	background-position: -200px 0;
}
#nav a#work-with-us-b:hover {
	background-position: -200px 0px;	
}



/* work for us */
#nav a#work-for-us {
	background-position: -200px -132px;
}
#nav a#work-for-us:hover {
	background-position: -200px -88px;	
}
#nav a.active-menu#work-for-us {
	background-position: -200px -88px;
}

/* work for us boarder */
#nav a#work-for-us-b {
	background-position: -200px -132px;
	border-bottom: 1px solid #00538e;
}
#nav a#work-for-us-b:hover {
	background-position: -200px -88px;	
}
#nav a.active-menu#work-for-us-b {
	background-position: -200px -88px;
}




/* media */
#nav a#media {
	background-position: -200px -220px;
	border-bottom: 1px solid #00538e;
}
#nav a#media:hover {
	background-position: -200px -176px;	
}

/* team */
#nav a#team {
	background-position: -200px -220px;
}
#nav a#team:hover {
	background-position: -200px -176px;	
}
#nav a.active-menu#team {
	background-position: -200px -176px;
}

/* team boarder */
#nav a#team-b {
	background-position: -200px -220px;
	border-bottom: 1px solid #00538e;
}
#nav a#team-b:hover {
	background-position: -200px -176px;	
}
#nav a.active-menu#team-b {
	background-position: -200px -176px;
}




/* contact */
#nav a#contact {
	background-position: -200px 308px;
}
#nav a#contact:hover {
	background-position: -200px -264px;	
}
#nav a.active-menu#contact {
	background-position: -200px -264px;
}


/* contact boarder */
#nav a#contact-b {
	background-position: -200px -308px;
	border-bottom: 1px solid #00538e;
}
#nav a#contact-b:hover {
	background-position: -200px -264px;	
}
#nav a.active-menu#contact-b {
	background-position: -200px -264px;	
}



#nav ul {
	background: #00538e url(../images/nav_grey_subnav_top.png) no-repeat left top;
}
#nav ul li a {
	color: #d5d6d2;
}

#nav ul li a.active,#nav ul li a:hover,#nav ul li.has-children.open>a {
	color: #fff;
}

/* Bottom gradient for UL UL */
#nav ul ul {
	padding:0;
	background-color: #474747;
}

/* Grey Main Menu Hover and Active positioning */

#nav ul ul li {
	background-color: #474747;
}

#nav ul ul li a {
	color: #fff;
}

#nav ul ul li a:hover {
	color: #fff;
	background: url(../images/nav-haschildren-closed.png) no-repeat scroll 7px 8px transparent;
}

#nav ul li.has-children.closed {
	background-image: url(../images/nav-haschildren-closed.png);
}
#nav ul li.has-children.open {
	background-image: url(../images/nav-haschildren-open.png);
	background-color: #474747;
}
#nav ul li.open li .active {
	background-image: url(../images/nav-haschildren-closed.png);
}
#content {
	background-image: url(..images/grey_vertical_sep.png);
}
#content .top-fade {
	background: transparent url(../images/grey_contentfade.png)
		repeat-x left top;
}
#content .bottom-fade {
	background: transparent url(../images/grey_contentfade_bottom.png)
		repeat-x left top;
}

#footer .footer-group {
	background: transparent url(../images/footer_sprite3.png)
		no-repeat;
}
/*#footer a.footer-group:hover {
	border-bottom: 2px solid #fdc82f;
}*/

/*#footer a.footer-group.active {
	border-bottom: 2px solid #fdc82f;
}*/

/*
#footer {
	background: 0 3px url(../images/line.png) repeat-x;
}

#footer #footer-nav {
	background: 0px 3px url(../images/nav-bg.png) no-repeat;
}
#footer #footer-content.hidden {
	bor /der-top: 2px solid #fdc82f;
	height: 0;
}
#footer #footer-close {
	background-image: url(../images/close.png);
}
*/

.full {
	background-color: #1e1e1e;
}
.full .right-image-col1 {
	color: #d5d6d2;
}
.full .left-image-col2 {
	color: #616365;
}
.rollover-expander .on {
}
.rollover-expander .off {
	color: #ffffff;
}
.off .arrow {
	color: #ffffff;
}
.on .arrow {
	color: #1e1e1e;
}
.off .blue,.off .pink,.off .brown {
	color: #616365;
}
.rollover-display {
	color: #d5d6d2;
}
.circle {
	display: block;
	position: relative;
}
.circle .icon {
	background: #616365 url(../images/bullets.png) no-repeat 0% 0%;
	display: block;
	height: 10px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 4px;
	width: 10px;
}
.circle:hover .icon,.circleHover .icon {
	background-position: 100% 0%;
}
/* who we are */
#who-we-are h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#who-we-are p.intro {
	height: 114px;
	background-image: url(../images/whatwedointro.png);
}

/* welcome */
#welcome h2 {
	height: 64px;
	background-image: url(../images/welcome.png);
}
#welcome p.intro {
	height: 152px;
	background-image: url(../images/welcomeintro.png);
}


/* page titles */

/* marketing */
#marketing h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#marketing p.intro {
	height: 38px;
	background-image: url(../images/marketing.png);
}

/* media */
#media h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#media p.intro {
	height: 38px;
	background-image: url(../images/media.png);
}

/* advertising */
#advertising h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#advertising p.intro {
	height: 38px;
	background-image: url(../images/advertising.png);
}

/* design */
#design h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#design p.intro {
	height: 38px;
	background-image: url(../images/design.png);
}

/* literature */
#literature h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#literature p.intro {
	height: 38px;
	background-image: url(../images/literature.png);
}

/* direct */
#direct h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#direct p.intro {
	height: 38px;
	background-image: url(../images/direct.png);
}

/* event */
#event h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#event p.intro {
	height: 38px;
	background-image: url(../images/event.png);
}

/* photography */
#photography h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#photography p.intro {
	height: 38px;
	background-image: url(../images/photography.png);
}


/* NFU */
#nfu h2 {
	height: 64px;
	background-image: url(../images/nfu.png);
}
#nfu p.intro {
	height: 152px;
	background-image: url(../images/nfuintro.png);
	margin-bottom: 20px;
}


/* BFG */
#bfg h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#bfg p.intro {
	height: 38px;
	background-image: url(../images/bfg.png);
}

/* horticulture */
#horticulture h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#horticulture p.intro {
	height: 38px;
	background-image: url(../images/horticulture.png);
}

/* countryside */
#countryside h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#countryside p.intro {
	height: 38px;
	background-image: url(../images/countryside.png);
}

.SectionHeader {
font-size: 30px; 
text-indent: 0;
}



/* clive */
#clive h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#clive p.intro {
	height: 38px;
	background-image: url(../images/clive.png);
}

/* jo */
#jo h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#jo p.intro {
	height: 38px;
	background-image: url(../images/jo.png);
}

/* kabbie */
#kabbie h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#kabbie p.intro {
	height: 38px;
	background-image: url(../images/kabbie.png);
}

/* isobel */
#isobel h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#isobel p.intro {
	height: 38px;
	background-image: url(../images/isobel.png);
}



/* contact us */
#contactus h2 {
	height: 64px;
	background-image: url(../images/whatwedo.png);
}
#contactus p.intro {
	height: 38px;
	background-image: url(../images/contctus.png);
}







/* our people */
#our-people h2 {
	height: 79px;
	background-image: url(/static/images/work_with_us/our_people/h2.png);
}
#our-people p.intro {
	height: 64px;
	background-image: url(/static/images/work_with_us/our_people/intro.png);
}
/* meet our people */
#meet-our-people h2 {
	height: 79px;
	background-image:
		url(/static/images/work_with_us/meet_our_people/h2.png);
}
/* what we do */
#what-we-do h2 {
	height: 65px;
	background-image: url(/static/images/work_with_us/what_we_do/h2.png);
}
#what-we-do p.intro {
	height: 64px;
	background-image: url(/static/images/work_with_us/what_we_do/intro.png);
}
/* results driven */
#results-driven h2 {
	height: 65px;
	background-image: url(/static/images/work_with_us/results_driven/h2.png)
		;
}
#results-driven p.intro {
	height: 59px;
	background-image:
		url(/static/images/work_with_us/results_driven/intro.png);
}
/* our expertise */
#our-expertise h2 {
	height: 79px;
	background-image: url(/static/images/work_with_us/our_expertise/h2.png);
}
#our-expertise p.intro {
	width: 759px;
	height: 67px;
	background-image:
		url(/static/images/work_with_us/our_expertise/intro.png);
}
/* fmcg */
#fmcg h2 {
	height: 82px;
	background-image: url(/static/images/work_with_us/fmcg/h2.png);
}
#fmcg p.intro {
	height: 211px;
	background-image: url(/static/images/work_with_us/fmcg/intro.png);
}
/* social */
#social h2 {
	height: 68px;
	background-image: url(/static/images/work_with_us/social/h2.png);
}
#social p.intro {
	height: 143px;
	background-image: url(/static/images/work_with_us/social/intro.png);
}
/* services */
#services h2 {
	height: 68px;
	background-image: url(/static/images/work_with_us/services/h2.png);
}
#services p.intro {
	height: 175px;
	background-image: url(/static/images/work_with_us/services/intro.png);
}
/* our approach */
#our-approach h2 {
	height: 82px;
	background-image: url(/static/images/work_with_us/our_approach/h2.png);
}
#our-approach p.intro {
	height: 101px;
	background-image:
		url(/static/images/work_with_us/our_approach/intro.png);
}
/* our products */
#our-products h2 {
	height: 82px;
	background-image: url(/static/images/work_with_us/our_products/h2.png);
}
#our-products p.intro {
	height: 69px;
	background-image:
		url(/static/images/work_with_us/our_products/intro.png);
}
#our-products .full {
	height: 350px;
}
#our-products .products-diagram {
	background: #d5d6d2 url(/static/images/work_with_us/our_products/products.png) no-repeat 0 0;
	border: 0;
	display: block;
	height: 231px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 50px;
	top: 50px;
	width: 241px;
}
#our-products .product-a {
	background-position: 0 0px;
}
#our-products .product-b {
	background-position: 0 -232px;
}
#our-products .product-c {
	background-position: 0 -464px;
}
#our-products #our-products-full,#our-products .half,#our-products .rollover-arrow
	{
	display: block;
	margin: 0;
	padding: 0;
	
}
#our-products .rollover-arrow {
	margin-left: 25px;
	white-space: nowrap;
	width: 425px;
}
#our-products h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	clear:left;
	padding: 5px 0 0;
}
#our-products .rollover-arrow li {
	display: block;
	float: left;
	margin: 30px 0 0;
	padding: 0;
	text-align: center;
	width: 130px;
}
#our-products-full #our-products .rollover-arrow li .rollover-display {
	border: 1px solid #0f0;	
}
#our-products .rollover-arrow li .rollover-display ul {
	left: 200px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50px;
}
#our-products .rollover-arrow li .rollover-display ul li {
	clear: both;
	color: #d5d6d2;
	display: list-item;
	float: none;
	list-style-position: inside;
	list-style-type: disc;
	margin: 0 0 0 10px;
	padding: 0 0 0 5px;
	position: relative;
	text-align: left;
	white-space: normal;
	width: 290px;
	z-index:99;
	text-indent:-11px;
}
#our-products .rollover-arrow li .product-b .rollover-display ul {
}
#our-products .rollover-arrow li .product-c .rollover-display ul {
}
#our-products .rollover-arrow li .rollover-display ul li.product-subtitle
	{
	font-weight: bold;
	list-style-type: none;
	margin-bottom: 10px;
	padding-left: 0;
}

/* Expertise Page */

#our-expertise .rollover-arrow a, #our-partnerships .rollover-arrow a {
	color: #616365;
	font-weight: bold;
	
}
#our-expertise .rollover-arrow li.on a, #our-partnerships .rollover-arrow li.on a,
#our-expertise .rollover-arrow li.selected a, #our-partnerships .rollover-arrow li.selected a {
		color: #d5d6d2;
}


#results-driven .rollover-arrow li.off {
	color: #616365;
}
#results-driven .rollover-arrow li.selected, .rollover-arrow li.selected {
	color: #ffffff;
}

#our-expertise .rollover-arrow span.readmore {
	text-decoration: underline;
}

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




/* Rollover ON and OFF */
.ltr-arrow {
	background: #1e1e1e url(../images/arrows/rollovers/arrow-sprites-ltr.png) no-repeat 0 0;
	border: 0;
	display: block;
	height: 35px;
	float: left;
	clear: left;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 45px;
}
.ltr-arrow:hover {
	background-position: -45px 0;
}
.ltr-arrow1 {
	background-position: 0 0;
}
.ltr-arrow2 {
	background-position: 0 -45px;
}
.ltr-arrow3 {
	background-position: 0 -90px;
}
.ltr-arrow4 {
	background-position: 0 -135px;
}
.ltr-arrow5 {
	background-position: 0 -180px;
}
.ltr-arrow6 {
	background-position: 0 -225px;
}
.ltr-arrow7 {
	background-position: 0 -270px;
}
.ltr-arrow8 {
	background-position: 0 -315px;
}
.ltr-arrow9 {
	background-position: 0 -360px;
}
.rollover-arrow li:hover .ltr-arrow1,.rollover-arrow li.on .ltr-arrow1, .rollover-arrow li.selected .ltr-arrow1 {
	background-position: -45px 0;
}
.rollover-arrow li:hover .ltr-arrow2,.rollover-arrow li.on .ltr-arrow2, .rollover-arrow li.selected .ltr-arrow2 {
	background-position: -45px -45px;
}
.rollover-arrow li:hover .ltr-arrow3,.rollover-arrow li.on .ltr-arrow3, .rollover-arrow li.selected .ltr-arrow3 {
	background-position: -45px -90px;
}
.rollover-arrow li:hover .ltr-arrow4,.rollover-arrow li.on .ltr-arrow4, .rollover-arrow li.selected .ltr-arrow4 {
	background-position: -45px -135px;
}
.rollover-arrow li:hover .ltr-arrow5,.rollover-arrow li.on .ltr-arrow5, .rollover-arrow li.selected .ltr-arrow5 {
	background-position: -45px -180px;
}
.rollover-arrow li:hover .ltr-arrow6,.rollover-arrow li.on .ltr-arrow6, .rollover-arrow li.selected .ltr-arrow6 {
	background-position: -45px -225px;
}
.rollover-arrow li:hover .ltr-arrow7,.rollover-arrow li.on .ltr-arrow7, .rollover-arrow li.selected .ltr-arrow7 {
	background-position: -45px -270px;
}
.rollover-arrow li:hover .ltr-arrow8,.rollover-arrow li.on .ltr-arrow8, .rollover-arrow li.selected .ltr-arrow8 {
	background-position: -45px -315px;
}
.rollover-arrow li:hover .ltr-arrow9,.rollover-arrow li.on .ltr-arrow9, .rollover-arrow li.selected .ltr-arrow9 {
	background-position: -45px -360px;
}
.diag-arrow {
	background: #d5d6d2 url(../images/arrows/rollovers/arrow-sprites-diag.png) no-repeat 0 0;
	border: 0;
	display: block;
	height: 45px;
	l/eft: 50%;
	margin: 0 0 0 40px;
	overflow: hidden;
	float: left;
	padding: 0;
	p/osition: absolute;
	t/op: -45px;
	width: 45px;
}
.diag-arrow:hover {
	background-position: -45px 0;
}
.diag-arrow1 {
	background-position: 0 0;
}
.diag-arrow2 {
	background-position: 0 -45px;
}
.diag-arrow3 {
	background-position: 0 -90px;
}
.diag-arrow4 {
	background-position: 0 -135px;
}
.diag-arrow5 {
	background-position: 0 -180px;
}
.diag-arrow6 {
	background-position: 0 -225px;
}
.diag-arrow7 {
	background-position: 0 -270px;
}
.diag-arrow8 {
	background-position: 0 -315px;
}
.diag-arrow9 {
	background-position: 0 -360px;
}
.rollover-arrow li:hover .diag-arrow1,.rollover-arrow li.hover .diag-arrow1
	{
	background-position: -45px 0;
}
.rollover-arrow li:hover .diag-arrow2,.rollover-arrow li.hover .diag-arrow2
	{
	background-position: -45px -45px;
}
.rollover-arrow li:hover .diag-arrow3,.rollover-arrow li.hover .diag-arrow3
	{
	background-position: -45px -90px;
}
.rollover-arrow li:hover .diag-arrow4,.rollover-arrow li.hover .diag-arrow4
	{
	background-position: -45px -135px;
}
.rollover-arrow li:hover .diag-arrow5,.rollover-arrow li.hover .diag-arrow5
	{
	background-position: -45px -180px;
}
.rollover-arrow li:hover .diag-arrow6,.rollover-arrow li.hover .diag-arrow6
	{
	background-position: -45px -225px;
}
.rollover-arrow li:hover .diag-arrow7,.rollover-arrow li.hover .diag-arrow7
	{
	background-position: -45px -270px;
}
.rollover-arrow li:hover .diag-arrow8,.rollover-arrow li.hover .diag-arrow8
	{
	background-position: -45px -315px;
}
.rollover-arrow li:hover .diag-arrow9,.rollover-arrow li.hover .diag-arrow9
	{
	background-position: -45px -360px;
}


/* Results Page */

#rollover_cadbury, #rollover_ln, #rollover_agd, #rollover_ntg, #rollover_df, #rollover_fc,
#rollover_your_source, #rollover_research, #rollover_advantage_group, #rollover_real_world,
#rollover_fmcg, #rollover_social, #rollover_services {
 	display:block;
	font-weight:bold;
	font-size: 14px;
	margin-left: 50px;
	padding: 5px 0;
}



/* how we do it */
#how-we-do-it h2 {
	height: 82px;
	background-image: url(/static/images/work_with_us/how_we_do_it/h2.png);
}
#how-we-do-it p.intro {
	height: 101px;
	background-image:
		url(/static/images/work_with_us/how_we_do_it/intro.png);
}
/* our partnerships */
#our-partnerships h2 {
	height: 79px;
	background-image:
		url(/static/images/work_with_us/our_partnerships/h2.png);
}
#our-partnerships p.intro {
	width: 759px;
	height: 101px;
	background-image:
		url(/static/images/work_with_us/our_partnerships/intro.png);
}

#content #your-source p.intro,
#content #the-research-agency p.intro,
#content #advantage-international p.intro,
#content #real-world-marketing p.intro {
	margin-bottom: 20px;	
}
/* your source */
#your-source h2 {
	height: 84px;
	background-image: url(/static/images/work_with_us/your_source/h2.png);
}
#your-source p.intro {
	height: 178px;
	background-image: url(/static/images/work_with_us/your_source/intro.png);
}
/* the research agency */
#the-research-agency h2 {
	height: 84px;
	background-image:
		url(/static/images/work_with_us/the_research_agency/h2.png);
}
#the-research-agency p.intro {
	height: 178px;
	background-image:
		url(/static/images/work_with_us/the_research_agency/intro.png);
}
/* the advantage group */
#advantage-international h2 {
	height: 84px;
	background-image:
		url(/static/images/work_with_us/the_advantage_group/h2.png);
}
#advantage-international p.intro {
	height: 178px;
	background-image:
		url(/static/images/work_with_us/the_advantage_group/intro.png);
}
/* real world marketing */
#real-world-marketing h2 {
	height: 84px;
	background-image:
		url(/static/images/work_with_us/real_world_marketing/h2.png);
}
#real-world-marketing p.intro {
	height: 178px;
	background-image:
		url(/static/images/work_with_us/real_world_marketing/intro.png);
}
#meet-our-people .thumbnails {
	background-color: #616365;
}



#meet-people-scroll{
	height:22px;
	width:251px;
	display:block;
	text-indent:-99999px;
	margin: 0 0 10px 505px;
	}




a.scrolled{
 	background:url(/static/images/work_with_us/meet_our_people/meet-people-scroll.gif) no-repeat;
	background-position: 0px -67px;
	}
a:hover.scrolled{
 	background:url(/static/images/work_with_us/meet_our_people/meet-people-scroll.gif) no-repeat;
	background-position: 0px -23px;
	}	

a.scrolled2{
 	background:url(/static/images/work_with_us/meet_our_people/meet-people-scroll.gif) no-repeat;
	background-position: 0px -45px;
	}
a:hover.scrolled2{
 	background:url(/static/images/work_with_us/meet_our_people/meet-people-scroll.gif) no-repeat;
	background-position: 0px 0px;
	}	




#gray-thumb-wrapper{
	height: 200px;
	width: 749px; 
	margin: 5px;
	position: relative; 
	overflow: hidden;
	}
	
#gray-thumb-holder{
	position: absolute; 
	left: 0; 
	width: 2000px; 
	margin: 0;
	}