body {
  margin: 0;
  padding: 0;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:300;
}

/* Global Header Styles */

#header {
  height: 79px;
  background: #3b3b3b url(/img/header-bg.png);
  margin: 0 auto;
  min-width: 950px;
  border-bottom: 6px solid #00adf6;
}

#header #logo {
  width: 384px;
  height: 53px;
  margin-top: 10px;
  text-indent: -9000px;
  position: relative;
  cursor: pointer;
  background: url(/img/logo.gif) no-repeat;
}

#nav ul {
  margin-top: 25px;
  float: right;
}

#nav ul li {
  float: left;
  color: #fff;
  list-style-type: none;
}

#nav ul li a { 
  color: #e5e5e5;
  text-decoration: none;
  border: 1px solid #6a6a6a;
  padding: 7px 15px;
  margin-right: 10px;
  text-align: center;
  font-family: "Calibri", "Trebuchet MS", "Arial";
  font-weight: bold;
  font-size: 0.9em;
  display: block;
  line-height: 1.2em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#nav ul li.active a { 
  color: #fff;
  background: #8cc400;
}

#nav ul li a:hover {
  color: #fff;
  text-decoration: underline;
}

#nav ul li a:active { background: #111; }


/* Global Footer Styles */
#footer {
  height: 155px;
  margin-top: 3em;
  background: #3b3b3b;
  padding-top: 2em;
  text-align: left;
  border-top: 2px solid #bcc0c0; 
}

#footer #still-reading { 
  margin-right: 0.75em;
  vertical-align: top;
}

#footer h3 { 
  color: #ccc;
  text-indent: 0.5em;
}
#footer h2 { 
  color: #eee;
  font-size: 1.5em;
  margin-bottom: 0.25em;
}

#footer h2 a { 
  color: #eee;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
}

#footer h2 a:hover { 
  color: #00aec4;
  border-bottom: 1px dotted #fff;
}

#footer h2, #footer h3 { margin-left: 1.25em; padding: 0; }

#footer-nav, #legal { margin-top: 1em; }

#footer-nav ul li#menu { color: #ccc; }
#footer-nav ul { padding: 0; margin: 30px 0 0 20px; }

#legal ul { 
  padding: 0;
  float: right;
  margin: 30px 20px 0 0;
}

#footer-nav ul li, #legal ul li {
  float: left;
  padding: 0px;
  margin-right: 30px;
  font-size: .8em;
  color: #fff;
  list-style-type: none;
}

#legal ul li { font-size: 0.7em; }

#footer-nav ul li a, #legal ul li a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted #888;
}

#footer-nav ul li.active a, #legal ul li.active a { border-bottom: 1px solid #fff; }
#footer-nav ul li a:hover, #legal ul li a:hover { border-bottom: 1px dotted #ccc; }


/* Global Utility Styles */

em { font-style: italic; }
.no-border { border: none !important; }
.blue { color: #00a8c4 !important; }
.green { color: #8cc400 !important; }

/* Home Page Styles */

#home #feature-content {
  min-width: 950px;
  background: url(/img/feature-bg.gif);
  padding: 1.5em 0 3em 0;
  margin: 0 0 1.5em 0;
  border-bottom: 2px solid #bcc0c0;
}

#home #feature-content h2 { 
  width: 592px;
  height: 39px;
  margin: 0 auto;
  text-indent: -9000px;
  background: url(/img/feature-text.gif) no-repeat;
}

#home #feature-content h3 { 
  width: 743px;
  height: 24px;
  margin: 5px auto 2em auto;
  text-indent: -9000px;
  background: url(/img/feature-text.gif) -594px 0 no-repeat;
}

#home #feature-content #keep-track h4 { width: 204px; background-position: -1336px 0 !important; }
#home #feature-content #create-social h4 { width: 243px; background-position: -1539px 0 !important; }
#home #feature-content #connect-people h4 { width: 240px; background-position: -1782px 0 !important; }
#home #feature-content .feature h4 { 
  height: 20px;
  margin: 20px auto 10px auto;
  text-indent: -9000px;
  background: url(/img/feature-text.gif) no-repeat;
}

