/* RESET CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
  vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}


/* Homeopage */
body {
  background: #fff;
  color: #212121;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

a {
  color: #212121;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

div#LoginWrapper {
  overflow: hidden;
  height: 0;
}

div#PageWrapper {
  width: 100%;
  background-color: #fff;
  position: relative;
}

div#PageWrapper a#OpenLogin {
  position: absolute;
  right: 0;
  top: 0;
  width: 96px;
  height: 96px;
  display: block;
  background: transparent url(/images/homepage/login.gif) no-repeat top left;
  text-indent: -9999em;
}

div#PageWrapper div.inner {
  width: 1012px;
  margin: 0 auto;
  text-align: left;
  padding: 50px 0 0;
}

div#PageWrapper div.inner h1 {
  width: 960px;
  padding: 0 26px 34px;
  height: 90px;
  background: #fff url(/images/homepage/slogan.gif) no-repeat 26px 0;
  text-indent: -9999em;
  margin-bottom: 1px;
}

div#PageWrapper div.inner div#Screencast {
  padding: 0 26px;
}

div#PageWrapper div.inner div#Screencast a {
  display: block;
  width: 950px;
  height: 615px;
  background: #fff url(/images/homepage/screencast.jpg) no-repeat top left;
  text-indent: -9999em;
}

div#PageWrapper div.inner div#Screencast a:hover {
  text-decoration: none;
}

div#PageWrapper div.inner div.blockquote_wrapper {
  padding: 0 26px;
  margin: 20px 0;
}

div#PageWrapper div.inner div#RobbyRussell {
  width: 960px;
  height: 90px;
  background: #fff url(/images/homepage/robby-russell-quote.gif) no-repeat 26px 0;
  text-indent: -9999em;
  margin-bottom: 35px;
}

div#PageWrapper div.inner div#GeoffreyGrosenbach {
  width: 960px;
  height: 125px;
  background: #fff url(/images/homepage/geoffrey-grosenbach-quote.gif) no-repeat 26px 0;
  text-indent: -9999em;
  margin-bottom: 4px;
}

div#PageWrapper div.inner div#Features {
  position: relative;
}

div#PageWrapper div.inner div#Features ul {
  padding: 0 26px;
  width: 960px;
  word-spacing: -1em;
}

div#PageWrapper div.inner div#Features ul li {
  word-spacing: normal;
  width: 310px;
  min-height: 302px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px 18px 0;
  border: 0;
  margin: 0;
  zoom: 1;
  *display: inline;
  _height: 302px;
}

div#PageWrapper div.inner div#Features ul li img.thumbnail {
  display: block;
  margin-bottom: 20px;
  cursor: pointer;
}

div#PageWrapper div.inner div#Features ul li img.fullsize {
  display: none;
  position: absolute;
}

div#PageWrapper div.inner div#Features a.frame {
  display: none;
  position: absolute;
  top: 26px;
  left: 38px;
  z-index: 10;
  width: 874px;
  height: 562px;
  background: transparent url(/images/homepage/frame.png) no-repeat top left;
}

div#ClientQuotes {
  padding: 0 26px;
  overflow: auto;
}

div#ClientQuotes div.pane {
  width: 304px;
  padding: 0 16px 0 0;
  float: left;
}

div#ClientQuotes div.pane p {
  padding-bottom: 18px;
}

div#ClientQuotes div.pane strong {
  font-weight: bold;
}

div#Competitors {
  width: 960px;
  padding: 0 26px;
  height: 72px;
  margin: 40px 0 58px;
  position: relative;
  text-indent: -9999em;
  background: #fff url(/images/homepage/competitors.gif) no-repeat 26px 0;
}

div#Competitors a#HoptoadLogo {
  position: absolute;
  width: 268px;
  height: 72px;
  display: block;
  top: 0;
  left: 380px;
  text-indent: -9999em;
}

div#Competitors a#ExceptionNotification {
  position: absolute;
  width: 268px;
  height: 72px;
  display: block;
  top: 0;
  right: 26px;
  text-indent: -9999em;
}

