﻿*{
	font-size:12px;
	line-height:18px;
	font-family:Arial, Helvetica, Sans-Serif
}

body{
	background:#d6d5d5 url(/images/bgBody.png) repeat-x top;
	color:#333
}

a{
	color:#900;
	font-weight:bold;
	text-decoration:none
}
a:hover{
	text-decoration:underline
}

/* ----- Structure ----- */

#main{
	width:1000px;
	margin:auto
}

#header{
	height:126px
}

#content{
	clear:both;
	float:left;
	display:inline;
	width:987px;
	margin:0 0 0 6px;
	background:#fff;
	border-bottom:6px solid #666
}

#contentWide{
	float:left;
	width:934px;
	padding:20px 20px 30px 33px;
}

#contentLeft{
	float:left;
	width:665px;
	padding:20px 20px 30px 33px;
}

#contentRight{
	float:left;
	width:233px;
	padding:15px 0 10px 20px;
	background:url(/images/bgContentRight.png) no-repeat top left
}

#footer{
	float:left;
	display:inline;
	width:957px;
	height:106px;
	margin:16px 0 0 6px;
	padding:12px 0 0 30px;
	background:#000;
	position:relative
}



/* ----- Header Styles ----- */
#topper{
	height:48px;
	padding-left:38px
}
	#callTollFree{
		float:right;
		width:290px;
		height:56px;
		background:url(/images/txtCallTollFree2.png);
		margin:10px 20px 0 0;
	}
	#topper ul{
		float:left;
		width:410px;
		height:48px;
		margin:0 0 0 391px;
		display:inline;
	}
		#topper li{
			display:inline;
			float:left;
			width:140px;
			height:45px; 
			padding:3px 0 0 65px
		}
		#topper #lnkFollowTwitter{
			background:url(/images/bgIconTopperTwitter.png) no-repeat top left
		}
		#topper #lnkFollowFacebook{
			background:url(/images/bgIconTopperFacebook.png) no-repeat top left
		}
			#topper li a{
				color:#ccc;
				font-weight:normal;
				text-decoration:underline
			}
			#topper li a:hover{
				text-decoration:none
			}

	#divAddThis{
		float:left;
		display:inline;
		margin:3px 0 0 10px
	}

#logoScreen{
	float:left;
	display:inline;
	width:350px;
	height:80px;
	margin:-19px 0 0 26px;
}
	#logoScreen a{
		display:block;
		width:350px;
		height:80px;
		background:url(/images/logoScreen.png)
	}
	
#getStarted{
	height:55px;
	margin:10px 0
}
	#getStarted a{
		display:block;
		float:left;
		width:152px;
		height:45px;
		margin:0 8px 0 0;
		padding:10px 0 0;
		background:url(/images/bgBtnGetStarted.png);
		color:#fff;
		font:bold 14px Georgia, Times New Roman, Serif;
		text-align:center;
		text-decoration:none
	}
	#getStarted a:hover{
		text-decoration:underline;
		background-position:0 55px !important
	}
	#getStarted span{
		display:block;
		margin:5px;
		font:normal 14px Georgia, Times New Roman, Serif;
		color:#000
	}



/* ----- Navigation Styles ----- */

#nav{
	width:984px;
	height:32px;
	margin:0 0 2px 8px;
	background:#000 url(/images/bgNavBar.png) no-repeat top left;
}
	#nav li{
		display:inline;
		float:left;
		height:32px
	}
		#nav li a{
			display:block;
			height:32px;
			color:#fff;
			text-indent:-9999px;
			overflow:hidden
		}
		#nav li a:hover{
			background-position:0 32px
		}
		#navHome, #navHome a { width:84px }
		#navHome a { background-image:url(/images/navHome.png) }
		
		#navGetStarted, #navGetStarted a { width:140px }
		#navGetStarted a { background-image:url(/images/navGetStarted.png) }
		
		#navServices, #navServices a { width:112px }
		#navServices a { background-image:url(/images/navServices.png) }
		
		#navResearch, #navResearch a { width:135px }
		#navResearch a { background-image:url(/images/navResearch.png) }
		
		#navReferral, #navReferral a { width:136px }
		#navReferral a { background-image:url(/images/navReferral.png) }
		
		#navAbout, #navAbout a { width:91px }
		#navAbout a { background-image:url(/images/navAbout.png) }

		#navContact, #navContact a { width:101px }
		#navContact a { background-image:url(/images/navContact.png) }



