html { font-size: .625em; }
body { margin: 0; padding: 0; background: #FFFFFF; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1.8em; }
ul, ol { margin: 0; padding: 0 0 0 2.75em; }
h1, h2, h3, h4, h5, h6, p, ul, ol { padding-top: 0; padding-bottom: 1.2em; margin: 0; }
ul ul, ul ol, ol ol, ol ul { padding-bottom: 0; }
a img { border: 0; }

a:link { color: #336699; text-decoration: underline; }
a:visited { color: #336699; text-decoration: underline; }
a:hover, a:focus { color: #ffffff; text-decoration: none; background: #369; }
a:active { color: #cc6633; text-decoration: underline; }

a.nounderline { text-decoration: none; }

h1 { font-size: 1.4em; font-weight: bold; }
h2 { font-size: 1.27em; color: #ff9933; font-weight: bold; }
h3 { font-size: 1.1em; font-weight: bold; }
h4 { font-size: 1em; font-weight: bold; }
h5 { font-size: .9em; font-weight: bold; }
h6 { font-size: .8em; font-weight: bold; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
	#ie .clearfix { height: 1%; }
	
body.design { text-align: center; background: #fff url(images/bg-body.gif) top repeat-x; }

	#pageContainer { margin: 0 auto; text-align: left; width: 1000px; }

	#banner { position: relative; height: 100px; }
	img#logo { position: absolute; top: 3px; left: 66px; }

	.cta { 
		position: absolute; 
		top: 29px; 
		left: 749px; 
		color: #336699;
		font-size: 2.3em;
		font-weight: bold;
		font-family: comic sans serif, sans serif;
		padding-top: 3px;
	}

	.live-chat { 
		position: absolute; 
		top: 15px; 
		left: 660px; 
	}

	#mainNav { position: absolute; top: 71px; left: 389px; }
	#mainNav ul { list-style: none; padding: 0; margin: 0; }
	#mainNav ul li { display: inline; }
	#mainNav ul li a { float: left; display: block; margin-right: 3px; }

	#flash { position: relative; margin: 0 68px 0 70px; background: url(images/flash.jpg) top left no-repeat; height: 294px; }
		img#flashTagline { position: absolute; top: 41px; left: 333px; }
		#flashContent { position: absolute; top: 154px; left: 343px; width: 185px; font-size: 1.1em; line-height: 1.33em; }
		img#more { position: absolute; top: 169px; left: 313px; }
	#servicesHome { float: left; width: 857px; margin: 12px 72px 0 71px; display: inline; font-size: 1.1em; line-height: 1.17em; }
		#servicesHome ul { list-style: none; padding: 0; margin: 0; position: relative; }
			#servicesHome ul li ul { position: absolute; top: 100px; width: 160px; color: #fff; }
				#servicesHome ul li ul#first { position: absolute; left: 30px; }
				#servicesHome ul li ul#second { position: absolute; left: 242px; }
				#servicesHome ul li ul#third { position: absolute; left: 453px; }
				#servicesHome ul li ul#fourth { position: absolute; left: 664px; }
		#servicesHome ul li { display: inline; }
		#servicesHome ul li a { float: left; display: block; }
	#services { float: left; width: 862px; margin: 0 68px 0 70px; display: inline; background: url(images/bg-services.gif) repeat-y; }
		#servicesHead { float: left; width: 862px; background: url(images/bg-servicesHead.gif) top left no-repeat; padding-top: 15px; } 
			#servicesFoot { float: left; width: 862px; background: url(images/bg-servicesFoot.gif) bottom left no-repeat; padding-bottom: 115px; } 
				#containerAnalytics { float: left; width: 197px; margin: 0 16px 0 14px; display: inline; }
					#containerAnalytics h2 { padding: 0 12px 40px 12px; color: #91670d; font-size: 1.27em; line-height: 1.14em; }
					#containerAnalytics strong { color: #fff; font-size: 1.1em; }
					#containerAnalytics ul { list-style: none; padding: 0 12px; margin: 0; line-height: 1.3em; }
					#containerAnalytics ul li { display: block; padding: 0 0 15px 12px; background: url(images/bg-bullet-analytics.gif) 0 .1em no-repeat; }
					img#analyticsHeader { margin: 0; }
				#containerTargeting { float: left; width: 197px; margin-right: 14px; display: inline; }
					#containerTargeting h2 { padding: 0 12px 30px 12px; color: #9a8a1a; font-size: 1.27em; line-height: 1.14em; }
					#containerTargeting strong { color: #fff; font-size: 1.1em; }
					#containerTargeting ul { list-style: none; padding: 0 12px; margin: 0; line-height: 1.3em; }
					#containerTargeting ul li { display: block; padding: 0 0 15px 12px; background: url(images/bg-bullet-targeting.gif) 0 .1em no-repeat; }
					img#targetingHeader { margin: 0; }
				#containerKnowledge { float: left; width: 197px; margin-right: 14px; display: inline; }
					#containerKnowledge h2 { padding: 0 12px 15px 12px; color: #6b8514; font-size: 1.27em; line-height: 1.14em; }
					#containerKnowledge strong { color: #fff; font-size: 1.1em; }
					#containerKnowledge ul { list-style: none; padding: 0 12px; margin: 0; line-height: 1.3em; }
					#containerKnowledge ul li { display: block; padding: 0 0 15px 12px; background: url(images/bg-bullet-knowledge.gif) 0 .1em no-repeat; }
					img#knowledgeHeader { margin: 0; }
				#containerAwareness { float: left; width: 197px; margin-right: 16px; display: inline; }
					#containerAwareness h2 { padding: 0 12px 40px 12px; color: #09698a; font-size: 1.27em; line-height: 1.14em; }
					#containerAwareness strong { color: #fff; font-size: 1.1em; }
					#containerAwareness ul { list-style: none; padding: 0 12px; margin: 0; line-height: 1.3em; }
					#containerAwareness ul li { display: block; padding: 0 0 15px 12px; background: url(images/bg-bullet-awareness.gif) 0 .1em no-repeat; }
					img#awarenessHeader { margin: 0; }
	#lockToBottom { width: 229px; clear: both; margin: -67px 0 0 384px; float: left; }
	#ie #lockToBottom { float: none; }	
		img#learn { 0 }

	#contentBody { 
		float: left; 
		width: 862px; 
		margin: 0 68px 0 70px; 
		display: inline; 
		background: url(images/bg-contentBody-white.jpg) top left repeat; 
	}

	#contentBody-butler { 
		float: left; 
		width: 862px; 
		margin: 0 68px 0 70px; 
		display: inline; 
		background: url(images/bg-contentBody-2.jpg) top left no-repeat; 
	}

	#contentBody-summary { 
		float: left; 
		width: 862px; 
		margin: 0 68px 0 70px; 
		display: inline; 
		background: url(images/bg-contentBody-summary.jpg) top left no-repeat; 
	}

	#contentBody-login { 
		float: left; 
		width: 862px; 
		margin: 0 68px 0 70px; 
		display: inline; 
		background: url(images/bg-contentBody-login.jpg) top left no-repeat; 
	}

	.aboutbg { background: url(images/bg-contentBody-about.gif) top left no-repeat; } 
	.about #contentBody, .serv2 #contentBody { background: url(images/bg-contentBody-about.gif) top left no-repeat; }	
		#contentLeft { float: left; width: 237px; }

	#servicesList { margin: 55px 0 0 15px; color: #336699; }
	#servicesList ul { list-style: none; padding: 0; margin: 0; line-height: 1.3em;}
	#servicesList ul li { display: block; padding: 0 0 24px 15px; font-size: 1.27em; font-weight: bold; }
	#servicesList ul li#anal { background: url(images/bg-bullet-analytics-int.gif) 0 .1em no-repeat;}
	#servicesList ul li#targ { background: url(images/bg-bullet-targeting-int.gif) 0 .1em no-repeat; }
	#servicesList ul li#know { background: url(images/bg-bullet-knowledge-int.gif) 0 .1em no-repeat; }
	#servicesList ul li#awar { background: url(images/bg-bullet-awareness-int.gif) 0 .1em no-repeat; }
	#servicesList ul li ul li { font-size: .82em; font-weight: normal; background: none; padding: 0; line-height: 2em; }

		#contentRight { float: right; width: 625px; }
			

	#feature { 
		float: left; 
		width: 625px; 
		margin-top: 33px; 
	}

	img#example { 
		float: right; 
		margin: 0 30px; 
		display: inline; 
	}

	#featurebox { 
		background: #ecf4f6 url(images/bg-Feature.gif) bottom left no-repeat; 
		width: 207px; 
		font-size: 1.1em; 
	}

	#featurebox ul { 
		list-style: none; 
		padding: 0 11px; 
		margin: 0; 
		line-height: 1.3em; 
	}

	#featurebox ul li { 
		display: block; 
		padding: 0 0 15px 27px; 
		background: url(images/bg-arrow.gif) 0 .1em no-repeat; 
	}

	img#useWhisperFeature { 
		margin-bottom: 10px; 
	}

	#tipSection { 
		margin-top: 28px; 
		font-size: 1.1em; 
		line-height: 1.67em; 
	}

		img#top { margin-bottom: 12px; }
		img#tagline { float: right; margin: 0 1px 0 0; display: inline; }
		img#title { margin: 32px 0 3px 28px; }
		.about img#title { margin: 47px 0 19px 28px; display: block; }
 		.serv2 img#title { margin: 42px 0 24px 0; }

		#introduction { margin-left: 28px; width: 485px; border-bottom: 1px solid #dddddd; padding-bottom: 15px; padding-top: 45px;} 
		.serv2 #introduction { margin-left: 0; width: 594px; }	
		#introduction p { padding-left: 3px; font-size: 1.27em; line-height: 1.43em; }

		#introduction-partnership { 
			margin-left: 28px; 
			width: 745px; 
			border-bottom: 1px solid #dddddd; 
			padding-bottom: 15px; 
			padding-top: 45px;
		} 
		.serv2 #introduction-partnership { margin-left: 0; width: 594px; }	
		#introduction-partnership p { padding-left: 3px; font-size: 1.27em; line-height: 1.43em; }

		#introduction-summary { 
			margin-left: 28px; 
			width: 395px; 
			border-bottom: 1px solid #dddddd; 
			padding-bottom: 15px; 
			padding-top: 45px;
		} 
		.serv2 #introduction-summary { margin-left: 0; width: 594px; }	
		#introduction-summary p { padding-left: 3px; font-size: 1.27em; line-height: 1.43em; }

		#introduction-login { 
			margin-left: 28px; 
			width: 395px; 
			border-bottom: 1px solid #dddddd; 
			padding-bottom: 15px; 
			padding-top: 45px;
		} 
		.serv2 #introduction-login { margin-left: 0; width: 594px; }	
		#introduction-login p { padding-left: 3px; font-size: 1.27em; line-height: 1.43em; }

			h1#subtitle { margin-bottom: 15px; color: #336699; font-size: 2em; padding: 0; }
			.about h1#subtitle { margin: 0 0 15px 28px; }
		#content { padding: 33px 0 20px 28px; width: 780px; }
		.about #content { padding: 6px 0 10px 31px; font-size: 1.27em; line-height: 1.43em; }	
			#content p { padding-bottom: 20px; }
			p.smaller { width: 534px; }
	#containerTeam { float: left; width: 801px; margin: 0 99px 0 100px; display: inline; background: url(images/bg-containerTeam.gif) top left no-repeat; }
		img#team { margin: 22px 0 20px 15px; }
		#teamLayout { float: left; width: 801px; }
			#column1 { float: left; width: 255px; margin-left: 12px; display: inline; }
			#column2 { float: left; width: 255px; margin-left: 12px; display: inline; }
			#column3 { float: left; width: 255px; margin-left: 12px; display: inline; }
				.member { width: 255px; height: 140px;}
					.member strong { color: #066499; font-size: 1.27em; }
				.photo { float: left; margin: 0 12px 25px 0; display: inline; border: 1px solid #000000; }
	#partner { float: left; width: 803px; margin: 0 97px 0 100px; display: inline; background: url(images/bg-partner.gif) repeat-y; }
		#partnerFoot { float: left; width: 803px; background: url(images/bg-partnerFoot.gif) bottom left no-repeat; padding-bottom: 25px; }
			#partnerFoot p { color: #666666; font-size: 1.1em; line-height: 1.33em; padding: 0 14px 13px 11px; }
			#training { float: left; width: 270px; }
				img#partnerTraining { margin-bottom: 5px; }
			#support { float: left; width: 266px; }
				img#partnerSupport { margin-bottom: 5px; }
			#toolkit { float: left; width: 267px; }
				img#programToolkit { margin-bottom: 5px; }
			img.continue { float: right; margin: 0 10px 0 0; display: inline; }
	#testimonials { float: left; width: 803px; margin: 22px 97px 0 100px; display: inline; background: url(images/bg-testimonials.gif) top left no-repeat; }
		#testimonials p { font-size: 1.1em; font-style: italic; float: left; width: 247px; margin-right: 20px; display: inline; line-height: 1.43em; }
		#testimonials strong { color: #b9d169; font-style: normal; font-size: 1.27em; line-height: 1.6em; }
		#testimonials em { color: #40b2d9; float: right; margin-top: 10px; }
		img#listen { margin: 26px 0 15px 0; }
	#footer { float: left; width: 862px; margin: 40px 68px 0 70px; display: inline; border-top: 1px solid #eeeeee; color: #999999; }
		#footer a:link, #footer a:visited { color: #999999; }
		#footer a:hover, #footer a:focus, #footer a:active { color: #a6bd57; background: none; }
		#lowerNav { float: left; font-size: 1.1em; padding: 12px 0 5px 0; }
		#lowerCTA { float: right; font-size: .91em; padding-top: 12px; }
			#lowerCTA em { font-style: normal; color: #ff9933; }
			#lowerCTA strong { font-weight: normal; color: #0099cc; }
		#finePrint { clear: both; font-size: .91em; padding-bottom: 40px; }

	#contactbox {
		background: url(images/contactbox.jpg) top right no-repeat;
		width: 230px;
		height: 120px;
		float: right;
		padding: 20px;
	}

	.header-orange {
		font-size: 130%;
		padding-bottom: 20px;
		padding-top: 10px;
		font-weight: bold;
		color: orange;
	}
	.services-header-orange {
		font-size: 130%;
		padding-bottom: 10px;
		padding-top: 10px;
		padding-left: 5px;
		font-weight: bold;
		color: orange;
	}

	#partner-new {
		background: url(images/contactbox.jpg) top right no-repeat;
		width: 230px;
		height: 120px;
		float: right;
		padding: 20px;
		margin-top: 480px;
		font-size: 120%;
	}

	a.link-services {
		text-decoration: none;
	}

	.defaultfont {
		color: #333333;
	}

	a.blog_title {
		font-size: 135%;
		font-weight: bold;
		text-decoration: none;
	}

	a.keyword {
		font-size: 85%;
		color: #a0a0a0;
		text-decoration: underline;
	}

	div.blog_entry {
		margin: 0px 0px 55px 0px;
	}

	.blog_header {
		border-bottom: 1px solid #d0d0d0;
		padding-bottom: 5px;
		margin-bottom: 15px;
	}

	.blog_permlink {
		color: #808080;
		text-align: right;
	}

	.blog_author {
		font-size: 85%;
		color: #a0a0a0;
	}

	.blog_category {
		font-size: 93%;
		color: #909090;
	}

	.blog_footer {
		font-size: 85%;
		color: #a0a0a0;
	}

	#blog_page {
		border-top: 1px dashed #a0a0a0;
		padding: 5px 0px 5px 0px;
	}

	#navigation {
		margin: 0px 0px 0px 25px;
		width: 170px;
		float: left;
	}

	.navheader {
		font-weight: bold;
		border-right: dotted 1px #a0a0a0;
		border-bottom: dotted 1px #a0a0a0;
		padding: 5px 5px 5px 2px;
	}

	div.navigation_button {
		border-right: dotted 1px #a0a0a0;
		border-bottom: dotted 1px #a0a0a0;
		padding: 5px 5px 5px 12px;
	}

	a.navlink {
		text-decoration: none;
	}

	#content-blog {
		padding: 0px 15px 0px 0px;
		margin: 0px 10px 0px 240px;
		font-size: 120%;
	}