#home #feature-content .feature { margin-bottom: 1em; }

#home #feature-content .feature .description { 
  text-align: justify;
  margin: 0 auto;
}

#home #feature-content #video {
  width: 700px;
  height: 420px;
  background: #f5fafa url(/img/screenshot.jpg);
  margin: 0.8em auto 0.8em auto;
}

#home #feature-content .description {
  font-size: 0.8em;
  color: #747474;
  margin: 0;
  width: 245px;
  padding-bottom: 1.25em;
  text-align: justify;
}

#home #feature-content hr {
  width: 90%;
  margin: 0 auto 2em auto;
}

#feature-tour, #sign-up-now {
  width: 250px;
  height: 52px;
  float: right;
  text-indent: -9000px;
  display: block;
  background: url(/img/tour-button.gif) no-repeat;
}
#sign-up-now { background: url(/img/tour/sign-up.gif) no-repeat !important;}
#sign-up-now:active { background-position: 0 -52px !important; }

#email {
  color: #ccc;
  padding: 12px 10px 4px 10px;
  font-size: 24px;
  height: 36px;
  width: 240px;
  border: 1px solid #ccc;
  float: left;
}

#or {
  font-weight: bold;
  color: #c0c5c5;
  text-align: center;
  font-size: 1.5em;
  padding-top: 10px;
}

form#try-sunago { position: relative; }
form#try-sunago fieldset { display: inline; }

form #email-permission, #email-permission-label {
  position: absolute;
  top: 60px;
  left: 0;
}

form #email-permission-label {
  left: 20px;
  font-size: 0.7em;
}

#try-now { 
  width: 180px;
  height: 52px;
  float: left;
  margin-left: 30px;
  text-indent: -9000px;
  display: block;
  border: 0;
  background: url(/img/try-button.gif) no-repeat;
}

#try-now:active { background-position: 0 -52px !important; }

#home #product-grid h2 {
  font-size: 1.5em;
  color: #00aec4;
}

#home #product-grid h3 { 
  color: #888;
  margin: 0 0 1.5em 0;
}

#home #product-grid h2 span { color: #8cc400; }

#home #product-grid h4 { 
  font-weight: bold;
  text-align: center;
  font-size: 1.25em;
  margin-top: 0.5em;
}

#home #product-grid h4 a { color: #333; text-decoration: none; }
#home #product-grid h4 a:hover { color: #00aec4; }

#home #product-grid .description { 
  font-size: 0.8em;
  text-align: justify;
  padding: .8em 25px 0 15px;
  line-height: 1.75em;
  border-right: 1px dotted #ccc;
}

#home #touch-info .description { border-right: 0; }

#home #product-grid a {
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
  color: #00b1c7;
}

#home #product-grid a:hover { color: #8cc400; }

#home #fading-testimonials {
  font-weight:300;
  background: #f0f7f7 url(/img/feature-bg.gif);
  height: 85px;
  margin: 2.5em 0;
  border-top: 2px solid #bcc0c0;
  border-bottom: 2px solid #bcc0c0;
}

#home #fading-testimonials blockquote { 
  margin: 0.5em 0 0 0 !important;
  padding: 0;
}

#home #fading-testimonials blockquote p { padding: 0; }

#home #fading-testimonials blockquote, #fading-testimonials cite {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.5em;
}

#home #fading-testimonials cite { 
  font-size: 0.9em;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 100%;
  font-style: normal;
  color: #b8b8b8;
}

#home .fpo-screenshot {
  width: 275px;
  height: 180px;
  display: block;
  border: 1px solid #ccc !important;
  margin: 0 auto;
}

#home .fpo-screenshot:hover { border: 1px solid #333 !important; }