/* ----- Home Page Styles ----- */

#splash{
	float:left;
	display:inline;
	width:967px;
	height:283px;
	margin:0 -8px 0 -7px;
	padding:20px 0 0 49px;
	background:url(/images/bgHomeSplash.jpg) no-repeat;
	color:#fff;
	position:relative;
	overflow:visible
}
	#imgSplashTop{
		width:84px;
		height:18px;
		position:absolute;
		top:-18px;
		left:816px;
		background:url(/images/imgSplashTopper.jpg)
	}
	#splash h2.hidden-text{
		width:558px;
		height:25px;
		margin:0 0 14px;
		background:url(/images/hdrHomeSplash.png)
	}
	#splash dl{
		width:600px;
		margin:0 0 18px;
	}
		#splash dt{
			font-weight:bold;
			font-size:14px;
		}
			#splash dt em{
				font-weight:normal
			}
	#splash p{
		width:600px;
		margin:0 0 12px;
		font-weight:bold;
		font-size:14px
	}
	#lnkGetStartedToday{
		display:block;
		width:175px;
		height:26px;
		padding:6px 0 0 41px;
		background:url(/images/bullet-large.png) no-repeat top left;
		color:#fff;
		font:bold 18px Georgia, Times New Roman, Serif;
		text-decoration:underline
	}
	#lnkGetStartedToday:hover{
		text-decoration:none
	}
	#splashRibbon{
		float:left;
		height:76px;
		margin:32px 0 0
	}
		#splashRibbon h2.hidden-text{
			float:left;
			width:72px;
			height:56px;
			background:url(/images/hdrWhatWeDo.png)
		}
		#splashRibbon h3{
			margin:0
		}
		#splashRibbon p{
			font:normal 14px/14px "Arial Narrow", Arial, Helvetica, Sans-serif;
			color:#ccc
		}
		#splashRibbon #plus, #splashRibbon #equals{
			float:left;
			display:inline;
			width:26px;
			height:26px;
			margin:11px 0 0 21px
		}
		#splashRibbon #plus{
			background:url(/images/imgPlus.png)
		}
		#splashRibbon #equals{
			background:url(/images/imgEqual.png)
		}
		#splashRibbon #points{
			float:left;
			display:inline;
			width:145px;
			margin:0 0 0 38px
		}
			#splashRibbon #points h3{
				width:165px;
				height:27px;
				background:url(/images/hdrPoints.png)
			}
			#splashRibbon #points p{
				width:165px
			}
		#splashRibbon #conversations{
			float:left;
			display:inline;
			width:155px;
			margin:0 0 0 27px
		}
			#splashRibbon #conversations h3{
				width:185px;
				height:27px;
				background:url(/images/hdrConversations.png)
			}
			#splashRibbon #conversations p{
				width:185px
			}
		#splashRibbon #hdrResult{
			float:left;
			display:inline;
			width:152px;
			height:51px;
			margin:0 0 0 27px;
			background:url(/images/hdrDriveBusiness.png)
		}
		#splashRibbon #btnLearnMore{
			float:left;
			display:inline;
			width:190px;
			height:61px;
			margin:0 0 0 37px;
			background:url(/images/btnLearnMore.png)
		}
		#splashRibbon #btnLearnMore:hover{
			background-position:0 61px !important
		}
		#splashRibbon *{
			margin-bottom:0 !important
		}
#contentLeft h2, #contentWide h2{
	margin:0 0 16px;
	padding:0 0 14px;
	background:url(/images/border-dotted-black.png) repeat-x bottom
}
#contentLeft h2.hidden-text{
	height:28px;
	background:url(/images/hdrHowWeDoIt.png)
}
#contentLeft h2.flash-replace,
#contentWide h2.flash-replace{
	padding:0 0 4px !important
}


#divTheProblem{
	padding-left:103px;
	background:url(/images/bgTheProblem.png) no-repeat top left
}
	#divTheProblem h4{
		margin:0 0 18px;
		color:#000
	}

