/*
 *
 * Direct Partners - CSS
 *
 */

/*
 * Global Styles
 */
	/* generic elements */
	body {
		font-family: Georgia,
             Palatino,
             "Palatino Linotype",
             Times,
             "Times New Roman",
             serif;
		font-size: .75em;
		color: #174756;
		background-color: #c5d6e1;
		margin: 0;
		padding: 0;
	}
	div, p, h1, h2, h3, h4, h5, h6, ul, li, form, input {
		margin: 0;
		padding: 0;
		font-weight: normal;
	}
	a {
		color: #174756;
		outline: none;
		text-decoration: none;
	}
	a:visited {
		color: #515151;
	}
	a:hover {
		color: #9e134a;
	}
	a:active {
		outline: none;
	}
	p {
		line-height: 160%;
	}
	object:active, div:active
	{
		outline: none;
	}
	object:focus, div:focus
	{
		-moz-outline-style: none;
	}

	/* site-specific global styles */
	h1#title {
		height: 93px;
		text-indent: -9999px;
		margin-bottom: -20px;
		margin-left: -10px;
	}
	#header {
		margin-top: 30px;
	}
	#header h2 {
		margin-left: 43px;
	}
	#header h2 a {
		display: block;
		width: 537px;
		height: 79px;
		padding: 0;
		background: transparent url(../images/direct-partners-header.jpg) no-repeat 0 0;
		text-indent: -9999px;
	}
	#footer {
		text-align: center;
		position: relative;
		z-index: 9;
		margin: 170px 0 0;
	}
	#footer a {
		margin-right: 30px;
		padding-left: 6px;
		background: transparent url(../images/link-arrow.gif) no-repeat left center;
	}
	#footer p {
		margin: 10px 0 20px;
		color: #515151;
	}
	#background-wrap {
		width:100%;
		display:table;
	}
	#page-wrap {
		width: 1082px;
		margin: 0 auto;
	}
	#container-wrap {
		background: transparent url(../images/page-container-sides.png) repeat-y 0 0;
		position: relative;
	}
	#container-top {
		background: transparent url(../images/page-container-top.png) no-repeat top left;
	}
	#container {
		padding:20px 50px 135px;
		background: transparent url(../images/page-container-bottom.jpg) no-repeat bottom left;
	}
	#content {
		width:738px;
	}
	#main-content {
		
	}
	.error 
	{
		color: #cc0000;
	}
	
	/* nav */
	#nav-pos {
		position: absolute;
		top: -10px;
		right: 39px;
	}
	#nav-wrap {
		list-style: none;
		background: transparent url(../images/nav-background.png) no-repeat right -101px;
		padding-right: 34px;
		overflow: hidden;
	}
	#nav {
		background: transparent url(../images/nav-background.png) no-repeat left top;
		height: 99px;
	}
	#nav ul {
		padding-top: 4px;
		margin: 0 -12px 0 19px;
		display: block;
		overflow: auto;
	}
	#nav li {
		float:left;
		text-indent: -9999px;
		overflow: hidden;
		padding: 0 8px 0 3px;
		background: transparent url(../images/nav-divider.gif) no-repeat top right;
	}
	#nav li.last {
		background-image: none;
		padding-right: 3px;
	}
	#nav li a {
		background: transparent url(../images/nav-buttons.gif) no-repeat 0 0;
		display:block;
		height:26px;
	}
	#nav li#about a {
		width:96px;
	}
	#nav li#about a:hover,
	#nav li#about a.hover {
		background-position: right 0;
	}
	#nav li#services a {
		background-position: 0 -31px;
		width:89px;
	}
	#nav li#services a:hover,
	#nav li#services a.hover {
		background-position: right -31px;
	}
	#nav li#work a {
		background-position: 0 -62px;
		width:96px;
	}
	#nav li#work a:hover,
	#nav li#work a.hover {
		background-position: right -62px;
	}
	#nav li#clients a {
		background-position: 0 -93px;
		width:75px;
	}
	#nav li#clients a:hover,
	#nav li#clients a.hover {
		background-position: right -93px;
	}
	#nav li#blog a {
		background-position: 0 -124px;
		width:60px;
	}
	#nav li#blog a:hover,
	#nav li#blog a.hover {
		background-position: right -124px;
	}
	#nav li#contact a {
		background-position: 0 -155px;
		width:85px;
	}
	#nav li#contact a:hover,
	#nav li#contact a.hover {
		background-position: right -155px;
	}
	
	/* sub-nav */
	#sub-nav-div {
		position: absolute;
		left:436px;
		top:25px;
		display: none;
		overflow: hidden;
	}
	#sub-nav-wrap {
		padding: 0 31px 0 0;
		background: transparent url(../images/sub-nav-background.png) no-repeat right -138px;		
		display: block;
		height: 99px;	
	}
	
	#sub-nav_about-us {			
		margin: 0 0 0 0;
		padding: 13px 0 0 27px;
		list-style: none;
		background: transparent url(../images/sub-nav-background.png) no-repeat left top;		
		top:0;
		left:0;		
		display: none;
		width: 53px;		
		height: 99px;		
	}
	#sub-nav_about-us li {
		float:left;		
		padding: 0 8px 0 3px;		
		background: transparent url(../images/sub-nav-button-divider.gif) no-repeat right top;
		text-indent: -9999px;
		display: none;
	}
	#sub-nav_about-us li.last {
		background-image: none;
		padding-right: 0;
	}
	
	#sub-nav_about-us li a {
		display: block;
		height: 21px;		
		background: transparent url(../images/sub-nav-buttons.gif) no-repeat 0 0;		
	}
	/*
	#sub-nav_about-us li#history a {		
		background-position: left 0;
		width: 103px;
				
	}
	#sub-nav_about-us li#history a:hover,
	#sub-nav_about-us li#history a.hover {
		background-position: right 0;
	}
	*/
	#sub-nav_about-us li#people a {
		background-position: left 0;
		width:100px;
		
	}
	#sub-nav_about-us li#people a:hover,
	#sub-nav_about-us li#people a.hover {
		background-position: right 0;
	}
	
	#sub-nav_about-us li#house a {
		background-position: left -26px;
		width:93px;
		
	}
	#sub-nav_about-us li#house a:hover,
	#sub-nav_about-us li#house a.hover {
		background-position: right -26px;
	}
	
	/* directly relevant */
	#directly-relevant {
		float: right;
		width: 315px;
		margin-right:-313px;
		margin-bottom:-100px;
		display: inline;
		position: relative;
		z-index: 10;
	}
	#directly-relevant .bottom {
		height: 146px;
		background: transparent url(../images/directly-relevant/directly-relevant-bottom.png) no-repeat bottom left;
	}
	#directly-relevant .container {
		background: transparent url(../images/directly-relevant/directly-relevant-top.png) no-repeat top left;
		padding: 55px 0 0;
		width: 315px;
		overflow: hidden;
		color: #174756;
	}
	#directly-relevant h3 {
		text-indent: -9999px;
		margin:0;
		padding:0;
		height:40px;
	}
	#directly-relevant h4 {
		margin: 0;
		text-indent: -9999px;
	}
	#directly-relevant a {
		padding-left: 6px;
		background: transparent url(../images/link-arrow.gif) no-repeat left 0.5em;
	}
	#directly-relevant ul {
		margin-top: 5px;
	}
	#directly-relevant li {
		list-style: none;
		margin-bottom: 14px;
		padding-left: 6px;
		background: transparent url(../images/link-arrow.gif) no-repeat left 5px;
	}
	#directly-relevant li a {
		padding-left: 0;
		background-image: none;
	}
	#directly-relevant a.description {
		float: right;
		margin: 0 14px 10px;
		display: inline;
	}
	#directly-relevant .header {
		padding-bottom: 10px;
		background: transparent url(../images/directly-relevant/directly-relevant-divider.gif) no-repeat center bottom;
	}
	#directly-relevant .header a {
		float: right;
		margin-top: -15px;
		padding-right: 4px;
		display: inline;
	}
	#directly-relevant #dr-block-1 h4 {
		background: transparent url(../images/directly-relevant/directly-relevant-latest-blog-entries.gif) no-repeat left bottom;
		height: 20px;
	}
	#directly-relevant #dr-block-2 h4 {
		background: transparent url(../images/directly-relevant/directly-relevant-case-studies-and-recent-projects.gif) no-repeat left center;
		height: 34px;
	}
	#directly-relevant .content-block {
		background: transparent url(../images/directly-relevant/directly-relevant-inner-container-sides.gif) repeat-y 0 0;
		clear: both;
		margin: 0 30px;
	}
	#directly-relevant .content-block .container-wrap {
		background: transparent url(../images/directly-relevant/directly-relevant-inner-container-top.gif) no-repeat top left;
	}
	#directly-relevant .content-block .container {
		background: transparent url(../images/directly-relevant/directly-relevant-inner-container-bottom.gif) no-repeat bottom left;
		padding:10px 17px 30px;
		width: auto;
	}

 
