body {
	color: #444;
	font: normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
}

a:link, a:visited {
	font-weight: bold;
	text-decoration: none;
}

a:link {
  color: #6b8d94;
}

a:visited {
  color: #666;
}

a:hover, a:active {
  background: #6b8d94;
  border-color: #6b8d94;
  color: #fff;
}

a:link.tool_tip, a:visited.tool_tip {
  border-bottom: 1px dotted #6b8d94;
}

a, strong, b { /* Straightens out OS X font rendering */
  line-height: 19px;
}

fieldset {
	margin-bottom: 10px;
}

abbr {
  border-bottom: 1px dotted #b4b4b4;
  cursor: help;
}

sup {
  vertical-align: top;
  font-size: 0.75em;
}

.hidden {
  display: none;
}

/* =GRID =MODIFIERS */

/* OH TOOD: Evaluate the necessity of the following declarations */
.container_16:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.container_16{display:inline-block}
* html .container_16{height:1%}
.container_16{display:block}

.container_12:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.container_12{display:inline-block}
* html .container_12{height:1%}
.container_12{display:block}

.clearfix li:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix li{display:inline-block}
* html .clearfix li{height:1%}
.clearfix li{display:block}

.alpha { clear: left}

/* =NAVIGATION */

#navigation {
	background-color: #004080;
  border-top: 1px solid #0050a0;
  border-bottom: 1px solid #003060;
	background: -moz-linear-gradient(-90deg, #004080, #005090);
}

/* =MENU =PRIMARY */

#menu_primary {
  padding: 9px 0;
}

#menu_primary ul {
  list-style-type: none;
  overflow: hidden;
}

#menu_primary ul li {
  float: left;
  margin-left: 20px;
}

#menu_primary ul li:first-child { /* This works for everything except IE6, which needs the last li to be targeted explicitly */
  margin-left: 0;
}

#menu_primary ul li a {
  border: 1px solid transparent;
  color: #dbeae3;
  display: block;
  font-size: .75em;
  padding: 4px 0;
  text-align: center;
  text-transform: uppercase;
  width: 98px;
}

#menu_primary ul li a { /* Safari */
  -webkit-border-radius: 14px;
}

#menu_primary ul li a, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 2px;
}

#menu_primary ul li a:hover {
	background: #003070;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.home #menu_primary ul li.menu_home a,
.features #menu_primary ul li.menu_features a,
.buy #menu_primary ul li.menu_buy a,
.tour #menu_primary ul li.menu_tour a,
.about #menu_primary ul li.menu_about a {
  color: #fff;
}

body.home li.menu_home, body.tour li.menu_tour, body.features li.menu_features, body.buy li.menu_buy  {
	background: #003070;
	background: -moz-linear-gradient(-90deg, #003070, #004080);
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* =MENU =SECONDARY */

#menu_secondary {
  padding-top: 10px;
}

#menu_secondary ul {
  list-style-type: none;
  overflow: hidden;
  width: 840px;
}

#menu_secondary ul li {
  float: left;
  margin-right: 20px;
}

#menu_secondary ul li a {
  border: 0;
  color: #888;
  display: block;
  font-size: .75em;
  font-weight: normal;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100px;
}

#menu_secondary ul li a { /* Safari */
  -webkit-border-radius: 14px;
}

#menu_secondary ul li a, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 14px;
}

#menu_secondary ul li a:hover {
  background: transparent;
  color: #444;
}

.features_index #menu_secondary ul li.menu_features_index a,
.features_hubs #menu_secondary ul li.menu_features_hubs a,
.features_user_home #menu_secondary ul li.menu_features_user_home a,
.features_details #menu_secondary ul li.menu_features_details a,
.affiliates_index #menu_secondary ul li.menu_affiliates_index a,
.affiliates_terms #menu_secondary ul li.menu_affiliates_terms a,
.affiliates_application #menu_secondary ul li.menu_affiliates_application a,
.about_index #menu_secondary ul li.menu_about_index a,
.about_team #menu_secondary ul li.menu_about_team a,
.about_news #menu_secondary ul li.menu_about_news a,
.about_press #menu_secondary ul li.menu_about_news a,
.about_careers #menu_secondary ul li.menu_about_careers a,
.about_contact #menu_secondary ul li.menu_about_contact a,
.about_media_kit #menu_secondary ul li.menu_about_media a {
  font-weight: bold;
  color: #191919;
}

/* =LAYOUT */

#wrapper {
  background: #fff url("/images/bg_content.png") top center repeat-x;
}

.home #wrapper {
  padding-top: 20px;
}