#divSolution{
	float:left;
	width:568px;
	padding-left:97px;
	background:url(/images/bgSolution.png) no-repeat top left;
}
	#divSolution ol{
		float:left;
		display:inline
	}
	#divSolution ol.left{
		width:281px;
	}
	#divSolution ol.right{
		width:269px;
		margin-left:18px;
	}
		#divSolution li{
			float:left;
			padding-left:25px;
			background-repeat:no-repeat;
			background-position:0 0
		}
		#divSolution .left li{
			width:256px
		}
		#divSolution .right li{
			width:244px
		}

	#divTheProblem h3.hidden-text,
	#divSolution h3.hidden-text{
		margin:0;
		height:0
	}


/* ----- Right Side Bar Styles ----- */

#contentRight h2{
	height:21px;
	margin:0 0 10px;
	background:url(/images/hdrSuccessStories.png)
}
#contentRight img{
	margin:0 0 10px
}
#contentRight p{
	padding:0 5px
}
p.quote{
	font-style:italic
}
p.credit{
	font-weight:bold
}
#contentRight li{
	width:233px;
	height:94px;
	margin:0 0 6px
}
	#contentRight li a{
		display:block;
		width:233px;
		height:94px
	}
	#contentRight li a:hover{
		background-position:0 94px !important
	}
	#contentRight .lnkShopServices{
		background:url(/images/btnShopServices.png)
	}
	#contentRight #lnkReferralProgram{
		background:url(/images/btnReferralProgram.png)
	}
	#contentRight #lnkContactUs{
		background:url(/images/btnContactUs.png)
	}


/* ----- Contact Us Page Styles */

.contactBox{
	float:left;
	width:322px;
	margin:0 10px 20px 0
}
.contactBox p{
	margin:0 0 8px
}

.contactForm .textfield{
	width:188px;
	border:1px solid #ccc
}

/* ----- Social Networking Navigation ----- */

#socialNav{
    float:left;
    display:inline;
}
#socialNav li{
    float:left;
    display:inline;
    text-indent:-9999px;
    overflow:hidden
}
.getstarted #socialNav,
.download #socialNav{
    width:769px;
    height:48px;
    margin:0 0 20px -5px
}
.getstarted #socialNav li,
.download #socialNav li{
    height:48px
}

.getstarted #socFacebook,
.download #socFacebook{ 
    width:144px; background:url(/images/socNavFacebook.png)
}
.getstarted #socTwitter,
.download #socTwitter{ 
    width:141px; background:url(/images/socNavTwitter.png) 
}
.getstarted #socBing,
.download #socBing{ 
    width:158px; background:url(/images/socNavBing.png) 
}
.getstarted #socYahoo,
.download #socYahoo{ 
    width:144px; background:url(/images/socNavYahoo.png) 
}
.getstarted #socGoogle,
.download #socGoogle{ 
    width:152px; background:url(/images/socNavGoogleLocal.png) 
}


/* ----- Download White Paper Page Styles ----- */

#intro.download{
    width:665px;
    padding-right:260px;
    background:url(/images/imgStickerCompletelyFree.png) no-repeat top right
}
#intro.download h3.hidden-text{
    height:0;
    margin:0
}
#intro.download p{
    margin:0 0 10px;
    font-size:24px;
    line-height:30px
}
#divSpecialForm.download{
    background:url(/images/bgFormGetStarted.png) no-repeat
}
/* ----- Get Started Page Styles ----- */

#intro.getstarted{
    width:737px;
    padding-right:188px;
    background:url(/images/imgStickerResultsGuaranteed.png) no-repeat top right
}
#hdrGetStarted{
    float:left;
    width:737px;
    height:138px;
    margin:0 0 20px;
    background:url(/images/hdrGetStarted.png) no-repeat top left
}
#hdrGetStarted h2{
    background:0
}
#txtPitch, #txtPitch strong{
    font-size:24px;
    line-height:30px
}

#divSpecialForm{
    float:left;
    display:inline;
    width:893px;
    height:337px;
    padding:50px 0 0 32px;
}
#divSpecialForm.getstarted{
    background:url(/images/bgFormTestimonial.png) no-repeat
}