/*
 * page-specific styles
 */
	/* homepage */
	#default {
		background: #c5d6e1 url(../images/backgrounds/homepage-background.jpg) no-repeat center -28px;
	}
	#default #content {
		margin-top: -60px;
	}
	#default #directly-relevant {
		margin-top: -92px;
	}
	#default #homepage-flash {
		background: transparent url(../images/homepage-flash.jpg) no-repeat 0 0;
		height:601px;
		margin:0 -50px;
	}
	#default #homepage-no-flash {
		background: transparent url(../images/homepage-no-flash.jpg) no-repeat 0 0;
		height: 339px;
		padding: 262px 0 0 514px;
	}
	#default #homepage-features {
		overflow: auto;
	}
	#default .featured-item {
		width: 363px;
		float: left;
		margin: 0 0 10px 10px;
		display:inline;
		line-height: 160%;
	}
	#default .featured-item p {
		margin-bottom: 0.5em;
	}
	#default .featured-item.latest-work,
	#default .featured-item.our-people {
		margin-left: 0;
		clear: left;
	}
	#default .featured-item h3,
	#our-work .featured-item h3 {
		height: 33px;
		text-indent: -9999px;
	}
	#default .featured-item.latest-work h3 {
		background: transparent url(../images/titles/homepage-features-latest-work.png) no-repeat 0 0;
	}
	#default .featured-item.our-people h3 {
		background: transparent url(../images/titles/homepage-features-our-people.png) no-repeat 0 0;
	}
	#default .featured-item.our-philosophy h3 {
		background: transparent url(../images/titles/homepage-features-our-philosophy.png) no-repeat 0 0;
	}
	#default .featured-item .description {
		padding-right: 10px;
	}
	#default .featured-item .description a,
	#our-work .featured-item .description a {
		background: transparent url(../images/link-arrow.gif) no-repeat left 7px;  
		padding-left:8px;
		font-style:italic;
		font-size: 125%;
	}
	#default .featured-item .description h4 {
		font-weight: normal;
		font-size: 165%;
		padding: 12px 0 6px;
	}
	#default .featured-item .featured-image,
	#our-work .featured-item .featured-image,
	#our-people #employees .employee .image
	{
		background-color: Transparent;
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		cursor: pointer;
	}
	#default .featured-item .featured-image .frame
	{
		background: transparent url(../images/frames/frame-363x144.png) no-repeat 0 0;
		width: 363px;
		height: 144px;
		display: block;
	}
	#default #directly-relevant #dr-block-2 h4 {
		background: transparent url(../images/directly-relevant/directly-relevant-client-quotes.gif) no-repeat left center;
		height: 20px;
	}
	
	/* our work */
	#our-work h1#title {
		background: transparent url(../images/titles/our-work.png) no-repeat 0 0;
	}
	#our-work #flash-gallery {
		margin: 0;
	}
	#our-work #flash-gallery h2 {
		width: 180px;
		height: 25px;
		background: transparent url(../images/titles/our-work-featured-work.png) no-repeat 0 0;
		text-indent: -9999px;
		margin: -34px 0 -18px -1px;
	}
	#our-work #background-wrap {
		background: transparent url(../images/backgrounds/our-work-bottom-background.jpg) no-repeat center bottom;
	}
	#our-work #our-work-features {
		overflow: auto;
	}
	#our-work .featured-item {
		width: 239px;
		float: left;
		margin: 0 0 10px 8px;
		display:inline;
		position: relative;
		z-index: 4;
		line-height: 160%;
	}
	#our-work .featured-item p {
		margin-bottom: 0.5em;
	}
	#our-work .featured-item.our-portfolio {
		margin-left: 0;
	}
	#our-work .featured-item.our-portfolio h3 {
		background: transparent url(../images/titles/our-work-features-our-portfolio.png) no-repeat 0 0;
	}
	#our-work .featured-item.our-clients h3 {
		background: transparent url(../images/titles/our-work-features-our-clients.png) no-repeat 0 0;
	}
	#our-work .featured-item.case-studies h3 {
		background: transparent url(../images/titles/our-work-features-case-studies.png) no-repeat 0 0;
	}
	#our-work .featured-item .featured-image .frame
	{
		background: transparent url(../images/frames/frame-239x138.png) no-repeat 0 0;
		width: 239px;
		height: 138px;
		display: block;
	}
	#our-work .featured-item .description {
		padding-top: 10px;
	}
	#our-work #accent {
		position: absolute;
		right: 0;
		bottom: -209px;
		z-index: 2;
		background: transparent url(../images/accents/our-work-accent.jpg) no-repeat 0 0;
		width: 340px;
		height: 445px;
	}
	#our-work #directly-relevant #dr-block-1 h4,
	#services #directly-relevant #dr-block-1 h4,
	#clients #directly-relevant #dr-block-1 h4,
	body.ClientDetails #directly-relevant #dr-block-1 h4 {
		background: transparent url(../images/directly-relevant/directly-relevant-latest-blog-entries.gif) no-repeat left center;
		height: 20px;
	}
	#our-work #directly-relevant #dr-block-2 h4,
	#clients #directly-relevant #dr-block-2 h4,
	body.ClientDetails #directly-relevant #dr-block-2 h4,
	#retargeting #dr-block-2 h4 {
		background: transparent url(../images/directly-relevant/directly-relevant-why-we-work.gif) no-repeat left center;
		height: 20px;
	}
	
	/* gallery */
	#flash-gallery {
		position: relative;
		z-index: 4;
	}
	body.Gallery #container {
		padding: 20px 40px 135px;
	}
	body.Gallery h1#title {
		background: transparent url(../images/titles/our-work.png) no-repeat 0 0;
		margin-bottom: -30px;
	}
	body.Gallery #background-wrap {
		background: transparent url(../images/backgrounds/gallery-background.jpg) no-repeat center bottom;
	}
	body.Gallery #accent {
		position: absolute;
		left: 0;
		bottom: -192px;
		z-index: 2;
		background: transparent url(../images/accents/gallery-accent.jpg) no-repeat 0 0;
		width: 372px;
		height: 506px;
	}
	body.Gallery #gallery-wrap {
		position:relative;
		z-index: 4;
	}
	body.Gallery h5 {
		text-indent: -9999px;
		background: transparent url(../images/gallery/choose-client.png) no-repeat 0 0;
		float: left;
		width: 147px;
		height: 20px;
		margin-top: 3px;
	}
	body.Gallery #gallery-selector {
		width: 385px;
		margin: 0 auto;
	}
	span.select {
		position: absolute;
		width: 179px; /* With the padding included, the width is 223 pixels: the actual width of the image. */
		height: 35px;
		padding: 0 24px 0 20px;
		color: #20363f;
		background: transparent url(/images/gallery/gallery-select-list.gif) no-repeat 0 0;
		overflow: hidden;
		font-size: 140%;
		line-height: 28px;
	}
	select.styled {
		height: 27px;
		margin: 0 8px;
	}
	
	/* our house*/
	#our-house h1#title {
		background: transparent url(../images/titles/about-us.png) no-repeat 0 0;
	}
	
	/* about us */
	#about-us {
		background: #c5d6e1 url(../images/backgrounds/about-us-background.jpg) no-repeat center 212px;
	}
	#about-us #content-background {
		background: transparent url(../images/backgrounds/about-us-content-background.jpg) no-repeat 0 0;
		margin:10px 0 0 -50px;
		padding:376px 0 42px 282px;
	}
	#about-us h1#title {
		background: transparent url(../images/titles/about-us.png) no-repeat 0 0;
	}
	#about-us #main-content h3 {
		font-size: 210%;
	}
	#about-us #main-content p {
		margin-top: 10px;
	}
	#about-us #accent {
		position: absolute; 
		bottom: -167px; 
		left: 0px;
		z-index: 2;
		background: transparent url(../images/accents/about-us-accent.jpg) no-repeat 0 0;
		width: 404px;
		height: 346px;
	}
	#about-us #directly-relevant #dr-block-1 h4 {
		background: transparent url(../images/directly-relevant/directly-relevant-culturally-speaking.gif) no-repeat left center;
		height: 20px;
	}
	#about-us #directly-relevant #dr-block-2 h4 {
		background: transparent url(../images/directly-relevant/directly-relevant-dp-slivers.gif) no-repeat left center;
		height: 20px;
	}
   
    /* services page */
	#services h1#title {
		background: transparent url(../images/titles/services.png) no-repeat 0 0;
	}
	#services #main-content h3 {
		font-size: 210%;
		margin-bottom: 0.4em;
	}
	#services #main-content p {
		margin-bottom: 0.5em;
	}
	#services #directly-relevant #dr-block-2 h4 {
		background: transparent url(../images/directly-relevant/directly-relevant-service-stats.gif) no-repeat left center;
		height: 20px;
	}
	/* services page A-tag format */
	#services #main-content a {
		cursor: default;
	}
	#services #main-content .services-sub-sections a,
	#clients #main-content .tooltip-wrap .tooltip li a {
		background: transparent url(../images/link-arrow.gif) no-repeat left 6px;  
		padding-left:6px;
		display:block;
		font-style:italic;
		float:left;
		font-size:1.25em;
	}
	/* services page sub sections layout */
    #services #main-content .services-sub-sections    {
        background-repeat:no-repeat;
        background-position: 50px 50px;
        width:356px;
        height:252px;
        float:left;
        background-color:Transparent;

        z-index: 4;
    }
    /* services page headers layout */
     #services #main-content .services-headers {
         float:left;
         clear:right;
         background-repeat:no-repeat;
         background-position: 0 0;
         width: 356px;
         height:28px;
         text-indent: -4000px;
         margin: 12px 0 0 0;
         background-color:Transparent;
         overflow: hidden;
     }
     
	#services #services-list {
		position: relative;
		z-index: 12;
	}
     
      /* services Dividers */
    
     #services .vertical-divider {
         width:9px; 
         height:252px; 
         float:left;
         background: transparent url(../images/services/services-right-divider.png) no-repeat 0 0;
         padding-right:15px;
     }
     
     #services .horizontal-divider {
         width:736px; 
         height:15px; 
         float:left;
         background: transparent url(../images/services/services-bottom-divider.png) no-repeat 0 0;
     }
     
     #services #accent {
		position: absolute; 
		bottom: -127px; 
		right: 40px;
		z-index: 2;
		background: transparent url(../images/accents/services-bottom-accent.jpg) no-repeat 0 0;
		width: 508px;
		height: 341px;
	}
	
	/* Services tool-tip CSS*/
	
	#services .tooltip-wrap {
		width:341px;
		display:none;
		z-index:12;
		background: transparent url(../images/tool-tip/tooltip-bottom.png) no-repeat center bottom;
		padding-bottom: 70px;
	}
	#services .tooltip {
		background: transparent url(../images/tool-tip/tooltip.png) no-repeat center top;
	}
	#services .tooltip-wrap .tooltip-inner {
		background: transparent url(../images/tool-tip/pop-up-arrow.png) no-repeat 9px 25px;
		padding: 15px 52px 10px 60px;
	}
	#services .tooltip-wrap .tooltip h4 {
		color: #208391;
		font-size: 200%;
		padding-bottom: 16px;
		background: transparent url(../images/tool-tip/tool-tip-desc-bar.gif) no-repeat -6px bottom;
	}
	#services .tooltip-wrap .tooltip li {
		list-style: none;
	}
	#services #main-content .tooltip-wrap .tooltip li a {
		float: none;
	}
	
	 /* END Services tool-tip CSS*/
	
	/*  Services Bookmark Section

     #services div#content #main-content #services-bookmark      {
         width:278px;
         height:99px;
         position:absolute;
         top: -109px;
         left: 791px;?
        
    }
    
       #services div#content #main-content #services-bookmark ul      {
         width:278px;
         height:99px;
         position:relative;
         top: 0;
         left: 0;
         background: transparent url(../images/services/bookmark-this-bkg.jpg) no-repeat 0 0;
         list-style:none;
         margin:0;
         padding:0;
    }
      #services div#content #main-content #services-bookmark ul  li:first    {
         position:absolute;
         top:0;
         left:0;
         margin:0;
         padding:0;
         width:130px;
         height:99px;
     }
      #services div#content #main-content #services-bookmark ul  li    {
         position:absolute;
         top:0;
         left:130px;
         margin:0;
         padding:0;
         width:148px;
         height:99px;
         text-indent:-4999px;
     }
      #services div#content #main-content  #services-bookmark ul  li  a {
      display:block;
      height:99px;
      width:148px;
      background:none;
      margin:0;
      padding:0;
	
     }
     #services div#content #main-content  #services-bookmark ul  li  a:hover {
      background:transparent url(../images/services/bookmark-this-bkg.jpg) no-repeat scroll -130px -99px;
      display:block;
      height:99px;
      width:148px;     
      margin:0;
      padding:0;
	
     }
    */
    
	/* clients */
	#clients h1#title {
		background: transparent url(../images/titles/clients.png) no-repeat 0 0;
	}
	#clients #clients-list {
		
		overflow: auto;
	}
	#clients #clients-list .client {
		width: 178px;
		float: left;
		margin: 0 6px 17px 0;
		display:inline;
	}
	#clients #clients-list .client a {
		cursor: pointer;
	}
	#clients #clients-list .client a, 
	#clients #clients-list .client div {
		background-color: white;
		background-repeat: no-repeat;
		background-position: center center;
		display: block;
	}
	#clients #clients-list .client .frame
	{
		background: transparent url(../images/frames/frame-178x106.png) no-repeat 0 0;
		width: 178px;
		height: 106px;
		display: block;
		text-indent: -9999px;
	}
	#clients #clients-list .client a .frame
	{
		background: transparent url(../images/frames/frame-178x106-eye.png) no-repeat 0 0;
	}
	/* Clients tool-tip CSS*/
	
	#clients .tooltip-wrap {
		width:341px;
		display:none;
		z-index:12;
		padding-bottom: 70px;
		background: transparent url(../images/tool-tip/tooltip-bottom.png) no-repeat center bottom;
	}
	#clients .tooltip {
		background: transparent url(../images/tool-tip/tooltip.png) no-repeat center top;
	}
	#clients .tooltip-wrap .tooltip-inner {
		background: transparent url(../images/tool-tip/pop-up-arrow.png) no-repeat 9px 25px;
		padding: 15px 52px 10px 60px;
	}
	#clients .tooltip-wrap .tooltip h4 {
		color: #208391;
		font-size: 200%;
		padding-bottom: 16px;
		background: transparent url(../images/tool-tip/tool-tip-desc-bar.gif) no-repeat -6px bottom;
	}
	#clients .tooltip-wrap .tooltip li {
		list-style: none;
	}
	#clients #main-content .tooltip-wrap .tooltip li a {
		float: none;
	}
	#clients #accent,
	#clients #accent2 {
		position: absolute; 
		bottom: 105px; 
		right: 0;
		z-index: 2;
		background: transparent url(../images/accents/clients-accent.jpg) no-repeat right top;
		width: 229px;
		height: 145px;
	}
	#clients #accent2 {
		bottom: -170px; 
		background-position: 0 -145px;
		width: 750px;
		height: 275px;
	}
	
	
	
	/*Client Details*/
	body.ClientDetails h1#title {
		background: transparent url(../images/titles/clients.png) no-repeat 0 0;
	}
	.ClientDetails #client-details-wrap {
		position: relative;
		z-index: 4;
		margin-bottom: 47px;
		overflow: auto;
	}
	.ClientDetails #flash-gallery {
		margin: 0;
	}
	.ClientDetails div#content #clientDetailBlock h4 {
		text-align: center;
		margin: 10px 0;
	}
	.ClientDetails div#content #clientDetailBlock.content-block {
		background: transparent url(../images/clients/client-details-container-sides.png) repeat-y 0 0;
	    margin-top:15px;
		float:left;
		display:inline;
		width:243px;
	}
	.ClientDetails div#content #clientDetailBlock.content-block  .container-wrap {
		background: transparent url(../images/clients/client-details-container-top.png) no-repeat top left;
	}
	.ClientDetails div#content #clientDetailBlock.content-block .container {
		background: transparent url(../images/clients/client-details-container-bottom.png) no-repeat bottom left;
		padding: 10px 17px 50px;
	}
	.ClientDetails div#content #clientDetailBlock ul {
		margin-top: 5px;
	}
	.ClientDetails div#content li {
		list-style: none;
		margin-bottom: 7px;
	
	}
	.ClientDetails #clientDetailBlock li a {
		font-size: 120%;
		font-style: normal;
		padding-left: 6px;
		background: transparent url(../images/link-arrow.gif) no-repeat left center;
	}
	.ClientDetails div#content #clientDetailBlock .divider {
		background: transparent url(../images/clients/client-details-container-hr.png) no-repeat center bottom;
		width:208px;
		height:15px;
	}
	
	.ClientDetails div#content #flash-gallery {
	    float:left;
	    display:block;
	    /*overflow:hidden;*/
	    width:736px;
	    height:383px;
	}
	
	.ClientDetails div#content .ClientDetailsDescriptions {
	    width: 455px;
	    min-height:254px;
	    float:left;
	    display:inline;
	    margin-left:15px;
	}
	.ClientDetails div#content .ClientDetailsDescriptions p:first-child {
		font-size: 140%;
		font-weight: bold;
		line-height: 140%;
	}
	
	.ClientDetails #client-details-wrap h4.title {
        width: 470px;
        float:left;
        display:inline;
        margin-bottom:-25px;
        font-size:180%;
        color:#456d83;
	}
	
		.ClientDetails div#content .ClientDetailsDescriptions p {
	        width: 470px;
	        float:left;
	        display:inline;
	        margin-top: 15px;
	        font-size:110%;
	        color:#456d83;
	
	}
	
		.ClientDetails #accent {
		position: absolute; 
		bottom: -192px; 
		left: 0px;
		z-index: 1;
		background: transparent url(../images/accents/client-details-accent.jpg) no-repeat 0 0;
		width: 710px;
		height: 376px;
	}
	

	

	
	
	/* contact */
	#contact #background-wrap,#clients #background-wrap {
		background: transparent url(../images/backgrounds/contact-bottom-background.jpg) no-repeat center bottom;
	}
	#contact h1#title {
		background: transparent url(../images/titles/contact.png) no-repeat 0 0;
		margin-bottom: -37px;
	}
	#contact #main-content p {
		font-size: 141%;
	}
	#contact #contact-form {
		margin-top: 20px;
		width: 55%;
		position: relative;
		z-index: 4;
	}
	#contact label {
		font-size: 125%;
	}
	#contact input,
	#contact textarea,
	#contact select {
		width: 100%;
		height: 1.5em;
		font-size: 120%;
		border: 1px solid #9cb7c9;
		border-bottom: 1px solid #bbcfdb;
		border-top: 1px solid #4f7492;
		border-left: 1px solid #9cb7c9;
		border-right: 1px solid #9cb7c9;
		background-color: #e8eff3;
		margin-bottom: 12px;
	}
	#contact input.submit {
		background: transparent url(../images/buttons/contact-submit.png) no-repeat 0 0;
		width: 113px;
		height: 72px;
		margin-left:-7px;
		border: 0;
		text-indent: -9999px;
		cursor: pointer;
	}	
    	#contact input.submit_hover {
		background: transparent url(../images/buttons/contact-submit-hover.png) no-repeat 0 0;
		width: 113px;
		height: 72px;
		margin-left:-7px;
		border: 0;
		text-indent: -9999px;
		cursor: pointer;
	}
	
	#contact #accent {
		position: absolute; 
		bottom: -170px; 
		right: 0;
		z-index: 2;
		background: transparent url(../images/accents/contact-accent.jpg) no-repeat 0 0;
		width: 750px;
		height: 420px;
	}
	#contact #directly-relevant {
		font-size: 125%;
	}
	#contact #directly-relevant #dr-block-1 h4 {
		background: transparent url(../images/directly-relevant/directly-relevant-los-angeles.gif) no-repeat left bottom;
		height: 20px;
	}
	#contact #directly-relevant #dr-block-2 h4 {
		background: transparent url(../images/directly-relevant/directly-relevant-san-francisco.gif) no-repeat left center;
		height: 20px;
	}

	/* our people */
	#our-people #background-wrap {
		background: transparent url(../images/backgrounds/our-people-bottom-background.jpg) no-repeat center bottom;
	}
	#our-people h1#title {
		background: transparent url(../images/titles/our-people.png) no-repeat 0 0;
	}
	#our-people #employees {
		overflow: auto;
		position: relative;
		z-index: 4;
	}
	#our-people #employees .employee {
		width: 140px;
		float: left;
		margin: 0 7px 17px 0;
		display:inline;
	}
	#our-people #employees .employee a:hover {
		background-position: 0 -94px;
	}
	#our-people #employees .employee .frame
	{
		background: transparent url(../images/frames/frame-140x94.png) no-repeat 0 0;
		width: 140px;
		height: 94px;
		display: block;
		text-indent: -9999px;
	}
	#our-people #accent,
	#our-people #accent2 {
		position: absolute; 
		bottom: 105px; 
		left: 0;
		z-index: 2;
		background: transparent url(../images/accents/our-people-accent.jpg) no-repeat 0 0;
		width: 45px;
		height: 73px;
	}
	#our-people #accent2 {
		bottom: -179px;
		width: 466px;
		height: 284px;
		background-position: 0 -73px;
	}
	#our-people #directly-relevant #dr-block-1 h4,
	body.EmployeeDetails #directly-relevant #dr-block-1 h4 {
		background: transparent url(../images/directly-relevant/directly-relevant-who-am-i.gif) no-repeat left center;
		height: 20px;
	}
	#our-people #directly-relevant #dr-block-2 h4,
	body.EmployeeDetails #directly-relevant #dr-block-2 h4 {
		background: transparent url(../images/directly-relevant/directly-relevant-the-team.gif) no-repeat left center;
		height: 20px;
	}
	
	/* employee details */
	body.EmployeeDetails #container h1#title {
		background: transparent url(../images/titles/our-people.png) no-repeat 0 0;
	}
	#employee-details-content {
		position: relative;
		z-index: 4;
	}
	body.EmployeeDetails #background-wrap {
		background: transparent url(../images/backgrounds/employee-details-bottom-background.jpg) no-repeat center bottom;
	}
	body.EmployeeDetails #main-content h1 {
		font-size: 225%;
		margin: 0 0 10px 6px;
	}
	body.EmployeeDetails .image {
		background-color: Transparent;
		background-repeat: no-repeat;
		background-position: 0 0;
		float: left;
		margin-right: 8px;
		display:inline;
	}
	body.EmployeeDetails .image .frame {
		background: transparent url(../images/frames/frame-241x531.png) no-repeat 0 0;
		width: 241px;
		height: 531px;
		display: block;
	}
	body.EmployeeDetails #employee-info {
		float: left;
		width: 487px;
		min-height:665px;
		height:auto !important;
		height:665px;
	}
	body.EmployeeDetails #employee-info .info-item {
		width: 232px;
		height: 205px;
		float: left;
		padding-left: 6px;
		display: inline;
		background-repeat: no-repeat;
	}
	body.EmployeeDetails #employee-info .info-item.short {
		height: 157px;
	}
	body.EmployeeDetails #employee-info .info-item p {
		text-indent: -9999px;
	}
	body.EmployeeDetails #employee-info .info-item h3,
	body.EmployeeDetails #employee-info #dream h3 {
		font-size: 125%;
		font-weight: bold;
		color: #174756;
	}
	body.EmployeeDetails #employee-info .info-item .month-image {
		margin: 0 0 -4px 22px;
	}
	body.EmployeeDetails #employee-info .info-item .year-image {
		margin-left: 15px;
	}
	body.EmployeeDetails #employee-info .vertical-divider {
		width: 8px;
		height: 205px;
		float: left;
		background: transparent url(../images/our-people/employee-details-vertical-divider.gif) no-repeat 0 0;
	}
	body.EmployeeDetails #employee-info .vertical-divider.short {
		height: 157px;
		background: transparent url(../images/our-people/employee-details-vertical-divider-short.gif) no-repeat 0 0;
	}
	body.EmployeeDetails #employee-info .horizontal-divider {
		width: 100%;
		height: 15px;
		float: left;
		background: transparent url(../images/our-people/employee-details-horizontal-divider.gif) no-repeat 0 0;
	}
	body.EmployeeDetails #accent {
		position: absolute; 
		bottom: -138px; 
		left: 0;
		z-index: 2;
		background: transparent url(../images/accents/employee-details-accent.jpg) no-repeat 0 0;
		width: 452px;
		height: 402px;
	}
	body.EmployeeDetails #media-consumption-graph {
		position: relative;
		height: 140px;
		background: transparent url(../images/our-people/charts/media-consumption-background.png) no-repeat center bottom;
	}
	body.EmployeeDetails #media-consumption-graph .graph-item 
	{
		position: absolute;
		bottom: 12px;
		padding-bottom: 40px;
		width: 94px;
	}
	body.EmployeeDetails #media-consumption-graph #news-mag {
		background: transparent url(../images/our-people/charts/blue-bar-bottom.png) no-repeat center bottom;
		left: -6px;
	}
	body.EmployeeDetails #media-consumption-graph #news-mag .bar {
		background: transparent url(../images/our-people/charts/blue-bar.png) no-repeat center top;
		height: 8px;
		overflow: hidden;
	}
	body.EmployeeDetails #media-consumption-graph #tv-radio {
		background: transparent url(../images/our-people/charts/red-bar-bottom.png) no-repeat center bottom;
		left: 69px;
	}
	body.EmployeeDetails #media-consumption-graph #tv-radio .bar {
		background: transparent url(../images/our-people/charts/red-bar.png) no-repeat center top;
		height: 8px;
		overflow: hidden;
	}
	body.EmployeeDetails #media-consumption-graph #internet {
		background: transparent url(../images/our-people/charts/striped-bar-bottom.png) no-repeat center bottom;
		right: -10px;
	}
	body.EmployeeDetails #media-consumption-graph #internet .bar {
		background: transparent url(../images/our-people/charts/striped-bar.png) no-repeat center top;
		height: 8px;
		overflow: hidden;
	}
	body.EmployeeDetails #employee-info #dream h3 {
		margin: 5px 0 0 10px;
	}
	body.EmployeeDetails #employee-info #dream .bubble-wrap {
		background: transparent url(../images/our-people/dream-bubble-bottom.jpg) no-repeat center bottom;
		padding-bottom: 34px;
		margin:5px -6px 0;
	}
	body.EmployeeDetails #employee-info #dream .bubble {
		background: transparent url(../images/our-people/dream-bubble.jpg) no-repeat center top;
		padding:10px 34px;
		color: #ffffff;
		font-style: italic;
		font-size: 125%;
	}
	body.EmployeeDetails #employee-info #biography {
		margin: 2px 0 28px 10px;
	}
	body.EmployeeDetails #employee-info #biography .question {
		font-weight: bold;
		font-size: 125%;
	}
	body.EmployeeDetails #employee-info #biography .answer {
		line-height: 130%;
		margin-bottom: 1.4em;
	}
	
	/*Precice Demo*/
		
	#precice-demo .precice-demo-list:after
	{
	    content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
	}
	#precice-demo .precice-demo-list
	{
	    list-style-type:none;
	    *clear:both;
	    *zoom:1;
	}
	#precice-demo .precice-demo-list li
	{
	    float:left; padding:1px;
	}
	
	/*Fetchback retargeting page*/
	
	#retargeting h2
	{
	    margin-top:15px; margin-bottom:10px;
	}
	
	#retargeting #main-content img
	{
	    display:block; margin: 15px 0;
	}
	
	#retargeting #main-content ul
	{
	    padding-left:15px;
	}
	
	#retargeting #main-content ul li
	{
	    padding:3px 0;
	}
	
	#retargeting #fetchback-logo
	{
	    float:right; margin:0;
	}