#highlight {
  position: absolute;
  right: 0;
  top: 60px;
}

/* =HEADINGS */

h1, h2 {
  letter-spacing: -.05em;
  line-height: 40px;
}

h1 {
  color: #000;
  font-size: 32px;
	font-weight: normal;
}

h2 {
	color: black;
	font-family: helvetica, arial, sans-serif;
	font-size: 32px;
	letter-spacing: -1px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

h3 {
  color: #59892f;
  font-size: 18px;
	letter-spacing: -0.03em;
	font-weight: normal;
}

h3.section, .blog_post .copy h4, h4.section {
  border-top: 1px solid #eee;
  clear: both;
  color: #888;
  font-size: .75em;
  margin: 0 0 20px 0;
  padding: 9px 0 10px 0;
  text-transform: uppercase;
}

h4, h5 {
  color: #3f5c26;
  font-size: 1em;
}

h3 span, h4 span, h5 span {
  font-weight: normal;
}

/* =FORMS */

/* OH TODO: Evaluate the necessity of these statements */
form:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
form {display:inline-block}
form {display: block}

label {
  color: #555;
  display: block;
}

abbr {
  border-bottom: 1px dotted #b4b4b4;
  cursor: help;
}

form abbr {
  color:#99CCCC;
  font-size:1.2em;
  font-style:normal;
  vertical-align:baseline;
  line-height: 14px;
  border:0pt none;
  cursor:help;
}

.helper {
  color: #828282;
  font-size: .925em;
}

.buttons .helper {
  font-size: 1.1em;
}

/* for the jQuery form validation error messaging */
#content label.error {
  color: #d12f19;
  font-size: 0.75em;
  font-weight: bold;
}

#content input.error, input.error:focus, .fieldWithErrors input, .fieldWithErrors textarea {
  border-color: #fbc2c4;
}

/* =LISTS */
.odd {
  background-color: #efefef;
}

/* =CONTENT */

hr {
  border: 0;
  border-top: 1px solid #eee;
  clear: both;
  height: 0;
  margin: 0;
}

q, .pullquote {
  color: #666;
  font: italic 1em/20px Cambria, Georgia, Times, 'Times New Roman', serif;
}

cite {
  display: block;
  font-style: normal;
  font-weight: bold;
}

cite span {
  font-weight: normal;
}

#content p {
  margin-bottom: 20px;
}

.bulleted li {
  list-style-type: disc;
  margin-left: 1em;
}

.newsletter .bulleted, .newsletter .numbered {
  margin-bottom: 20px;
}

.numbered li {
  list-style-type: decimal;
  margin-left: 20px;
}

/* =BANNER */

#banner {
	background: #0050a0;
  border-top: 1px solid #0060c0;
  border-bottom: 1px solid #004080;
}

.home #banner em.helper {
  color: #425f1d;
  display: block;
  font-size: .77em;
  margin: 14px 0 10px 0;
}

.home #banner em.helper, .home #banner em.helper a, .home #banner em.helper b, .home #banner em.helper strong {
  line-height: 15px;
}

.home #banner em.helper a:link, .home #banner em.helper a:visited {
  color: #3F5C26;
  display: inline;
}

.home #banner em.helper a:hover, .home #banner em.helper a:active {
  background-color: #3F5C26;
  color: #fff;
}

/* =MESSAGING */

.message {
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}

.grid_12.message {
  width: 660px;
}

.message { /* Safari */
  -webkit-border-radius: 5px;
}

.message, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 5px;
}

.info {
  background-color: #ecf8fa;
}

.alert {
  background-color: #fbe3e4;
}

.caution {
  background-color: #fffcde;
}

.subtle_button {
  background-color: #efefef;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}

.subtle_button a.button:link, .subtle_button a.button:visited {
  background-color: transparent;
  border-color: transparent;
}

.buttons.message {
  padding: 10px 20px;
}

.important {
  margin-bottom: 0;
}

.important p {
  font-size: 1.15em;
}

#content .message p {
  margin: 0;
}

#errorExplanation {
  background-color: #fbe3e4;
  border: 1px solid #fbc2c4;
  margin: 20px;
  padding: 10px;
}

#errorExplanation h3 {
  color: #191919;
  margin-bottom: 10px;
}

#errorExplanation p {
  margin-bottom: 10px;
}

#errorExplanation ul {
  margin-bottom: 10px;
}

#errorExplanation ul li {
  float: none;
  margin-bottom: 0;
  padding: 0;
}

/* =SHARED */

#signup_4 h2 {
  margin: 0;
}