#formLeft{
    float:left;
    width:580px;
}

#divSpecialForm fieldset p{
    margin:0 0 20px
}
#divSpecialForm fieldset p *{
    vertical-align:middle
}

#divSpecialForm fieldset label{
    width:225px;
    text-align:left;
    font-size:24px;
    font-weight:bold
}
#divSpecialForm fieldset label span{
    font-size:18px;
    font-weight:normal
}
#divSpecialForm fieldset .textfield{
    width:296px;
    padding:4px
}
#divSpecialForm div.getstarted p{
    width:550px;
    font-size:18px;
    line-height:normal
}
div.getstarted p a{
    font-size:18px
}

#divSpecialForm #testimonials{
    float:left;
    display:inline;
    width:250px;
    margin:-30px 0 0 30px;
    padding:0 7px 0 0;
    background:url(/images/bgTestimonialArrow.png) no-repeat top right
}
#testimonials h3{
    width:218px;
    height:32px;
    margin:0 0 8px;
    background:url(/images/hdrTestimonials.png)
}
#testimonials p{
    margin:0 0 10px;
    line-height:normal
}

/* ----- Our Services Page Styles ----- */

#intro.ourservices{
    padding:10px 0 0;
    background:url(/images/imgStickerMonthlyFee.png) no-repeat top right;
	min-height:121px;
}
#intro.ourservices p{
    width:492px
}
.ourservices #socialNav{
    width:664px;
    height:39px;
    margin:20px 0 0 -5px;
}
.ourservices #socialNav li{
    height:39px
}


.ourservices #socFacebook  { width:126px; background:url(/images/socNavFacebook2.png) }
.ourservices #socTwitter   { width:121px; background:url(/images/socNavTwitter2.png) }
.ourservices #socBing	   { width:132px; background:url(/images/socNavBing2.png) }
.ourservices #socYahoo     { width:154px; background:url(/images/socNavYahoo2.png) }
.ourservices #socGoogle    { width:131px; background:url(/images/socNavGoogleLocal2.png) }

.service{
    float:left;
    width:665px;
}

.service .left,
.service .right{
    float:left;
    display:inline;
}
.service .left{
    width:300px
}
.service .right{
    width:316px;
    margin-left:48px
}
.service h3.hidden-text{
    width:665px;
    height:63px;
    margin:10px 0 0
}
.service .left h3.hidden-text{
    width:300px
}
.service .right h3.hidden-text{
    width:316px
}
#hdrSocialMediaMarketing{
    background:url(/images/hdrSocialMediaMarketing.png)
}
#hdrLocalSearchMarketing{
    background:url(/images/hdrLocalSearchMarketing.png)
}
#hdrWebDesign{
    background:url(/images/hdrWebsiteDesign.png);
}
#hdrMobileMarketing{
    background:url(/images/hdrMobileMarketing.png)
}
#hdrPayPerClickAdvertising{
    background:url(/images/hdrPayPerClickAdvertising.png)
}
#hdrSEO{
    background:url(/images/hdrSEO.png)
}

.service p, .service li{
    line-height:24px;
    margin:0
}
.service ul.bullet-disc li{
    background-position:0 6px
}
.service ul.twoColumn{
    float:left;
    margin-left:12px
}
.service ul.twoColumn li{
    width:118px
}
p.service-bottom{
    float:left;
    width:665px;
    padding:10px 0 0;
	margin-top:10px;
    background:url(/images/border-dotted-black.png) repeat-x top
}
p.service-bottom a{
    text-decoration:underline
}
p.service-bottom a:hover{
    text-decoration:none
}

/* ----- Research Center Page Styles ----- */

h3.flash-replace{
    clear:both
}
.video-asset{
    float:left;
    margin:0 0 40px 12px;
    border:1px solid #ccc
}

#hdrSevenStats{
    height:63px;
    margin:0;
    background:url(/images/hdrSevenStats.png)
}
#hdrSevenQuotes{
    height:63px;
    margin:0;
    background:url(/images/hdrSevenQuotes.png)
}