div#ScoutAd {
  width: 960px;
  padding: 0 26px;
  height: 72px;
  margin: 40px 0 58px;
  position: relative;
  text-indent: -9999em;
  background: #fff url(/images/homepage/scout-ad.gif) no-repeat 26px 0;
}

div#ScoutAd a#ScoutLogo {
  position: absolute;
  width: 200px;
  height: 72px;
  display: block;
  top: 0;
  left: 786px;
  text-indent: -9999em;
}

div#Feeds {
  width: 100%;
  background: #000 url(/images/homepage/starfield.jpg) repeat-x top center;
  position: relative;
  height: 473px;
}

div#Feeds div.inner {
  color: #fff;
  width: 960px;
  margin: 0 auto;
  text-align: left;
  padding: 0;
  background: transparent url(/images/homepage/badjoke.png) no-repeat 360px 170px;
  position: relative;
  height: 473px;
}

div#Feeds div.inner a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

div#Feeds div.inner a:hover {
  text-decoration: underline;
}

div#Feeds div.inner ul li {
  padding-bottom: 23px;
}

div#Feeds div.inner div#BlogFeed {
  width: 320px;
  position: absolute;
  top: 0;
  left: 0;
}

div#Feeds div.inner div#BlogFeed h2 {
  width: 320px;
  height: 104px;
  text-indent: -9999em;
  background: transparent url(/images/homepage/blog-header.gif) no-repeat top left;
}

div#Feeds div.inner div#TwitterFeed {
  width: 320px;
  position: absolute;
  top: 0;
  left: 640px;
}

div#Feeds div.inner div#TwitterFeed h2 {
  width: 320px;
  height: 104px;
  text-indent: -9999em;
  background: transparent url(/images/homepage/twitter-header.gif) no-repeat top left;
}

div#Footer {
  width: 100%;
  background-color: #fff;
  position: relative;
}

div#Footer div.inner {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  padding: 45px 0 23px;
  overflow: auto;
}

div#Footer div.inner ul.links {
  float: left;
  padding-top: 9px;
}

div#Footer div.inner ul.links li {
  display: inline;
  padding: 0 18px 0 0;
}

div#Footer div.inner ul.links li a {
  color: #212121;
  font-weight: bold;
  text-decoration: none;
}

div#Footer div.inner ul.links li a:hover {
  text-decoration: underline;
}

div#Footer div.inner a#ContrastLogo {
  float: right;
  width: 170px;
  height: 54px;
  display: block;
  text-indent: -9999em;
  background: #fff url(/images/homepage/contrast-logo.png) no-repeat top left;
  position: relative;
  top: -8px;
}

div.box {
  margin: 34px 0 26px;
  padding: 52px 0 0;
  width: 1012px;
  background: #fff url(/images/homepage/box-shadow-top.png) no-repeat top left;
}

div.box div.box_inner {
  padding: 0 36px 26px 26px;
  width: 950px;
  background: #fff url(/images/homepage/box-shadow-bottom.png) no-repeat bottom left;
}

div.box div.box_inner div.content {
  position: relative;
  top: -26px;
  margin-bottom: -26px;
  width: 950px;
}

div.plans div.box_inner {
  overflow: auto;
}

div.plans div.box_inner div.content {
  overflow: hidden;
}

div.plans div.box_inner div.content_units {
  width: 2850px;
  float: left;
}

div.plans div.box_inner div.content .content_unit {
  width: 950px;
  float: left;
  padding-top: 26px;
}

div.box div.box_inner div.content a.plans_button {
  display: block;
  text-align: center;
  width: 950px;
  padding: 41px 0 28px;
  text-decoration: none;
  color: #212121;
}

div.box div.box_inner div.content a.plans_button strong {
  display: block;
  width: 302px;
  height: 34px;
  margin: 0 auto;
  background: #fff url(/images/homepage/sign-up-now-button.png) no-repeat top left;
  text-indent: -9999em;
}

div.box div.box_inner div.content a.plans_button em {
  display: block;
  margin: 16px 0 0;
  font-style: normal;
  font-size: 16px;
}