#banner #signup_4 .buttons {
  margin-top: 15px;
  margin-bottom: 35px;
}

#signup_16 {
  background-color: #e7f3d9;
  margin: 40px 10px;
  padding: 20px;
  text-align: center;
  width: 900px;
}

#signup_16 h3 {
  color: #b6db8c;
  margin: 0;
}

#signup_16 h3 a:link {
  color: #59892f;
}

#signup_16 h3 a:hover {
  background-color: #59892f;
  color: #fff;
}

#featured_logos {
  margin-bottom: 30px;
  overflow: hidden;
}

#featured_logos li {
  float: left;
  margin-bottom: 10px;
}

#featured_logos li.alpha {
  clear: left;
}

#featured_logos li img {
  display: block;
  margin: 0 auto;
}

#blog_highlights {
  margin-bottom: 20px;
}

#blog_highlights .thumbnail {
  background: #e7f3d9;
  border-bottom: 1px solid #cfe7b3;
  display: block;
  padding: 5px 5px 4px 5px;
}

#blog_highlights .thumbnail:hover {
  background: #59892f;
}

#blog_highlights .thumbnail img {
  display: block;
}

#blog_highlights h5 {
  margin-top: 20px;
}

/* =FOOTER */

#bg_footer {
  background: #fff;
}

#footer {
  color: #666;
  font-size: .925em;
  padding: 20px 0;
}

#footer hr {
  display: none;
}

#footer h3 {
  color: #59892f;
  font-size: 18px;
  margin-bottom: 20px;
}

#footer ul.suggestions {
  border-top: 1px solid #333;
  margin-top: 10px;
  padding-top: 9px;
}

#footer ul.suggestions li a {
  border-bottom: 0;
  font-weight: normal;
}

#footer ul.suggestions li a:link {
  color: #e2f1cf;
}

#footer ul.suggestions li a:visited {
  color: #7a8a67;
}

#footer ul.suggestions li a:hover, #footer ul.suggestions li a:active {
  background-color: #e2f1cf;
  color: #191919;
}

#footer ul.suggestions li.support {
  font-weight: bold;
  margin-top: 20px;
}

#footer ul.suggestions li.support em {
  color: #7a8a67;
  font-style: normal;
  font-weight: bold;
}

#footer ul.suggestions li em.support,
#footer ul.suggestions li em.support a {
  color: #7a8a67;
  font-style: normal;
  font-weight: bold;
}

#footer #runner {
  border-top: 1px solid #444;
  clear: both;
  color: #444;
  margin-top: 20px;
  padding-top: 19px;
}

#footer #runner .sitemap_primary,
#footer #runner .sitemap_secondary,
#footer #runner p {
  text-align: right;
}

#footer #runner .sitemap_primary li,
#footer #runner .sitemap_secondary li {
  display: inline;
  margin-left: 20px;
}

#footer #runner .sitemap_primary li a {
  font-weight: normal;
}

#footer #runner #watermark {
  padding: 7px 0;
}

#footer #runner .omega {
  float: right;
}

#footer #runner #watermark img {
  display: block;
}

#footer #pitch a:link, #footer #pitch a:visited {
  color: #666;
  font-weight: normal;
}

#footer #pitch a:hover, #footer #pitch a:active {
  color: #fff;
}

/* =BUTTONS =BASE */
/* Abstracted from the Wufoo implementation - thanks guys! */
/* http://particletree.com/features/rediscovering-the-button-element/ */

.buttons {
  clear: both;
  font-size: .785em;
  margin-bottom: 30px;
  overflow: hidden; /* Float clearing for good browsers */
}

