@charset "utf-8";

/*  [General]
=============================================================================================================================================================*/
	body,div,dl,form,h1,h2,h3,input,li,ol,p,textarea,ul				
	{ 
		margin: 0; 
		padding: 0; 
	}
			
	body
	{ 
		background: #4c4c4c url('images/background_body.gif') repeat-y top center;
		min-height: 1100px;
		width: 100%;
	}
	
	.clear 						
	{ clear: both; }
	
	:focus 
	{ outline: 0; }
	
	html
	{ 
		background: #4c4c4c;
		height: 100%;
		width: 100%;
	}
	
	img 						
	{ border: 0; }

/*  [Container]
=============================================================================================================================================================*/
	#container 					
	{ 
		background: url("images/background_container.gif") repeat-y;
		margin: 0 auto;
		min-height: 1100px;
		width: 852px;
	}	

/*  [Navigation]
=============================================================================================================================================================*/
	#contact_info
	{
		margin: 25px 0 0 50px;
		text-transform: uppercase;
	}
	
	#contact_info em
	{
		color: #ededed;
		font-style: normal;
	}
	
	#copyright
	{
		color: #666;
		line-height: normal; 
		margin-top: 75px;
		text-align: center;
	}
	
	#navigation
	{ 
		color: #b2b2b2;
		float: left;
		font: normal 10px/24px Arial, Helvetica, sans-serif;
		height: 100%;
		padding-top: 45px;
		width: 312px;
	}
	
	#navigation a 
	{
		color: #b2b2b2;
		text-decoration: none;
	}
	
	#navigation a:hover
	{ color: #fff; }
	
	#navigation li
	{ padding-left: 15px; }
	
	#navigation ul
	{
		list-style: none;
		margin: 40px 0 0 37px;
		text-transform: uppercase;
	}
	
	#navigation ul ul
	{ margin: 0 0 0 0; }
	
	#navigation ul ul ul
	{ text-transform: none; }
	
	#social_links
	{ margin: 5px 0 0 47px; }
		#social_links img
		{ padding: 3px; }

/*  Sticky Navigation Effect - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	#home .home, #conversion_enhancement .what_we_do, #prospect_generation .what_we_do, #research_services .what_we_do, #description .company, #tom_dearden .management,
	#paul_reddy .management, #kristine_rasmussen .management, #rick_bentz .management, #misty_frost .management, #jeff_adams .management, #kimball_carter .management, #deborah_richman .management,
	#news_events .company, #culture_values .careers, #opportunities .careers, #press_release .company
	{ background: url("images/stickynav_big.gif") no-repeat 0 8px; }
	
	#conversion_enhancement .conversion_enhancement, #prospect_generation .prospect_generation, #research_services .research_services, #description .description, #tom_dearden .tom_dearden,
	#paul_reddy .paul_reddy, #kristine_rasmussen .kristine_rasmussen, #rick_bentz .rick_bentz, #misty_frost .misty_frost, #jeff_adams .jeff_adams, #kimball_carter .kimball_carter, #deborah_richman .deborah_richman,
	#news_events .news_events, #culture_values .culture_values, #opportunities .opportunities, #press_release .news_events
	{ background: url("images/stickynav_small.gif") no-repeat 0 10px; }
		
	#home .home a, #conversion_enhancement .conversion_enhancement a, #prospect_generation .prospect_generation a, #research_services .research_services a, #description .description a, 
	#tom_dearden .tom_dearden a, #paul_reddy .paul_reddy a, #kristine_rasmussen .kristine_rasmussen a, #rick_bentz .rick_bentz a, #misty_frost .misty_frost a, 
	#jeff_adams .jeff_adams a, #kimball_carter .kimball_carter a, #deborah_richman .deborah_richman a, #news_events .news_events a, #culture_values .culture_values a, #opportunities .opportunities a, 
	#press_release .news_events a
	{ color: #fff; }

/*  [Content]
=============================================================================================================================================================*/
	a.map_link
	{
		color: #f89828;
		display: block;
		font: bold 13px/14px Arial, Helvetica, sans-serif;
		text-decoration: none;
		text-transform: uppercase;
		
		position: absolute;
		top: 65px;
		left: 15px;
	}
	
	a.map_link:hover
	{ border-bottom: 1px solid #f89828; }
	
	a.map_link span
	{ 
		position: relative; 
		top: -2px;
	}
	
	#additional_navigation
	{
		background: #b2b2b2;
		color: #333;
		font: normal 9px/20px Arial, Helvetica, sans-serif;
		height: 20px;
		list-style: none;
		text-transform: uppercase;
		width: 100%;
	}
	
	#additional_navigation a
	{
		color: #333;
		text-decoration: none;
	}
	
	#additional_navigation a:hover
	{ color: #fff; }
	
	#additional_navigation li
	{
		display: block;
		float: right;
		margin: 0 10px 0 5px;
	}
	
	#banner
	{ 
		margin: 0 0 30px 1px;
		
		position: relative; 
	}
	
	#breadcrumb
	{
		color: #333;
		display: block;
		font: normal 10px/10px Arial, Helvetica, sans-serif;
		margin: 10px 0 15px 20px;
	}
	
	#breadcrumb a
	{ 
		color: #333;
		text-decoration: none;
	}
	
	#breadcrumb a:hover
	{ border-bottom: 1px solid #333; }
		
	#breadcrumb em
	{ 
		color: #8c8a8a; 
		font-style: normal;
	}
	
	#contact #content h3
	{ margin-bottom: 0px;	}
	
	#content
	{
		float: left;
		height: 100%;
		padding-bottom: 50px;
		width: 540px;
		
		position: relative;
	}
	
	#content a.copy_link
	{
		color: #f89828;
		font: bold 13px/14px Arial, Helvetica, sans-serif;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#content a.copy_link:hover
	{ border-bottom: 1px solid #f89828; }
	
	#content a.copy_link span
	{ 
		position: relative; 
		top: -2px;
	}
	
	#content dd
	{
		float: right;
		padding-right: 10px;
		width: 180px;
	}
	
	#content dl
	{
		color: #727272;
		border-bottom: 1px solid #f89828;
		font: normal 13px/18px Arial, Helvetica, sans-serif;
		margin: 5px 0 5px 130px;
		padding: 5px 0 5px 0;	
		width: 390px;	
		
		position: relative;
	}
	
	#content dt
	{ 
		float: left;
		font-weight: bold; 
		width: 160px;
	}
	
	#content h1
	{
		background: url("images/text_Data-DrivenMarketing.gif") no-repeat;
		height: 7px;
		margin: 30px 0 0 20px;
		text-indent: -9999px;
		width: 227px;
	}
	
	#content h3
	{
		color: #f89828;
		font: bold 13px/14px Arial, Helvetica, sans-serif;
		margin: 10px 0;
		padding-left: 130px;
		text-transform: uppercase;
	}
	
	#content h4
	{
		color: #7e8083;
		font: bold 13px/14px Arial, Helvetica, sans-serif;
		margin: 10px 0;
		padding-left: 130px;
		text-transform: uppercase;
	}
	
	#content p
	{
		color: #727272;
		font: normal 15px/22px Arial, Helvetica, sans-serif;
		margin-bottom: 20px;
		padding-left: 130px;
		padding-right: 20px;
		
		position: relative;
	}
	
	#content p#pullquote
	{
		color: #f89828;
		font: bold 16px/20px Arial, Helvetica, sans-serif;
		width: 110px;
		
		float: left;
		position: absolute;
		top: 303px;
		left: -120px;
	}
	
	#content p#pullquote span
	{
		color: #000;
		display: block;
		font: bold 11px/15px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}
	
	#content p.footnote
	{ font: normal 11px/13px Arial, Helvetica, sans-serif; }
	
	#content p.note
	{ font: normal 13px/14px Arial, Helvetica, sans-serif; }
			
	#content ul.content_list
	{
		color: #f89828;
		font: normal 15px/22px Arial, Helvetica, sans-serif;
		margin-top: -20px;
		margin-bottom: 20px;
		padding-left: 145px;
		
		position: relative;
	}
	
	#content ul.content_list span
	{ color: #727272; }
	
	#counter
	{ 
		background: url("images/background_counter.gif") no-repeat 0 -22px;
		list-style-type: none;
		width: 538px;
		
		position: absolute;
		bottom: 0px;
		left: 0; 
	}
	
	#counter li
	{ 
		border-right: 4px solid #7f7f7f;
		cursor: pointer;
		float: left;
		height: 22px;
		text-indent: -9999px;
		width: 22px;
	}
		#link_1
		{ background: url("images/counter.gif") no-repeat 0 -22px; }
		
		#link_2
		{ background: url("images/counter.gif") no-repeat -22px 0; }
		
		#link_3
		{ background: url("images/counter.gif") no-repeat -44px 0; }
		
		#link_4
		{ background: url("images/counter.gif") no-repeat -66px 0; }
	
	.divider
	{ 
		display: block;
		margin: -10px 0 15px 0;
		padding-left: 130px; 
	}
	
	img.map_link
	{
		position: absolute;
		top: -12px;
		left: 15px;
	}
	
	#press_release #content p, #press_release #content h3, #press_release .divider  
	{ padding-left: 140px; }
	
	#pullquote img
	{
		cursor: pointer;
		padding: 5px 5px 10px 5px;
	}
	
	#pullquote span
	{ padding-top: 10px; }
		
	sup
	{ font-size: 8px; }
	
	table
	{
		color: #727272;
		font: normal 15px/22px Arial, Helvetica, sans-serif;
		padding-left: 130px;
	}
	
	#white_paper #content p, #white_paper #content h3, #white_paper #content h4, #white_paper .divider  
	{ padding-left: 160px; }
	
	#white_paper #content p#pullquote
	{
		color: #f89828;
		font: bold 16px/20px Arial, Helvetica, sans-serif;
		width: 130px;
		
		position: absolute;
		top: 240px;
		left: -140px;
	}

/*  Executive Bio Headers - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

	#jeff_adams h2
	{
		background: url("images/header_JeffAdams.png") no-repeat;
		height: 205px;
		margin: 0 0 15px 1px;
		text-indent: -9999px;
		width: 538px;
	}
	
	#kimball_carter h2
	{
		background: url("images/header_KimballCarter.png") no-repeat;
		height: 205px;
		margin: 0 0 15px 1px;
		text-indent: -9999px;
		width: 538px;
	}
	
	#kristine_rasmussen h2
	{
		background: url("images/header_KristineRasmussen.png") no-repeat;
		height: 205px;
		margin: 0 0 15px 1px;
		text-indent: -9999px;
		width: 538px;
	}
	
	#misty_frost h2
	{
		background: url("images/header_MistyFrost.png") no-repeat;
		height: 205px;
		margin: 0 0 15px 1px;
		text-indent: -9999px;
		width: 538px;
	}
	
	#paul_reddy h2
	{
		background: url("images/header_PaulReddy.png") no-repeat;
		height: 205px;
		margin: 0 0 15px 1px;
		text-indent: -9999px;
		width: 538px;
	}
	
	#rick_bentz h2
	{
		background: url("images/header_RickBentz.png") no-repeat;
		height: 205px;
		margin: 0 0 15px 1px;
		text-indent: -9999px;
		width: 538px;
	}
	
	#tom_dearden h2
	{
		background: url("images/header_TomDearden.png") no-repeat;
		height: 205px;
		margin: 0 0 15px 1px;
		text-indent: -9999px;
		width: 538px;
	}
	
	#deborah_richman h2
	{
		background: url("images/header_DeborahRichman.png") no-repeat;
		height: 205px;
		margin: 0 0 15px 1px;
		text-indent: -9999px;
		width: 538px;
	}

/*  Page Headers - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/		
	#contact h2
	{
		background: url("images/text_WeWantToHear.gif") no-repeat;
		height: 80px;
		margin: 0 0 15px 20px;
		text-indent: -9999px;
		width: 497px;
	}
	
	#conversion_enhancement h2
	{
		background: url("images/header_Conversion-Enhancement.png") no-repeat;
		height: 205px;
		margin: 0 0 15px 1px;
		text-indent: -9999px;
		width: 538px;
	}
	
	#culture_values h2
	{
		background: url("images/header_Culture-Values.png") no-repeat;
		height: 205px;
		margin: 0 0 15px 1px;
		text-indent: -9999px;
		width: 538px;
	}
		
	#description h2
	{
		background: url("images/header_Company.png") no-repeat;
		height: 205px;
		margin: 0 0 15px 1px;
		text-indent: -9999px;
		width: 538px;
	}
		
	#news_events h2
	{
		background: url("images/header_News-Events.png") no-repeat;
		height: 205px;
		margin: 0 0 15px 1px;
		text-indent: -9999px;
		width: 538px;
	}
	
	#opportunities h2
	{
		background: url("images/header_Opportunities.png") no-repeat;
		height: 205px;
		margin: 0 0 15px 1px;
		text-indent: -9999px;
		width: 538px;
	}
	
	#press_release h2#recruitment_support_services
	{
		background: url("images/text_DatamarksRecruitmentSupport.gif") no-repeat;
		height: 194px;
		margin: 0 0 15px 20px;
		text-indent: -9999px;
		width: 513px;
	}
	
	#press_release h2#datamark_and_tableau
	{
		background: url("images/text_DatamarkSelectsTableau.gif") no-repeat;
		height: 194px;
		margin: 0 0 15px 20px;
		text-indent: -9999px;
		width: 496px;
	}
	
	#press_release h2#datamark_and_cfo
	{
		background: url("images/text_DatamarkCFORecognized.png") no-repeat;
		height: 194px;
		margin: 0 0 15px 20px;
		text-indent: -9999px;
		width: 498px;
	}
	
	#press_release h2#datamark_and_new_vp
	{
		background: url("images/text_DatamarkNewVP.png") no-repeat;
		height: 194px;
		margin: 0 0 15px 20px;
		text-indent: -9999px;
		width: 498px;
	}
	
	#press_release h2#shows_education_marketers
	{
		background: url("images/text_DatamarkShowsEducationMarketers.gif") no-repeat;
		height: 194px;
		margin: 0 0 15px 20px;
		text-indent: -9999px;
		width: 496px;
	}
	
	#privacy_policy h2
	{
		background: url("images/text_PrivacyPolicy.gif") no-repeat;
		height: 80px;
		margin: 0 0 15px 20px;
		text-indent: -9999px;
		width: 497px;
	}
	
	#prospect_generation h2 
	{
		background: url("images/header_Prospect-Generation.png") no-repeat;
		height: 205px;
		margin: 0 0 15px 1px;
		text-indent: -9999px;
		width: 538px;
	}
	
	#research_services h2
	{
		background: url("images/header_Research-Services.png") no-repeat;
		height: 205px;
		margin: 0 0 15px 1px;
		text-indent: -9999px;
		width: 538px;
	}
	
	#vendor_request h2
	{
		background: url("images/text_InterestedInBecoming.gif") no-repeat;
		height: 80px;
		margin: 0 0 15px 20px;
		text-indent: -9999px;
		width: 497px;
	}
	
	#white_paper h2#mobile_white_paper
	{
		background: url("images/text_EducationMarketing.gif") no-repeat;
		height: 138px;
		margin: 0 0 15px 20px;
		text-indent: -9999px;
		width: 496px;
	}
	
/*  Sticky Navigation Effect - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	#contact .contact a, #privacy_policy .privacy_policy a, #vendor_request .vendor_request a
	{ color: #fff; }	

/*  [Contact Form]
=============================================================================================================================================================*/
	#btn_Send
	{ 
		cursor: pointer;
		margin-left: 130px;
	}
	
	input.error, textarea.error
	{ border: 1px solid #f00; }
	
	label
	{ display: block; }
	
	label.errorMessage
	{
		background: #fff;
		border: 1px solid #f00;
		color: #f00;
		font: normal 13px/15px Arial, Helvetica, sans-serif;
		text-align: center;
		
		position: absolute;
		top: 20px;
		left: 130px;
	}
	
	p input
	{ width: 100%; }
	
	textarea
	{
		height: 125px;
		width: 100%;
	}
	
	#post_errors
	{ 
		color: #f00;
		margin: 0 0 20px 145px;
	}
	
	

/*  [Browser-specific]
=============================================================================================================================================================*/
	/*  Internet Explorer  
	-----------------------------------------------------------------------------------------------------*/                              
		#rootIE table
		{ margin-left: 130px; }
		
		#vendor_request #rootIE table
		{ margin-left: 0; }
		
		#rootIE #content a.copy_link span
		{ text-decoration: none; }
		
		#rootIE #content a.copy_link:hover
		{ text-decoration: underline; }

	/*  Internet Explorer 6
	-----------------------------------------------------------------------------------------------------*/                              
		#rootIE6 body, #rootIE6 #container
		{ height: expression( this.scrollHeight < 1101 ? "1100px" : "auto" ); }
		
		#rootIE6 table
		{ margin-left: 0; }
		
		#news_events #rootIE6 table
		{ margin-left: 130px; }
		
		#rootIE6 #content p#pullquote
		{
			position: absolute;
			top: 333px;
			left: -120px;
		}
		
		#rootIE6 a.map_link
		{
			position: absolute;
			top: 60px;
			left: -110px;
		}
		
		#rootIE6 img.map_link
		{
			position: absolute;
			top: -15px;
			left: -110px;
		}
		
		#rootIE6 p input, #rootIE6 textarea
		{ width: 350px; }
		
		#rootIE6 label.errorMessage
		{ 
			position: absolute;
			top: 20px;
			left: 0px;
		}