/* TYPE */
h1.tagline { position: relative; top: 35px; left: 165px; width: 432px; height: 125px; background: url('/images/hero-tagline-people-support-price.png') no-repeat; font-weight: normal; text-indent: -9999px; }
h1.tagline-home { position: relative; top: 35px; left: 144px; width: 428px; height: 125px; background: url('/images/hero-tagline2.png') no-repeat; font-weight: normal; text-indent: -9999px; }
h2.tagline { position: relative; top: 44px; left: 152px; width: 372px; height: 125px; background: url('/images/hero-tagline-unlock.png') no-repeat; font-weight: normal; text-indent: -9999px; }
h3.introtext { position: relative; top: 40px; left: 176px; width: 340px; height: ; color: #fff; font-size: 1.5em; text-align: center; line-height: 1.5em; text-shadow: #000 0 -1px 0; }
h3.introtext-home { position: relative; top: 38px; left: 156px; width: 390px; height: ; color: #fff; font-size: 1.5em; text-align: center; line-height: 1.8em; text-shadow: #000 0 -1px 0; }

/* LAYOUT */
#hero-container { position: relative; width: 1098px; height: 480px; margin: 0 auto -105px auto; background: url('/images/bg-hero-red.png') no-repeat 50% 0; }

.social-media { position: absolute; top: 12px; right: 152px; }
.social-media ul {  }
.social-media ul li { display: inline; padding-left: 10px; }

.button-group { position: absolute; top: 50px; right: 142px; width: 374px; height: 238px; }
.button-group ul { margin-bottom: 0; }
.button-group ul li { display: block; float: left; width: 172px; height: 104px; text-indent: -9999px; }

.button-group ul li.video { margin: 0 0 15px 0; }
.button-group ul li.video a { display: block; width: 172px; height: 104px; background: url('/images/button-video.png') no-repeat 0 0; }
.button-group ul li.video a:hover { background: url('/images/button-video.png') no-repeat -172px 0; }
.button-group ul li.video a:active { background: url('/images/button-video.png') no-repeat -344px 0; }

.button-group ul li.demo { margin: 0 0 15px 15px; }
.button-group ul li.demo a { display: block; width: 172px; height: 104px; background: url('/images/button-demo.png') no-repeat 0 0; }
.button-group ul li.demo a:hover { background: url('/images/button-demo.png') no-repeat -172px 0; }
.button-group ul li.demo a:active { background: url('/images/button-demo.png') no-repeat -344px 0; }

.button-group ul li.trial { margin: 15px 0 0 0; }
.button-group ul li.trial a { display: block; width: 172px; height: 104px; background: url('/images/button-trial.png') no-repeat 0 0; }
.button-group ul li.trial a:hover { background: url('/images/button-trial.png') no-repeat -172px 0; }
.button-group ul li.trial a:active { background: url('/images/button-trial.png') no-repeat -344px 0; }

.button-group ul li.blog { margin: 15px 0 0 15px; }
.button-group ul li.blog a { display: block; width: 172px; height: 104px; background: url('/images/button-blog.png') no-repeat 0 0; }
.button-group ul li.blog a:hover { background: url('/images/button-blog.png') no-repeat -172px 0; }
.button-group ul li.blog a:active { background: url('/images/button-blog.png') no-repeat -344px 0; }

.column-left { margin: 0 10px 0 20px; }
.column-left h3 { color: #931000; font-size: 1.8em; font-weight: bold; line-height: 1.4em; margin-bottom: 10px; }
.column-left p { font-size: 1.3em; line-height: 1.4em; margin-bottom: 15px; }
.column-left .features { background: #f5f2ea; border: 1px solid #d9d2c4; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.column-left .features h4 { color: #931000; font-weight: bold; margin-bottom: 20px; }
.column-left .features ul { margin: 0; }
.column-left .features ul li { float: left; display: block; width: 30%; background: url('/images/check-small.png') no-repeat 0 50%; background-position:left top; margin-bottom: 6px; padding: 0 0 0 14px; }
.column-left .features ul li a { color: #333; text-decoration: none; }
.column-left .features ul li a:hover { color: #333; text-decoration: underline; }
.column-left .features ul li.bottom { margin-bottom: 0; }

.column-right { margin: 0 20px 0 10px; }
.column-right ul { margin: 16px 0 0 0; }
.column-right ul li { width: 296px; text-indent: -9999px; }

.column-right ul li.customerquote { margin-bottom: 26px; }
.column-right ul li.customerquote a { display: block; height: 300px; background: url('/images/banner-quote.png') no-repeat 0 0; }

.column-right ul li.customersuccess { margin-bottom: 26px; }
.column-right ul li.customersuccess a { display: block; height: 86px; background: url('/images/banners.png') no-repeat 0 0; }

.column-right ul li.gotsimple { margin-bottom: 15px; }
.column-right ul li.gotsimple a { display: block; height: 76px; background: url('/images/banners.png') no-repeat 0 -86px; }

.column-right ul li.whitepaper { margin-bottom: 0; }
.column-right ul li.whitepaper a { display: block; height: 87px; background: url('/images/banners.png') no-repeat 0 -162px; }

.nr-hub { position: absolute; top: 24px; right: 184px; width: 328px; height: 268px; background: url('/images/bg-nr-hub-oval.png') no-repeat; }

.topseo-banner { position: absolute; top: -7px; right: 122px; height: 148px; width: 148px; background: url('/images/topseo-badge.png') no-repeat; }

#logo-box { cursor: pointer; position: absolute; left: 147px; bottom: 68px; width: 804px; height: 75px; background: url('/images/bg-demo-box-sm.png') no-repeat 50% 0; }
#logo-box ul { height: 38px; margin: 6px 32px 0 32px; }
#logo-box ul li { float: left; width: 148px; height: 38px; }
#logo-box ul li a { display: block; float: left; height: 38px; width: 148px; background: url('/images/partner-logo/partner-logo.png') no-repeat; text-indent: -9999em; }
#logo-box ul li a.partner-logo-01 { background-position: 50% 0; }
#logo-box ul li a.partner-logo-02 { background-position: 50% -38px; }
#logo-box ul li a.partner-logo-03 { background-position: 50% -76px; }
#logo-box ul li a.partner-logo-04 { background-position: 50% -114px; }
#logo-box ul li a.partner-logo-05 { background-position: 50% -152px; }
#logo-box ul li a.partner-logo-06 { background-position: 50% -195px; }
#logo-box ul li a.partner-logo-07 { background-position: 50% -240px; }

#logo-box-landing { cursor: pointer; position: absolute; left: 147px; bottom: 68px; width: 804px; height: 75px; background: url('/images/bg-demo-box-sm-landing.png') no-repeat 50% 0; }
#logo-box-landing ul { height: 38px; margin: 6px 32px 0 32px; }
#logo-box-landing ul li { float: left; width: 148px; height: 38px; }
#logo-box-landing ul li a { display: block; float: left; height: 38px; width: 148px; background: url('/images/partner-logo/partner-logo.png') no-repeat; text-indent: -9999em; }
#logo-box-landing ul li a.partner-logo-01 { background-position: 50% 0; }
#logo-box-landing ul li a.partner-logo-02 { background-position: 50% -38px; }
#logo-box-landing ul li a.partner-logo-03 { background-position: 50% -76px; }
#logo-box-landing ul li a.partner-logo-04 { background-position: 50% -114px; }
#logo-box-landing ul li a.partner-logo-05 { background-position: 50% -152px; }
#logo-box-landing ul li a.partner-logo-06 { background-position: 50% -195px; }
#logo-box-landing ul li a.partner-logo-07 { background-position: 50% -240px; }

#demo-box { position: absolute; left: 147px; bottom: 68px; width: 804px; height: 95px; background: url('/images/bg-demo-box.png') no-repeat 50% 0; }

#demo-box p { position: relative; float: left; top: 6px; left: 42px; width: 110px; color: #fff; font-weight: bold; text-align: center; line-height: 1.22em; text-shadow: #000 0 -1px 0; margin-bottom: 0; }

#demo-box .row { float: left; }
#demo-box .row .name {  }

fieldset { float: right; width: 626px; margin-top: 24px; }
label.placeholder { line-height: 12px; }
.placeholder span { padding-top:4px; }
.placeholder span.hidden { display: none; }
label.placeholder span { color: #7a7a7a; font-size: 13px; line-height: 16px; opacity: 1; padding: 5px; position: absolute; z-index: 5; }
input.text { border: 2px solid #b4b4b4; height: 1.35em; line-height: 22px; margin: 0 6px 0 0; padding: 0 4px; width: 136px; height: 22px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #ffffff url('/images/bg-text-field.png') repeat-x; }

#panel-container { position: relative; width: 800px; height: 152px; z-index: 10; margin: 38px auto 0 auto; background: url('/images/bg-panel-container.png') no-repeat 50% 100%; }
#panel-container .nr-customers { width: 256px; height: 115px; background: url('/images/panel-customers.png') no-repeat; }
#panel-container #portfolio { margin: 12px 0 0 0; padding: 0; }

#row-continue { margin: 0; position: absolute; right: 30px; top: 17px; width: 124px; height: 42px; }

#list-container { position: relative; left: 0; top: 0; z-index: 5; width: 813px; height: 363px; margin: 0 auto; background: url('/images/bg-list-container.png') no-repeat 50% 0; }
#list-container ul.bullets-three { font-size: 1.12em; line-height: 1.18em; margin: 0 20px; margin-right: 55px; }
#list-container ul.bullets-three li { padding-left: 68px; margin-bottom: 16px; text-shadow: #fff 0 1px 0; }
#list-container ul.bullets-three li h4 { color: #931000; font-size: 1.3em; margin-bottom: 5px; text-shadow: #fff 0 1px 0; }
#list-container ul.bullets-three li.funnel { background: url('/images/icon-funnel.png') no-repeat top left; }
#list-container ul.bullets-three li.gear { background: url('/images/icon-gear.png') no-repeat top left; }
#list-container ul.bullets-three li.bulb { background: url('/images/icon-bulb.png') no-repeat top left; }

#list-container h4.right-col { color: #931000; font-size: 1.3em; margin-bottom: 5px; text-align: center; text-shadow: #fff 0 1px 0; }
ul.features { position: relative; z-index: 250; margin-top: 22px; margin-left: 66px; }
ul.features li { font-size: 1.12em; text-shadow: #fff 0 1px 0; margin-bottom: 12px; }
ul.features li a { color: #333; }
ul.features li a:hover { color: #333; text-decoration: underline; }
ul.features li.features-tracking { background: url('/images/icon-tracking.png') no-repeat top left; padding-left: 22px; }
ul.features li.features-campaigns { background: url('/images/icon-campaigns.png') no-repeat top left; padding-left: 22px; }
ul.features li.features-segmentation { background: url('/images/icon-segmentation.png') no-repeat top left; padding-left: 22px; }
ul.features li.features-scoring { background: url('/images/icon-scoring.png') no-repeat top left; padding-left: 22px; }
ul.features li.features-reports { background: url('/images/icon-reports.png') no-repeat top left; padding-left: 22px; }
ul.features li.features-alerts { background: url('/images/icon-alerts.png') no-repeat top left; padding-left: 22px; }
ul.features li.features-lists { background: url('/images/icon-lists.png') no-repeat top left; padding-left: 22px; }
ul.features li.features-save { background: url('/images/icon-save.png') no-repeat top left; padding-left: 22px; }
ul.features li.new-check { background: url('/images/chkHome.png') no-repeat top left; padding-left: 22px; height: 16px; display: block; margin-bottom: 25px; }
ul.features li.features-all { font-weight: bold; background: url('/images/icon-all.png') no-repeat top left; padding-left: 22px; }

#feed-container { position: relative; margin-top: 5px; margin-bottom: 24px; }
#feed-container #top {  width: 1004px; height: 95px; margin: 0 auto; overflow: hidden; background:url("/images/bg-feed-top.png") no-repeat scroll 0 0 transparent; }
#feed-container #middle { width: 808px; margin: 0 auto; padding: 0 98px; background: url("/images/bg-feed-middle.png") repeat-y scroll 0 0 transparent; overflow: visible; z-index: 100; }
#feed-container #middle #middle-container { width: 808px; }
#feed-container #middle #middle-container #middle-content { float: left; margin: -78px 0 -108px; position: relative; width: 808px; }
#feed-container #middle #middle-container #middle-content .middle-left { position: relative; margin-left: 20px; }
#feed-container #middle #middle-container #middle-content .middle-left .icon-blog-twitter, #feed-container #middle #middle-container #middle-content .middle-right .icon-blog-twitter { position: absolute; top: -10px; right: -10px; width: 32px; height: 32px; }
#feed-container #middle #middle-container #middle-content .middle-right { position: relative; margin-right: 20px; }
#feed-container #middle #middle-container #middle-content .middle-left ul, #feed-container #middle #middle-container #middle-content .middle-right ul { margin-bottom: 0; }
#feed-container #middle #middle-container #middle-content h5 { color: #fff; font-size: 1.5em; font-weight: bold; text-shadow: #525252 0 -1px 0; margin-bottom: 15px; }
#feed-container #middle #middle-container #middle-content p.feed-date { color: #fff; font-size: .9em; font-weight: normal; text-shadow: #525252 0 -1px 0; margin-bottom: 0; }
#feed-container #middle #middle-container #middle-content p.feed-title { font-size: 1.2em; font-weight: bold; text-shadow: #d1d1d1 0 1px 0; margin-bottom: 4px; }
#feed-container #middle #middle-container #middle-content p.feed-title a { color: #333; }
#feed-container #middle #middle-container #middle-content p.feed-title a:hover { color: #a23225; text-decoration: none; }
#feed-container #middle #middle-container #middle-content p.feed-text { font-size: 1.1em; }
#feed-container #middle #middle-container #middle-content p.feed-text a { color: #333; text-decoration: underline; }
#feed-container #middle #middle-container #middle-content p.feed-text a:hover { color: #333; text-decoration: underline; }
#feed-container #middle #middle-container #middle-content p.feed-text span { font-weight: bold; text-shadow: #d1d1d1 0 1px 0; }
#feed-container #middle #middle-container #middle-content div.readmore { font-size: .9em; font-weight: bold; text-align: right; padding-right: 12px; background: url('/images/icon-arrow.png') no-repeat top right; text-shadow: #d1d1d1 0 1px 0; }
#feed-container #middle #middle-container #middle-content div.readmore a { color: #333; }
#feed-container #middle #middle-container #middle-content div.readmore a:hover { color: #fff; text-decoration: none; text-shadow: #525252 0 -1px 0; }
#feed-container #bottom { width: 1004px; height: 126px; margin: 0 auto; overflow: hidden; background:url("/images/bg-feed-bottom.png") no-repeat scroll 0 0 transparent; }

#more-links { width: 750px; margin: 15px auto; font-size: 10px; text-align: center; }
#more-links a { color: #333333; }

/* Interactive Form Styles Pop-Up */
#interactiveForm { width: 400px; height: auto; margin: 0 auto; }
#interactiveForm .headerBlock { width: 400px; height: 76px; background-image: url(../images/background_interactive.jpg); background-repeat: repeat-x; border-bottom: 1px #fff solid; }
#interactiveForm.widthAuto100 { width: 100%; }
#interactiveForm div.widthAuto100 { width: 100%; }
#interactiveForm div.widthAuto90 { width: 90%; }
#interactiveForm .headerBlock h1 { font-size: 1.6em; text-shadow: #000 0px 1px 0px; color: #fff; text-align: center; line-height: 76px; }
#interactiveForm .formBlock { width: 360px; padding: 10px 20px 0px 10px; }
#interactiveForm .formBlock p.introText { font-size: 1em; color: #222; text-align: center; line-height: 1.5em; font-weight: bold; border-bottom: 1px #d6d5b9 solid; margin-bottom: 5px; padding-bottom: 10px; }
#interactiveForm .formBlock form { width: 70%; margin: 0 auto; padding: 5px 0 0px 0; }
#interactiveForm .formBlock form ul { list-style-type: none; padding: 0; float: none; clear: both; width: 100%; margin-top: 0; list-style-type: none; }
#interactiveForm .formBlock form li { clear: both; display: block; height: auto; margin: 0; background: none; }
#interactiveForm .formBlock label.desc { border: medium none; color: #717658; display: block; font-size: .9em; font-weight: bold; line-height: 150%; padding: 0 0 1px; margin: 0; }
#interactiveForm .formBlock .formRequired { font-size: 2em; color: #d73200; line-height: 8pt; padding-top: 0; margin: 0; }
#interactiveForm .formBlock .formAddText { display: inline; font-weight: normal; }
#interactiveForm .formBlock label.choice { color: #222222; display: block; font-size: .75em; letter-spacing: 0; line-height: 1.5em; margin: -1.65em 0 0 25px; padding: 0.5em 0 0.5em; width: 88%; }
#interactiveForm .formBlock form li span { float: none; }
#interactiveForm .formBlock form li div, form li span { display: block; color: #444; padding: 0 0 6px !important; }
#interactiveForm .formBlock form li div input.full, form li span input.full { width: 96%; }
#interactiveForm .formBlock form li div select.full, form li span select.full { width: 96%; }
#interactiveForm .formBlock input.checkbox, input.radio { display: block; height: 13px; line-height: 1.5em; margin: 0.6em 0 0 3px; width: 13px; }
#interactiveForm .formBlock .inline { display: inline; }
#interactiveForm .formBlock input.submit { background-color: #b12824; border: 1px outset #c0504d; color: #FFFFFF; height: 26px; padding: 4px 14px; text-align: center; width: 85px; margin: 20px 35% 0 35%; font-weight: bold; cursor: pointer; }
#interactiveForm .formBlock form li div label, form li span label { clear: both; color: #444444; display: block; font-size: 9px; line-height: 9px; margin: 0; padding-top: 6px; }
#interactiveForm .formBlock .noI form li, .noI form li.buttons, .altInstruct form li, .altInstruct form li.buttons { width: 97% !important; }