.buttons a.button, .buttons button {
  background: #e2e2e2;
  border: 1px solid #e2e2e2;
  color: #646464;
  cursor: pointer;
  display: block;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 0;
  padding: 4px 10px 5px 10px; /* Links */
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.buttons button {
  line-height: 16px; /* Safari 3 */
  overflow: visible;
  padding: 6px 10px 6px 10px; /* IE6 & Firefox 3 */
  width: auto;
}

.buttons button[type] {
  line-height: 20px; /* Safari */
  padding: 5px 10px 5px 7px; /* Firefox */
}

*:first-child+html button[type] {
  padding: 4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img {
  border: none;
  margin: 0 3px -3px 0 !important;
  padding: 0;
}

/* =BUTTONS =TWEAKS */

.buttons button, .buttons a.button { /* Safari */
  -webkit-border-radius: 14px;
}

.buttons a.button, .buttons button, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 14px;
}

/* =BUTTONS =STANDARD */

.buttons button:hover, .buttons a.button:hover, .buttons a.button:active {
  background: #304812;
  border: 1px solid #304812;
  color: #fff;
}

/* =BUTTONS =REVERSE */

button.reverse, .buttons a.reverse {
  background: #507526;
  border: 1px solid #507526;
  color: #fff;
}

.buttons a.reverse:hover, button.reverse:hover, .buttons a.reverse:active {
  background: #304812;
  border: 1px solid #304812;
  color: #fff;
}

/* =BUTTONS =FLAT */

.buttons button.flat, .buttons a.flat {
  background: #e2e2e2;
  border: 1px solid #e2e2e2;
}

.buttons button.flat:hover, .buttons a.flat:hover {
  background: #6b8d94;
  border: 1px solid #6b8d94;
  color: #fff;
}

/* =BUTTONS =UBER */

.uber_button {
  line-height: 65px;
  font-size: .925em;
}

.uber_button a.button {
  background-image: url("/images/bg_button_uber.png");
  background-repeat: repeat-x;
  background-position: bottom center;
  font-size: 1.1em;
  text-align: center;
}

.uber_button a.button {
  padding: 10px 0;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

/* Site Sections */

/* =HOME */

#banner .container_16 {
  position: relative;
}

#hero {
  position: absolute;
  left: 0;
  top: 60px;
}

#hero a:hover {
  background: none;
}

#banner .pitch {
  color: #fff;
  display: block;
  letter-spacing: -.05em;
  line-height: 40px;
  font-size: 40px;
  margin: 40px 0 20px 0;
	text-shadow: 1px 1px 2px #000;
}

#banner h1 {
/*  color: #304812;*/
  font-size: 30px;
  font-weight: normal;
  margin: 0 0 20px 0;

	color: #ccc;
}

#banner h2 {
  color: #304812;
  font-size: 30px;
}

#banner p {
  color: #304812;
}

#banner label {
  color: #304812;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}

#banner input {
  background: #e2f1cf;
  border: 1px solid #649636;
  width: 208px;
}

#banner input:focus {
  background: #fff;
  border: 1px solid #649636;
}

#banner .uber_button {
  margin: 40px 0;
  color: #ccc;
}

#banner .uber_button a.passive {
  color: #ccc;
}

#banner .uber_button a:hover.passive {
  background: none;
  border-bottom: 1px solid #fff;
  color: #ccc;
}

#banner .uber_button h2 {
  margin: 0;
  font-size: 1.3em;
}

#banner .uber_button a.button {
  background-color: #4e7429;
  border: 1px solid #36501d;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, .5);
}

#banner .uber_button a:hover.button {
  background-color: #5b8730;
  border: 1px solid #486c26;
}

#banner .uber_button em {
  font-family: Garamond, Georgia, serif;
  font-weight: normal;
  font-style: normal;
  color: #d7decf;
}

#banner .uber_button span {
  display: block;
  font-size: .75em;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0;
  color: #a5ab9f;
}

/* OH TODO: Same as the #banner #signup h2 -- something's overwriting this, and it either shouldn't be, or this needs to be grouped with other similar declarations */

/*#banner #signup_4 .buttons {
  margin-top: 15px;
  margin-bottom: 35px;
}*/

#hero {
  position: absolute;
  left: 0;
  top: 40px;
	height: 380px;
	overflow: hidden;
}

#hero a:hover {
  background: none;
}

.home #header {
  margin-top: 30px;
  margin-bottom: 10px;
}

.home #header h2, .home #product_demo h2 {
  color: #000;
  letter-spacing: 0;
  line-height: 20px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.home #header p, .home #product_demo p {
  color: #666;
  font-size: 13px;
}

.home #feature_preview {
  margin-top: 20px;
}

.home #feature_preview li {
  margin: 0 0 20px 0;
}

.home #feature_preview li h4 {
  margin-bottom: 0;
  padding-left: 60px;
}

.home #feature_preview li p {
  font-size: .925em;
  padding-left: 60px;
}

.home #feature_preview li#feature_customize, .home #feature_preview li#feature_collaborate {
  margin-right: 20px;
}

.home hr {
  margin: 0 auto 19px auto;
  width: 940px;
}

#testimonials {
  position: relative; /* Brings to front */
}

#testimonials h3 a:link {
  color: #59892f;
}

#testimonials h3 a:hover {
  background: #59892f;
  color: #fff;
}

#testimonials blockquote cite,
#testimonials blockquote em,
#testimonials blockquote span {
  float: left;
  margin-right: 4px;
}

