/* -------------------------------------------------------------- 
  
   FD CONSUMER DYNAMICS Styles
   * Version:   1 (21/09/2007)
      
-------------------------------------------------------------- */
body {
	background-color:#666;
}

a {
	text-decoration:none
}

.page {
	float:left;
	width:950px;
	padding:10px 10px 0 10px;
	background:url('/images/template/shadow.png') top left no-repeat;
}
.base {
	float:left;
	width:970px;
	margin:0;
	padding:0;
	height:10px;
	background:url('/images/template/shadow.png') bottom left no-repeat;
}

#mainpage {
	float:left;
	padding-top:30px;
	min-height:400px;
	background: #fff url('../images/template/page_bg.png') top left no-repeat;
}


#header {
	margin:0 10px 0 0;
	background:#000;
	position:relative;
	width:950px;
	height:115px;
}
#header h1 { font-size:75%}
#header h1 a {
	float:left;
	display:block;
	width:234px;
	height:48px;
	text-indent:-999em;
	overflow:auto;
	margin:55px 0 0 15px;
	background:url('../images/template/fd_consumer_dynamics.png') top left no-repeat
}

/* NAVIGATION 
----------------------------------------------------------*/

#nav {position: absolute; right: 20px; width: 461px; top:75px; height: 42px; padding: 0; margin: 0}
#nav li {list-style: none; margin: 0; padding: 0; display: inline}
#nav li a:link, #nav li a:visited {display: block; position: absolute; top: 0; height: 30px; cursor:pointer; text-indent:-999em; overflow:hidden}

#nav li a:link, #nav li a:visited  {
	display: block; position: absolute; overflow: hidden; font-size: 1px; line-height: 1px; color: #fff; height: 0; padding: 30px 0 0 0;
	}

#nav .home a {left:0px; width:41px; background: url('../images/template/nav.png') 0 0}
#nav .values a {left: 41px; width: 62px; background: url('../images/template/nav.png') -41px 0;}
#nav .services a {left: 103px; width: 73px; background: url('../images/template/nav.png') -103px 0;}
#nav .gallery a {left: 176px; width: 66px; background: url('../images/template/nav.png') -176px 0;}
#nav .newsroom a {left: 242px; width: 82px; background: url('../images/template/nav.png') -242px 0;}
#nav .research a {left: 324px; width: 77px; background: url('../images/template/nav.png') -324px 0;}
#nav .contact a {left: 401px; width: 60px; background: url('../images/template/nav.png') -401px 0;}

/* rollover states */
#nav .home a:hover {background-position: 0px -42px; }
#nav .values a:hover {background-position: -41px -42px;}
#nav .services a:hover {background-position: -103px -42px;}
#nav .gallery a:hover {background-position: -176px -42px;}
#nav .newsroom a:hover {background-position: -242px -42px;}
#nav .research a:hover {background-position: -324px -42px;}
#nav .contact a:hover {background-position: -401px -42px;}


/* 'current' states */
#nav.Welcome .home a {background-position: 0px -84px;}
#nav.Values .values a {background-position: -41px -84px;}
#nav.Services .services a {background-position: -103px -84px;}
#nav.Gallery .gallery a {background-position: -176px -84px;}
#nav.Newsroom .newsroom a {background-position: -242px -84px;}
#nav.Research .research a {background-position: -324px -84px;}
#nav.Contact .contact a {background-position: -401px -84px;}


/* sorry, couple of ie6 fixes */
#Nav li a {cursor: pointer; background:inherit}

/* colours
----------------------------------------------------------*/

h1, a {
	color:#f06
}
a:hover {
	color:#c03
}
/* images
----------------------------------------------------------*/

#sofa, #letter, #newsroom {
	color:#fff;
	height:25em;
	text-indent:-999em;
	overflow:hidden
}
#sofa {
	background: url('../images/photos/sofa.jpg') top right no-repeat
}
#letter {
	background: url('../images/photos/letter.jpg') top right no-repeat
}
#newsroom {
	background: url('../images/photos/newspapers2.jpg') top right no-repeat
}
#publications {
	height:340px;
	overflow:auto;
	background:fixed url('../images/template/publications_bg.png') bottom left repeat-x;
	padding:10px;
	border-top:1px solid #f6f6f6;
	border-left:1px solid #f3f3f3;
	border-bottom:1px solid #f0f0f0;
}
.smallerText {
	font-size:smaller;
	line-height:1.1em
}
.publication {
	float:right;
	margin:-12px -25px 5px 5px;
}
.player {
	padding-bottom:10px
}
#footer {
	background:black;
	margin:0;
	}
#footer p {
	padding:18px;
	margin:0;
	font-family:Arial, sans-serif;
	font-size:x-small;
	color:#555
}
#footer a, #footer a:hover {
	color:#555
}

h4 span.date {
	font-size:70%;
	font-style: italic;
	color:#666
}
#news h4 {
	margin-bottom:.5em;
	padding-bottom:0;
	color:#000
}
#news p {
	font-size:.8em
}

/* post-it note!
----------------------------------------------------------*/

#post_it ul {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	width:298px;
	height:341px;
	overflow:hidden;
}
#post_it ul li, #post_it ul li a {
	width:298px
}
#post_it ul li a {
	display:block;
	text-indent:-999em;
	overflow:hidden
}
#post_it ul li.strategic a {
	width:298px;
	height:78px;
	background:url('/images/template/post_it.jpg') 0 0 no-repeat;
}
#post_it ul li.consumer a {
	height:51px;
	background:url('/images/template/post_it.jpg') 0 -78px no-repeat;
}
#post_it ul li.research a {
	height:52px;
	background:url('/images/template/post_it.jpg') 0 -129px no-repeat;
}
#post_it ul li.marketing a {
	height:33px;
	background:url('/images/template/post_it.jpg') 0 -181px no-repeat;
}
#post_it ul li.community a {
	height:126px;
	background:url('/images/template/post_it.jpg') 0 -214px no-repeat;
}