div.list_of_plans {
  padding: 0 30px 10px 30px;
}

div.list_of_plans h2 {
  width: 890px;
  height: 41px;
  display: block;
  text-indent: -9999em;
  background: #fff url(/images/homepage/plans-header.png) no-repeat top left;
}

div.list_of_plans h3 {
  width: 890px;
  height: 42px;
  display: block;
  text-indent: -9999em;
}

div.list_of_plans h3.entry_level_package {
  background: #fff url(/images/homepage/entry-level-package.png) no-repeat top left;
}

div.list_of_plans h3.premium_packages {
  background: #fff url(/images/homepage/premium-packages.png) no-repeat top left;
}

div.list_of_plans ul li {
  width: 890px;
  height: 115px;
  padding: 15px 0;
}

div.list_of_plans ul li a {
  width: 884px;
  height: 109px;
  border: 0;
  padding: 3px;
  display: block;
  text-indent: -9999em;
}

div.list_of_plans ul li a:hover {
  padding: 0;
  border: 3px solid #000;
  text-decoration: none;
}

div.list_of_plans ul li.basic_plan a { background: #fff url(/images/homepage/basic-plan.png) no-repeat center center; }
div.list_of_plans ul li.mini_plan a { background: #fff url(/images/homepage/mini-plan.png) no-repeat center center; }
div.list_of_plans ul li.medium_plan a { background: #fff url(/images/homepage/medium-plan.png) no-repeat center center; }
div.list_of_plans ul li.mega_plan a { background: #fff url(/images/homepage/mega-plan.png) no-repeat center center; }

div.list_of_plans ul li.basic_plan a:hover { border-color: #c9c9c9; }
div.list_of_plans ul li.mini_plan a:hover { border-color: #b6e8f9; }
div.list_of_plans ul li.medium_plan a:hover { border-color: #ffefaf; }
div.list_of_plans ul li.mega_plan a:hover { border-color: #ffc6c8; }

div.list_of_plans p {
  font-size: 16px;
  padding: 12px 0 17px;
}

div.list_of_plans p a {
  color: #212121;
}

div.list_of_plans p a, div.list_of_plans p strong {
  font-weight: bold;
}

li.plan_form {
  padding: 4px 30px 0 30px;
}

li.plan_form div.plan_header {
  width: 890px;
  height: 115px;
  text-indent: -9999em;
}

li.plan_form div.plan_body {
  overflow: auto;
}

li.starter_plan div.plan_header { background: transparent url(/images/homepage/forms/starter-header.png) repeat-x top left; }
li.starter_plan div.plan_body { background: #efefef url(/images/homepage/forms/starter-bg.png) repeat-x bottom left; }
li.basic_plan div.plan_header { background: transparent url(/images/homepage/forms/basic-header.png) repeat-x top left; }
li.basic_plan div.plan_body { background: #efefef url(/images/homepage/forms/basic-bg.png) repeat-x bottom left; }
li.mini_plan div.plan_header { background: transparent url(/images/homepage/forms/mini-header.png) repeat-x top left; }
li.mini_plan div.plan_body { background: #f2fafd url(/images/homepage/forms/mini-bg.png) repeat-x bottom left; }
li.medium_plan div.plan_header { background: transparent url(/images/homepage/forms/medium-header.png) repeat-x top left; }
li.medium_plan div.plan_body { background: #fffaef url(/images/homepage/forms/medium-bg.png) repeat-x bottom left; }
li.mega_plan div.plan_header { background: transparent url(/images/homepage/forms/mega-header.png) repeat-x top left; }
li.mega_plan div.plan_body { background: #ffefef url(/images/homepage/forms/mega-bg.png) repeat-x bottom left; }

li.plan_form div.plan_body form {
  float: left;
  width: 454px;
  background: transparent url(/images/homepage/form-line.png) no-repeat top right;
}

li.plan_form div.plan_body form fieldset {
  padding: 19px 40px 0 32px;
}

li.plan_form div.plan_body form fieldset legend {
  display: none;
}

li.plan_form div.plan_body form fieldset div.form_group {
  padding-bottom: 20px;
  float: left;
  clear: left;
}

li.plan_form div.plan_body form fieldset div.button_group {
  padding-left: 127px;
}

li.plan_form div.plan_body form fieldset div.button_group input.submit_form,
li.plan_form div.plan_body form fieldset div.button_group a.submit_form {
  width: 255px;
  height: 34px;
  display: block;
  text-indent: -9999em;
  background: transparent url(/images/homepage/paypal-button.png) repeat-x top left;
}

li.starter_plan div.plan_body form fieldset div.button_group input.submit_form ,
li.starter_plan div.plan_body form fieldset div.button_group a.submit_form {
  background: transparent url(/images/homepage/signup-button.png) repeat-x top left;
}

li.plan_form div.plan_body form fieldset div.form_group label {
  width: 128px;
  font-weight: bold;
  float: left;
  padding-top: 4px;
}

li.plan_form div.plan_body form fieldset div.form_group input.text {
  width: 232px;
  padding: 5px 10px;
  border: 1px solid #787c7e;
  float: left;
}

li.plan_form div.plan_body form fieldset div.form_group span.fieldWithErrors label {
  color: #f00;
}

li.plan_form div.plan_body form fieldset div.form_group span.fieldWithErrors input {
  border: 1px solid #f00;
}

li.plan_form div.plan_errors {
  color: #f00;
  width: 374px;
  height: 198px;
  padding: 16px 26px;
  float: left;
  font-size: 14px;
}

li.plan_form div.plan_errors h4 {
  font-weight: bold;
  padding-bottom: 12px;
}

li.plan_form ul.plan_notes {
  width: 426px;
  height: 230px;
  float: left;
  background: transparent url(/images/homepage/form-notes.png) no-repeat top right;
  text-indent: -9999em;
}

li.plan_form p {
  font-size: 16px;
  padding: 12px 0 17px;
  overflow: auto;
}

li.plan_form p a {
  color: #212121;
}

li.plan_form p a, li.plan_form p strong {
  font-weight: bold;
}

li.plan_form span.prev {
  float: left;
  padding: 0 0 0 18px;
  background: transparent url(/images/homepage/prev-arrow.png) no-repeat 0 5px;
}

li.plan_form span.terms {
  font-weight: normal;
  float: right;
  font-size: 14px;
}

ul#CustomerLogos {
  background: #fff url(/images/homepage/customer-logos.png) no-repeat top left;
  width: 1012px;
  height: 384px;
  position: relative;
}

ul#CustomerLogos li {
  position: absolute;
}

ul#CustomerLogos li a {
  display: block;
  text-indent: -9999em;
}

ul#CustomerLogos li.logo_1 {
  left: 6px;
  top: 11px;
}

ul#CustomerLogos li.logo_1,
ul#CustomerLogos li.logo_1 a {
  width: 157px;
  height: 100px;
}

ul#CustomerLogos li.logo_2 {
  left: 280px;
  top: 24px;
}

ul#CustomerLogos li.logo_2,
ul#CustomerLogos li.logo_2 a {
  width: 218px;
  height: 86px;
}

ul#CustomerLogos li.logo_3 {
  right: 26px;
  top: 26px;
}

ul#CustomerLogos li.logo_3,
ul#CustomerLogos li.logo_3 a {
  width: 208px;
  height: 69px;
}

ul#CustomerLogos li.logo_4 {
  left: 16px;
  top: 230px;
}

ul#CustomerLogos li.logo_4,
ul#CustomerLogos li.logo_4 a {
  width: 110px;
  height: 109px;
}

ul#CustomerLogos li.logo_5 {
  left: 356px;
  bottom: 59px;
}

ul#CustomerLogos li.logo_5,
ul#CustomerLogos li.logo_5 a {
  width: 239px;
  height: 53px;
}

ul#CustomerLogos li.logo_6 {
  right: 16px;
  bottom: 60px;
}

ul#CustomerLogos li.logo_6,
ul#CustomerLogos li.logo_6 a {
  width: 300px;
  height: 57px;
}