#home #community-screenshot { background: url(/img/screenshots/welcome-community.png) no-repeat; }
#home #social-screenshot { background: url(/img/screenshots/welcome-social.png) no-repeat; }
#home #touch-screenshot { background: url(/img/screenshots/welcome-touch.png) no-repeat; }

#home #how-using { text-align: left; }

#home #how-using h3 {
  font-size: 1.5em;
  color: #00aec4;
  margin: 0 0 10px 0;
}

#home #how-using h4 {
  color: #8cc400;
  font-weight: bold;
}

#home #how-using h4 a { color: #00aec4; }

#home #how-using ul { padding: 0 0 .5em .5em; }

#home #how-using li { 
  color: #444;
  font-size: 1.2em;
  list-style-type: none;
  margin-bottom: 10px;
}

#home #how-using li:before { content: "– "; }

#home #fpo-clients {
  float: right;
  width: 400px;
  height: 300px;
  position: relative;
}

#home #fpo-clients img { border: 1px solid #ccc; }

#home #fpo-clients a {
  font-size: 0.8em;
  color: #00aec4;
  font-weight: bold;
  border-bottom: 1px dotted #ccc;
  text-decoration: none;
}


/* Product Tour Styles */

#tour #tour-container,
#help #help-container,
#signup #signup-container,
#about #about-container,
#terms #terms-container,
#privacy #privacy-container {
  min-width: 950px;
  background: url(/img/feature-bg.gif);
  padding: 1.5em 0 3em 0;
  margin: 0 0 1.5em 0;
  border-bottom: 2px solid #bcc0c0; 
}

#tour #tour-container h2,
#help #help-container h2,
#signup #signup-container h2,
#terms #terms-container h2,
#about #about-container h2,
#privacy #privacy-container h2 {
  width: 655px;
  height: 66px;
  margin: 0 auto;
  text-indent: -9000px;
  background: url(/img/tour/heading.gif);
}

#help #help-container h2 { 
  width: 706px;
  background: url(/img/help/heading.gif) !important;
}

#signup #signup-container h2 { 
  width: 615px;
  background: url(/img/signup/heading.gif) !important;
}

#about #about-container h2 { 
  width: 687px;
  background: url(/img/about/heading.gif) !important;
}

#privacy #privacy-container h2 {
  width: 500px;
  background: url(/img/privacy/heading.gif) !important;
}

#terms #terms-container h2 {
  width: 500px;
  background: url(/img/terms/heading.gif) !important;
}

#tour #tour-container #tabs, #help #help-container #tabs {
  width: 660px;
  height: 50px;
  margin: 30px auto 0 auto;
  background: #fff;
  border-left: 1px solid #bcbdbd;
  border-right: 1px solid #bcbdbd;
  border-top: 1px solid #bcbdbd;
  list-style-type: none;
}

#tour #tour-container #tabs li, #help #help-container #tabs li {
  float: left;
  font-size: 1.25em;
  font-weight: bold;
  border-right: 1px dotted #ccc;
  margin: 10px 0;
  padding: 0 33px;
}

#tabs li.last { border: none !important; padding-right: 0 !important; }

#tour #tour-container #tabs li a:hover, #tour #tour-container #tabs li a.active,
#help #help-container #tabs li a:hover, #help #help-container #tabs li a.active { color: #2daaf2; }

#tour #tour-container #tabs li a, #help #help-container #tabs li a {
  color: #3b3b3b;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
}

#tour .tour-content,
#help .help-content,
#signup .signup-content,
#about .about-content,
#terms .terms-content,
#privacy .privacy-content {
  background: #fff;
  width: 840px;
  padding: 10px 30px;
  margin: 0 auto;
  font-size: 0.9em;
  font-weight: normal;
  color: #333;
  border: 1px solid #bcbdbd;
  overflow: hidden;
  text-align: left;
}

#tour .tour-content hr, #help .help-content hr { margin-top: 2em; }