#post_it ul li.strategic a:hover {
	background-position:0 -340px
}
#post_it ul li.consumer a:hover {
	background-position:0 -418px
}
#post_it ul li.research a:hover {
	background-position:0 -470px
}
#post_it ul li.marketing a:hover {
	background-position:0 -522px
}
#post_it ul li.community a:hover {
	background-position:0 -554px
}

/* classified ad
----------------------------------------------------------*/

#classified {
	position:relative;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	width:390px;
	height:277px;
	overflow:hidden;
	text-indent:-999em;
	background:url('/images/template/classified.jpg') 0 0 no-repeat;
}

#classified a {
	display:block;
	position:absolute;
	z-index:1;
	overflow:hidden
}
#classified a#engaging {
	top:107px;
	left:164px;
	width:117px;
	height:25px;
	background:url('/images/template/classified.jpg') -164px -107px no-repeat;
}
#classified a#engaging:hover {
	background-position:-164px -384px
}
#classified a#smart {
	top:132px;
	left:69px;
	width:75px;
	height:27px;
	background:url('/images/template/classified.jpg') -69px -132px no-repeat;
}
#classified a#smart:hover {
	background-position:-69px -409px
}
#classified a#innovative {
	top:132px;
	left:144px;
	width:130px;
	height:27px;
	background:url('/images/template/classified.jpg') -144px -132px no-repeat;
}
#classified a#innovative:hover {
	background-position:-144px -409px
}

#classified a#informed {
	top:159px;
	left:69px;
	width:108px;
	height:29px;
	background:url('/images/template/classified.jpg') -69px -159px no-repeat;
}
#classified a#informed:hover {
	background-position:-69px -436px
}

#classified a#different {
	top:159px;
	left:224px;
	width:111px;
	height:29px;
	background:url('/images/template/classified.jpg') -224px -159px no-repeat;
}
#classified a#different:hover {
	background-position:-224px -436px
}

#legalwin {height:320px; overflow:auto;font-size:85%; margin-bottom:20px}
#legalwin ol {margin-left:2em}

/* contacts list
----------------------------------------------------------*/

dl.contacts {
	margin:0 0 5px 0;
	padding:0;
	list-style-type:none
}
dl.contacts dt {
	font-weight:bold
}
dl.contacts dd.email, dl.contacts dd.phone {
	margin:0 0 0 3px;
	font-size:90%;
	padding:2px 0 2px 22px;
	border-bottom:1px solid #efefef
}
dl.contacts dd.email {
	background:url('/images/template/icons/email.png') left no-repeat
}
dl.contacts dd.phone {
	background:url('/images/template/icons/phone.png') left no-repeat
}

.twitter {padding:4px 0 4px 28px; background:url('/images/template/twit_24.png') top left no-repeat; }

/* tooltips
----------------------------------------------------------*/

.tool-tip {
	width: 400px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	color: #f06;
	padding: 8px 12px 4px 12px;
	background: url('/images/template/tooltip.png') top left;
}
 
.tool-text {
	font-size: 14px;
	padding: 4px 12px 16px 12px;
	background: url('/images/template/tooltip.png') bottom right;
}


/* slideshow
----------------------------------------------------------*/

div.slideshow {
	margin: 0 auto 18px auto
}
div.slideshow p {
	padding-top: 9px;
}
		div.slideshow ul {
			bottom: 8px;
			position: absolute;
			overflow: hidden;
			right: 0;
			z-index: 1000;
		}
		div.slideshow ul a {
			background: url('/images/template/slideshow_a.png') no-repeat;
			cursor: pointer;
			display: block;
			float: left;
			height: 14px;
			margin: 0;
			overflow: hidden;
			width: 12px;
		}
		div.slideshow ul a.prev {
			background-image: url('/images/template/slideshow_prev.png');
			width: 14px;
		}
		div.slideshow ul a.next {
			background-image: url('/images/template/slideshow_next.png');
			margin-right: 0;
			width: 14px;
		}
		div.slideshow ul a.active,
		div.slideshow ul a.prev:hover,
		div.slideshow ul a.next:hover {
			background-position: 0 -14px;
		}
		div.slideshow ul li {
			float: left;
			list-style: none;
		}

#podcasts ul {
	list-style:none;
	margin:0 0 10px 0;
	padding:0
}
#podcasts ul li {
	padding:6px 0 6px 24px;
	background:url('/images/template/icons/television.png') 0 10px no-repeat;
	border-bottom:1px solid #efefef;
	font-size:1.1em;
	line-height:1
}

/* Slimbox */
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}
 
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}
 
.lbLoading {
	background: #fff url(/images/template/loading.gif) no-repeat center;
}
 
#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}
 
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
 
#lbPrevLink {
	left: 0;
}
 
#lbPrevLink:hover {
	background: transparent url(/images/template/prevlabel.gif) no-repeat 0 15%;
}
 
#lbNextLink {
	right: 0;
}
 
#lbNextLink:hover {
	background: transparent url(/images/template/nextlabel.gif) no-repeat 100% 15%;
}
 
#lbBottom {
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
 
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/template/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}
 
#lbCaption, #lbNumber {
	margin-right: 71px;
}
 
#lbCaption {
	font-weight: bold;
}