.stats li{
    margin:0 0 20px;
    padding-left:30px !important;
    line-height:18px
}
.stats ul{
    margin:8px 0 0 10px
}
.stats ul li{
    line-height:24px;
    padding-left:18px !important;
    background-position:0 6px;
    margin:0 0 0 6px
}

.quotewrap{
    float:left;
    width:665px;
    margin:0 0 25px
}
.quotewrap .quote{
    float:left;
    width:450px;
    padding:0 20px 0 0;
    border-right:1px solid #ccc;
    line-height:24px;
    font-style:normal
}
.quotewrap .credit{
    float:left;
    display:inline;
    width:160px;
    margin-left:22px;
    font-weight:normal;
    font-style:italic
}
.quotewrap .credit strong{
    display:block;
}
.quotewrap .credit *{
    line-height:18px
}    

/* ----- Referral Program Page Styles ----- */

#intro.referralprogram h3.hidden-text{
    height:0;
    margin:0
}

#intro.referralprogram p{
    width:665px;
    font-size:24px;
    line-height:30px;
    margin:0 0 10px
}

#divSpecialForm.referralform{
    height:362px;
    margin-bottom:20px;
    background:url(/images/bgFormReferralProgram.png) no-repeat
}

#divSpecialForm div.referralprogram p{
    width:550px;
    font-size:18px;
    line-height:normal
}

p.referral-text{
    font-size:24px;
    line-height:30px;
    margin:0 0 10px
}



/* ----- Footer Styles ----- */

#copyright{
	float:left;
	margin:0;
	color:#ccc;
	line-height:normal
}
	#copyright a{
		color:#ccc;
		font-weight:normal;
		text-decoration:none
	}
	#copyright a:hover{
		text-decoration:underline
	}

#socialFooter{
	float:right;
	width:472px;
	position:relative;
	top:-21px
}
	#socialFooter li{
		display:inline;
		float:left;
		height:54px; 
		padding:14px 0 0 60px
	}
	#socialFooter #lnkFooterTwitter{
		width:64px;
		background:url(/images/bgIconFooterTwitter.png) no-repeat top left
	}
	#socialFooter #lnkFooterFacebook{
		width:71px;
		margin-left:30px;
		background:url(/images/bgIconFooterFacebook.png) no-repeat top left
	}
	#socialFooter #lnkFooterVocalize{
		width:64px;
		margin-left:25px;
		background:url(/images/bgIconFooterVocalized.png) no-repeat top left
	}
		#socialFooter li a{
			font-family:Georgia, Times New Roman, Serif;
			font-weight:normal;
			color:#ccc;
			text-decoration:underline
		}
		#socialFooter li a:hover{
			text-decoration:none
		}

#footerNav{
	width:567px;
	height:18px;
	position:absolute;
	top:69px;
	left:30px
}
	#footerNav li{
		display:inline;
		float:left;
		height:18px;
	}
		#footerNav li a{
			display:block;
			height:18px;
			color:#ccc;
			text-indent:-9999px;
			overflow:hidden
		}
		#footerNav li a:hover{
			background-position:0 18px
		}
		#ftHome, #ftHome a { width:39px }
		#ftHome a { background-image:url(/images/navFooterHome.png) }
		
		#ftGetStarted, #ftGetStarted a { width:107px }
		#ftGetStarted a { background-image:url(/images/navFooterGetStarted.png) }
		
		#ftServices, #ftServices a { width:83px }
		#ftServices a { background-image:url(/images/navFooterServices.png) }
		
		#ftResearch, #ftResearch a { width:101px }
		#ftResearch a { background-image:url(/images/navFooterResearch.png) }
		
		#ftReferral, #ftReferral a { width:106px }
		#ftReferral a { background-image:url(/images/navFooterReferral.png) }
		
		#ftAbout, #ftAbout a { width:65px }
		#ftAbout a { background-image:url(/images/navFooterAbout.png) }

		#ftContact, #ftContact a { width:66px }
		#ftContact a { background-image:url(/images/navFooterContact.png) }

#ftCallTollFree{
	width:272px;
	height:24px;
	margin:0;
	background:url(/images/txtCallTollFree.png);
	position:absolute;
	top:87px;
	left:30px
}