#tour .tour-content h3,
#help .help-content h3,
#signup .signup-content h3,
#about .about-content h3,
#terms .terms-content h3,
#privacy .privacy-content h3 {
  font-size: 2em;
  font-weight: bold;
  color: #2daaf2;
}

#tour .tour-element { 
  padding: 0.25em 0; 
  overflow: hidden;
}

#tour .tour-element h4 {
  font-size: 1.5em;
  color: #3b3b3b;
  font-weight: bold;
}

#tour .tour-element p {
  width: 300px;
  margin: 1em 0 0 0;
  font-size: 0.8em;
  line-height: 2em;
  float: left;
  font-family: 'Verdana';
}

#tour .tour-element img {
  float: right;
  display: block;
  border: 1px solid #ccc;
  width: 440px;
  height: 309px;
  margin-top: -2em;
}

#tour .tour-section, #help .help-section { display: none; }
#tour .tour-section.active, #help .help-section.active { display: block; }


/* Get Help */

#help ol { margin-left: 3em; }
#help ol li p { margin-bottom: 1.5em; }
#help ol li .answer { display: none; }
#help ol li a.q.active { color: #2daaf2; }

#help ol li a.q { 
  font-size: 1.25em;
  font-weight: bold;
  color: #3b3b3b;
  line-height: 2em;
}


/* Signup */


#pricing table {
	margin: 0 auto;
	width: 850px;
	background: #fff;
	border: 1px solid #ccc;
}

#pricing table thead {
	color: #fff;
	background: #00a8c4;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}
#pricing table thead th { 
  font-weight: bold;
  font-size: 0.9em;
  text-align: center;
  padding: 3px 0;
}

#pricing table .upto {
	font-weight: bold;
	background: #ebf8f8;
}

#pricing table td { 
	text-align: center;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

#pricing table td.last { border-bottom: none; }
#pricing table td.everything { font-weight: bold; }
#pricing table .all { background: #ebf8f8; font-weight: bold; }
#pricing h3 {
  text-align: center;
  font-size: 1.5em;
  margin: 0.5em 0;
}

.signup-content p { margin-bottom: 1em; }
.signup-content h4,
.about-content h4,
.privacy-content h4,
.terms-content h4, { 
  color: #3b3b3b;
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

#signup hr {
  width: 90%;
  margin: 0 auto 2em auto;
}

#signup .seconds { text-align: center; }

#registration {
  width: 700px;
  margin: 25px auto 30px auto;
  border: 1px solid #ccc;
  padding: 15px 30px;
  background: #f8f8fc;
}

#registration p { 
  clear: both;
  height: 1.2em;
  overflow: hidden;
  padding-bottom: 1.25em;
}

#registration .floatless {
  width: 16px;
  display: inline !important;
  float: none !important;
}

#registration p.tall { height: 2.25em; }

#registration #tos {
  width: 690px;
  height: 250px;
  margin: 0 auto;
}

#registration p label {
  display: block;
  float: left;
  width: 250px;
  padding-top: 5px;
  font-size: 1.1em;
  margin-left: 10px;
}

#registration p input {
  display: block;
  float: left;
  width: 200px;
  padding: 5px;
  font-size: 1.1em;
}

#registration p input.radio {
  float: none;
  width: auto;
  display: inline;
  margin: 0px 15px 10px 5px;
}

#registration fieldset h5 { font-size: 1.25em; margin-bottom: 10px; }
#registration select { margin-top: 8px; }

#registration #account_subdomain {
  display: inline; 
  float: none;
}

#registration #user_first_name, #registration #user_last_name { width: 90px; margin-right: 6px;}

#signup #submit {
  width: 250px;
  height: 52px;
  float: right;
  text-indent: -9000px;
  display: block;
  border: 0;
  background: url(/img/signup/submit-button.gif) no-repeat;
}

#signup #submit:active { background-position: 0 -52px !important; }
#signup #registration button { float: none !important; margin: 40px auto 20px auto; }

/* About Us */
.terms-content p,
.about-content p,
.privacy-content p { margin-bottom: 1em; }