* { margin:0px; padding:0px;}
body { background:#ecedeb; }

body, p, td { font-size:14px; line-height:18px; color:#333; font-family:Arial, Helvetica, sans-serif; } 
h1 { }
h2 { }
h3 { color:#db0075; }
	h3 span { display:none; }
h4 { font-weight:normal; color:#666666; text-transform:none; }
h5{ color:#333333; }

p { margin-bottom:15px; font-size:14px; line-height:18px;}
a { text-decoration:none;  color:#db0075; cursor:pointer; }
a:hover { color:#db0075; }
a:focus{ outline:none;}

.document_container { width:940px; padding:35px 20px; }
.pink_line { display:block; clear:both; height:8px; width:100%; background:#db0075; } 
.pink{ color:#db0075; }
.small-grey-box{ display:block; width:140px; height:140px; background:url('../../images/greybox-small.png') no-repeat; }
.speechbubble, .speechbubble-on{ display:block; background:url('../../images/sprite_speechbubbles.gif') no-repeat; width:20px; height:18px; }
	.speechbubble:hover, .speechbubble-on{ background-position:-20px 0px; }
	
.smallest {font-size:10px; line-height:14px; }
.smaller { font-size:12px; line-height:16px; }
.larger { font-size:18px; line-height:22px; }
.largest { font-size:22px; line-height:26px; }
	
.quote-open, .quote-close { display:block; background:url('../../images/sprite_speechmarks.gif') no-repeat; width:40px; height:35px; }
.quote-close { background-position:-50px 0px; }

.margin-left-r {margin-left:0px;}
.margin-left-sub {margin-left:-20px;}
.margin-left {margin-left:20px;}
.block { display:block;}


#logo { display:block; height:70px; width:180px; background:url('../../images/logo.png') no-repeat; margin:15px 0px 0px 62px;  }
#logo-xmas-2010 { display:block; height:71px; width:210px; background:url('../../images/logo-xmas-2010.png') no-repeat; margin:15px 0px 0px 45px; }
#logo-xmas-2011 { display:block; height:71px; width:254px; background:url('../../images/logo-xmas-2011.png') no-repeat; margin:15px 0px 0px 23px; }

#header { }
	
	#header h4 {  font-size:18px; line-height:20px; }
	#header h4 span { display:block; margin-top:10px; }
	
	#header .coll, #header .colr { margin:18px 0px 32px 0px;}

	#header .coll { width:300px; }
	#header .colr { width:620px; }
		#header .colr .coll { width:460px; margin:0px; padding:0px; }
		#header .colr .colr { width:140px; height:102px; overflow:hidden; margin:0px; padding:0px; }

#navigation { margin-left:-20px; margin-top:0px; }
	#navigation li { float:left; margin-left:20px; width:140px; height:22px; border-top:1px dotted #b4b4b1; line-height:12px; padding-top:5px;  font-size:12px; line-height:16px;}
	#navigation li a { display:block; color:#333333; }
	#navigation li a:hover, #navigation li a.on { display:block; color:#db0075; }

#subnav { }
	#subnav li { list-style:none; margin-left:0px; font-size:12px; line-height:16px; margin-bottom:3px; }
	#subnav li a { display:block; color:#666; }
	#subnav li a:hover,  #subnav li a.on{ color:#db0075; }
	
#breadcrumb { margin:5px 0px 15px 0px;}
#breadcrumb, #breadcrumb a, #breadcrumb a:hover { color:#999999; font-size:11px; line-height:11px; }
	
#footer { margin:20px 0px; background:#f3f3f2; padding:10px 0px; }
	#footer h4, #footer p, #footer ul, #footer li { margin:0px;  }
	#footer, #footer h4, #footer p, #footer ul, #footer li { color:#8d8c8c; font-size:11px; line-height:14px; } 
	#footer a { color:#8d8c8c; text-decoration:underline;}
	#footer .address, #footer .contact, #footer .privacy { float:left; background:url('../../images/sprite_footerimages.png') no-repeat; }
	#footer .address { width:215px; margin-left:10px; background-position:0px -1000px; } 
	#footer .contact { width:238px; padding-left:93px; margin-left:0px; background-position:12px 0px; } 
	#footer .privacy { float:right; width:300px; background-position:237px -90px; } 


.page-content, .page-content-alt { display:block; margin-bottom:20px; }
	.page-content-alt { background:#f4f4f4; padding:30px; /*margin-left:320px;*/ }	
	
	.page-content img, .page-content-text { float:left; width:470px; }
	.page-content div.coll, .page-content div.colr { width:194px; margin-top:5px;   }
	.page-content-alt div.coll { width:270px; }
		.page-content-alt div.coll div.coll, .page-content-alt div.coll div.colr { width:140px; }
	.page-content-alt div.colr { width:590px; }
	
	.page-content-text { width:410px; min-height:560px; padding:30px; margin:0px;   background:#db0075;}	

	.page-content p, 
	.page-content li, 
	.page-content-text h3, 
	.page-content-text h4 
	{ color:#fff; }
	
	.page-content-alt p, 
	.page-content-alt li, 
	.page-content-alt h3, 
	.page-content-alt h4, 
	.page-content-alt h4 a 
	{ color:#666; }
			
	.page-content-text h3, .page-content-alt h3 { height:43px; border-bottom:1px dotted #fff; margin-bottom:7px; background:url('../../images/sprite_titles.png') no-repeat; }		
			h3.who_we_are{ background-position:0px 0px; }
			h3.what_we_believe{ background-position:0px -45px; }
			h3.what_we_do{ background-position:0px -90px; } 
			h3.what_weve_done{ background-position:0px -135px; }
			h3.news{ background-position:0px -180px; }
			h3.privacy{ background-position:0px -225px; }
			h3.copyright{ background-position:0px -270px; }
			h3.contact { background-position:0px -315px; }
			
	.page-content-text h4, .page-content-alt h4, .page-content-alt h5 { display:block; padding-bottom:7px; /*height:25px;*/ font-size:14px; line-height:18px; font-weight:bold; border-bottom:1px dotted #fff; margin-bottom:15px; } 
	.page-content-text p, .page-content-alt p { /*font-size:18px; line-height:22px;*/  }
	.page-content-text ul, .page-content-alt ul { margin-bottom:15px; }
	.page-content-text li, .page-content-alt li { /*font-size:14px;*/ line-height:20px; list-style:outside; margin-left:15px; margin-bottom:7px;  }
	.page-content-text li.nobull, .page-content-alt li.nobull { list-style:none; margin-left:0px;  }
	
	.page-content-alt h3, .page-content-alt h4, .page-content-alt h5 { border-bottom-color:#666; }
	.page-content-alt h4 { margin-top:0px; }
	.page-content-alt h5 { font-size:12px; margin:18px 0px 5px 0px; } 

#home_page { display:block; }
	#home_page ul { display:block; margin-left:-20px; }
	#home_page ul li { display:block; float:left; margin:0px 0px 20px 20px; }
	
	#home_page ul li a { display:block; width:300px; height:300px; background:url('../../images/sprite_home.jpg') no-repeat;  }
	#home_page ul li a span { display:none; }
	
	#home_page ul li a.who_we_are { background-position:0px 0px; }
		#home_page ul li a.who_we_are:hover { background-position:0px -320px; }
	#home_page ul li a.what_we_believe { background-position:-320px 0px; }
		#home_page ul li a.what_we_believe:hover { background-position:-320px -320px; }
	#home_page ul li a.what_we_do { background-position:-640px 0px; }
		#home_page ul li a.what_we_do:hover { background-position:-640px -320px; }
	#home_page ul li a.what_weve_done { background-position:-960px 0px; }
		#home_page ul li a.what_weve_done:hover { background-position:-960px -320px; }
	#home_page ul li a.what_people_say { background-position:-1280px 0px; }
		#home_page ul li a.what_people_say:hover { background-position:-1280px -320px; }
	#home_page ul li a.who_weve_worked_with { background-position:-1600px 0px; }
		#home_page ul li a.who_weve_worked_with:hover { background-position:-1600px -320px; }
	
#client_page { }
	#client_page ul { display:block; margin-left:-20px; }
	#client_page ul li { display:block; float:left; margin:0px 0px 20px 20px; }
	#client_page ul li img{ margin:36px; }
	
#news-scroller { float:left; width:620px; }
	#news-scroller h3 { margin-bottom:5px; font-size:12px; line-height:16px; height:16px; }
	#news-scroller-borders { display:block; border-top:1px dotted #b4b4b1; border-bottom:1px dotted #b4b4b1; padding:0px; width:100%; height:58px; overflow:hidden; /*max-height:30px; overflow:hidden;*/ }
	#news-scroller-borders ul { margin-left:-30px;}
	#news-scroller-borders ul li { /*float:left;*/  font-size:18px; line-height:25px;  margin:4px 0px 7px 30px; color:#666666;  }
	#news-scroller-borders ul li a { display:block; text-decoration:underline; color:#666666; }

#twitter-feed { float:right; width:300px; }
	#twitter-feed h3 { margin-bottom:5px; font-size:12px; line-height:16px; height:16px; background:url('http://oo.openagency.com/images/app/sprites/SocialMediaBookmarkIcon/SocialMediaBookmarkIcon/16/twitter.png') right no-repeat; }
	#twitter-feed a { text-decoration:underline !important; }
	#twitter-feed p { font-size:12px; line-height:16px !important;  margin:4px 0px 7px 0px !important; text-decoration:underline !important;}
	#twitter-feed-borders { display:block; border-top:1px dotted #b4b4b1; border-bottom:1px dotted #b4b4b1; padding:0px; width:100%; height:58px; overflow:hidden; }
	
	.twtr-hd, .twtr-ft { display:none; }
	.twtr-widget .twtr-tweet, .twtr-bd, .twtr-timeline, .twtr-widget .twtr-tweet-wrap { padding:0px !important; border:0px; border-radius:0px !important; }
	
	/*#twitter-feed-borders ul { margin-left:-30px; }
	#twitter-feed-borders ul li { /*float:left;*//*  font-size:18px; line-height:23px;  margin:4px 0px 7px 30px; color:#666666;  }
	#twitter-feed-borders ul li a { display:block; text-decoration:underline; color:#666666; }*/

#quote_slider {  }
	#quote_slider .page-content { max-height:620px; overflow:hidden; }
	#quote_slider .page-content-text h3 { background-image:url('../../images/sprite_quoteheaders2.png'); }
	#quote_slider .page-content-text p.quote  { font-size:27px; line-height:32px; }
	/*#quote_slider .page-content-text p.page-content-reference { font-size:14px; line-height:17px; margin-top:20px; }*/
	
	/*
	#quote_slider .page-content-text h3.quote-header-joy { background-position:0px 0px;  }
	#quote_slider .page-content-text h3.quote-header-great_work { background-position:0px -55px;  }
	#quote_slider .page-content-text h3.quote-header-clued_up { background-position:0px -109px;  }
	#quote_slider .page-content-text h3.quote-header-positive { background-position:0px -164px;  }
	#quote_slider .page-content-text h3.quote-header-great_operators { background-position:0px -219px;  }
	#quote_slider .page-content-text h3.quote-header-strategic_thinkers { background-position:0px -274px;  }
	#quote_slider .page-content-text h3.quote-header-lucky_find { background-position:0px -330px;  }
	#quote_slider .page-content-text h3.quote-header-passionate { background-position:0px -384px;  }
	#quote_slider .page-content-text h3.quote-header-enough_said { background-position:0px -440px;  }
	#quote_slider .page-content-text h3.quote-header-quality_ethos { background-position:0px -494px;  }
	#quote_slider .page-content-text h3.quote-header-razor_sharp { background-position:0px -550px;  }
	#quote_slider .page-content-text h3.quote-header-upbeat { background-position:0px -604px;  }
	#quote_slider .page-content-text h3.quote-header-million_memories { background-position:0px -659px;  }
	*/
	
	#quote_slider .page-content-text h3.quote-header-quality { background-position:0px 0px;  }
	#quote_slider .page-content-text h3.quote-header-brilliant { background-position:0px -86px;  }
	#quote_slider .page-content-text h3.quote-header-smartest { background-position:0px -156px;  }
	#quote_slider .page-content-text h3.quote-header-incredible { background-position:0px -243px;  }
	#quote_slider .page-content-text h3.quote-header-driven { background-position:0px -328px;  }
	#quote_slider .page-content-text h3.quote-header-sharp { background-position:0px -395px;  }
	#quote_slider .page-content-text h3.quote-header-striking { background-position:0px -468px;  }

		
.quotes_nav{ position:absolute; margin:-75px 0px 20px 500px; z-index:1000; display:none; }		
	.quotes_nav a { float:left; margin-right:10px; }

h4.slide-toggle-button { margin:0px 0px 0px 0px; padding:0px; height:auto; line-height:30px; }
	h4.slide-toggle-button:hover { color:#db0075; }
	h4.slide-toggle-button-mod { border-bottom-width:0px; color:#db0075; }
.slide-toggle-container { display:block; padding:15px 0px; border-bottom:1px dotted #666; } 

	.page-content h4.slide-toggle-button:hover { color:#fd56dc; }
	.page-content h4.slide-toggle-button-mod { color:#fff; }
	.page-content .slide-toggle-container { border-bottom:1px dotted #fff; } 

h4.newsheaderlink { /*color:#999; text-decoration:underline;*/ line-height:normal; margin-top:5px; }		
	h4.newsheaderlink span{ /*color:#666;*/ text-decoration:none; margin:2px 0px 5px 0px; font-weight:normal; }		

		
#new-report{ margin-bottom:3px; }
	#new-report h3, #new-report p{ display:inline; font-size:11px; line-height:14px; margin:0; }		
	#new-report h3:after{ content:': '; }
	#new-report a, #new-report a:hover{ font-style:italic; text-decoration:underline; color:#b2b2b2; }