#testimonials blockquote .who {
  padding: 10px 0;
}

#testimonials blockquote span.who {
  padding-bottom: 0;
}

blockquote cite {
  margin-bottom: 20px;
}

blockquote em {
  color: #b4b4b4;
  font-style: normal;
  font-weight: normal;
}

.home #blog_highlights #post_3 {
  margin-right: 0;
}

/* =TOUR */

#theatre {
  clear: both;
  background: #000;
  margin-bottom: 20px;
  padding: 20px 0;
}

#theatre .movie {
  margin: 0 auto;
  text-align: center;
  width: 640px;
}

#more_videos p {
  margin-bottom: 20px;
}

.tour #more_videos h3.section {
  border-top: 1px solid #59892f;
  color: #59892f;
}

.tour #more_videos h4 a:link, .tour #more_videos h4 a:visited {
  color: #304812;
}

.tour #more_videos h4 a:hover, .tour #more_videos h4 a:active {
  background-color: #304812;
  color: #fff;
}

.features_index .explore_container #hub, .features_index .explore_container #user_home {
  margin-top: 20px;
}

.features #features {
  margin-top: 40px;
}

.features #feature_preview li h4 {
  margin-bottom: 0;
  padding-left: 60px;
}

.features #feature_preview li p {
  font-size: .925em;
  padding-left: 60px;
}

.features #features .buttons {
  clear: both;
}

.features #features .buttons {
  margin-bottom: 0;
}

.features_index #feature_preview li#feature_customize {
  margin-left: 0;
}

.features_index #feature_preview li#feature_share_files {
  margin-right: 0;
}

#feature_preview li#feature_customize {
  background: url("/images/tools.png") no-repeat;
}

#feature_preview li#feature_share_files {
  background: url("/images/misc-box.png") no-repeat;
}

#hub, #user_home {
  position: relative;
}

#hub .description, #user_home .description {
  position: absolute;
  left: 0;
  top: 420px;
}

/* =FEATURES =DETAILS */

.features_details #features-list img {
  border: 5px solid #eee;
  margin-top: 5px;
}

.features_details #features-list ul li#comprehensive_hub_management img {
  margin-bottom: 20px;
}

.features_details #features-list {
  clear: both;
}

.features_details #feature-list li {
  clear: both;
}

.features_details #features-list ul li {
  margin-bottom: 20px;
}

/* =SUPPORT */

#help {
  font-size: .75em;
  text-align: right;
  text-transform: uppercase;
}

.three-bigbuttons {
  margin-bottom: 20px;
  overflow: hidden;
}

.three-bigbuttons .bigbutton {
  cursor: pointer;
  float: left;
  margin: 15px 20px 15px 0;
  width: 300px;
}
.three-bigbuttons .bigbutton a {
  background-color: #eee;
  background-position: 245px 50%;
  background-repeat: no-repeat;
  border-raiuds: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  float: left;
  line-height: 40px;
  padding: 20px;
  width: 260px;
}
.three-bigbuttons .last {
  float: right;
  margin-right: 0;
}

.bigbutton h2 {
  font-size: 11px;
  margin: 0;
}

.bigbutton h2 a {
  letter-spacing: 0;
  text-decoration: none;
  text-transform: uppercase;
}

.bigbutton h2 a {
	color: #59892f;
}

.bigbutton h2 a:hover {
	color: #444;
}

.bigbutton p {
	color: #666;
	margin: 0;
}

#subscribe-box {
	margin-top: 20px;
	-moz-border-radius: 5px;
	background-color: #dddddd;
	background: -moz-linear-gradient(-90deg, #dddddd, #ffffff);	
	padding: 10px;
}

#video {
	text-align: center;
	display: none;
	position: absolute;
	top: 50px;
	left: 130px;
	background-color: #000;
	width: 680px;
	height: 535px;
	padding-top: 30px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 0 20px #666;
}

.notice {
	padding: 10px;
	font-weight: bold;
	color: green;
}

.rule {
	border-bottom: 1px solid #DDD;
	clear: both;
	height: 0px;
	width: 50%;
	margin: 30px auto;
	overflow: hidden;
}

.screenshot {
	position: relative;
	width: 960px;
}

	.screenshot ul {}
		.screenshot ul li {
			border-top: 3px solid #39C;
			list-style: none;
			padding-right: 30px;
			padding-top: 6px;
			position: absolute;
			width: 110px;
			font-size: 12px;
		}

		.screenshot ul li.right {
			padding-left: 30px;
			padding-right: 0px !important;
			right: 0px !important;
		}