/* =GRID OVERRIDE */
/*  Grid is inactive when entire section is commented */
/*
body { background: #fff url("./images/16_col.png") center top repeat-y !important; }
.gutter, #navigation, #wrapper, #banner, #content, #container, #bg_social, #bg_footer { background: none !important; }
*/

/* =PLACEHOLDER & =LOREM =IPSUM */

.ph { background: #c03 !important; opacity: .1; }
.li { color: #c03 !important; }

/* =SETUP */

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

a:link, a:visited {
  text-decoration: none;
	color: #6299c5;
}

a:hover, a:active { color: #693; }
strong, b { font-weight: 600; }

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

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

.hidden { display: none; }

.separator {
  border-top: 1px solid #f6f6f6;
  padding-top: 19px;
}

.gutter em.telephone
{
    font-size: 1.6em;
    font-weight: bold;
}

/* =GRID =MODIFIERS */

.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}

/* =GUTTER */

.gutter {
  background: #a53935 url("./images/bg_gutter.png") bottom left repeat-x;
  padding: 20px 0;
}
.gutter .logo a {
  background: transparent url("./images/logo-wilson-alarms.png") no-repeat;
  border: 0;
  display: block;
  height: 60px;
  width: 318px;
}

.gutter .logo img {
  display: block;
  width: 0;
}

.gutter .sign_in { text-align: right; }

.gutter em {
  color: #828282;
  color: rgba(255, 255, 255, .4);
  font-size: 13px;
  font-family: Cambria, Georgia, Times, 'Times New Roman', serif;
  line-height: 40px;
  text-align: right;
}

.gutter em strong { color: #b4b4b4; }
.gutter .buttons { margin-top: 5px; }

.gutter .buttons .button {
  background-color: #444;
  border-color: #3a3a2f;
  color: #6299c5;
  margin: 0;
  text-shadow: 0 -1px #000;
}

.gutter .buttons .button:hover {
  background-color: #646464;
  border-color: #555;
  color: #fff;
}

.gutter .buttons .button:active {
  background-color: #6299c5;
  border-color: #5382a8;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, .4);
}

/* =NAVIGATION */

#navigation {
  background: #DCD040 url("./images/bg_navigation.png") bottom center repeat-x;
  border-top: 1px solid #DCD040;
  border-bottom: 1px solid #CAC016;
}

#navigation .phone {
  background: transparent url('./images/icons/dark_phone.png') 2.6em 8px no-repeat;
  color: #2e5945;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0px;
  padding: 5px 0;
  text-align: right;
}

/* =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 #6D6A33;
  color: #6D6A33;
  display: block;
  font-size: 11px;
  font-weight: bold;
  padding: 4px 20px;
  text-align: center;
  text-transform: uppercase;
}

#menu_primary ul li a:hover {
  background: #C4BB11;
  border: 1px solid #ADA20F;
}

.home #menu_primary ul li.menu_home a,
.commercial #menu_primary ul li.menu_commercial a,
.domestic #menu_primary ul li.menu_domestic a,
.about #menu_primary ul li.menu_about a {
  background: #6D6A33;
  border: 1px solid #C4BB11;
  color: #fff;
}

/* =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: #828282;
  display: block;
  font-size: 11px;
  font-weight: bold;
  padding: 0 20px;
  text-transform: uppercase;
  text-shadow: 0 1px rgba(255, 255, 255, .5);
}

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

.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,
.team #menu_secondary ul li.menu_about_team a,
.news #menu_secondary ul li.menu_about_news a,
.careers #menu_secondary ul li.menu_about_careers a,
.contact #menu_secondary ul li.menu_about_contact a,
.about_media_kit #menu_secondary ul li.menu_about_media a,
.products.overview #menu_secondary ul li.menu_products_overview a,
.products.tour #menu_secondary ul li.menu_products_tour a,
.products.examples #menu_secondary ul li.menu_products_examples a,
.products.features #menu_secondary ul li.menu_products_features a,
.products.pricing #menu_secondary ul li.menu_products_pricing a {
  color: #000;
}

/* =LAYOUT */

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

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

#header { position: relative; }

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

/* =HEADINGS */

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

h1 {
  color: #000;
  font-size: 32px;
  font-weight: bold;
  margin-top: 30px;
}

h2 {
  color: #666;
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 30px;
}

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

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;
}

/* =LISTS */

.odd {
  background-color: #efefef;
}

/* =CONTENT */

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

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

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

cite span {
  font-weight: normal;
}

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

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

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

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

.download {
  background: transparent url("./images/icons/download_16x16.png") left center no-repeat;
  padding-left: 20px;
}

a.download:hover, a.download:active {
  background-image: url("./images/icons/download_16x16.png");
  background-position: left center;
  background-repeat: no-repeat;
}

#learn_more {
  color: #b6db8c;
}

#learn_more a:link, #learn_more a:visited {
  background-color: #f4f4f4;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #777;
  display: block;
  font-size: 18px;
  line-height: 19px;
  margin: 40px 0;
  padding: 20px;
  text-align: center;
  width: 900px;
}

#learn_more a:visited {
  color: #b4b4b4;
}

#learn_more a:hover, #learn_more a:active {
  background-color: #e7f3d9;
  color: #59892f;
}

/* =BANNER */

#banner {
  background: #F2EE0C url("./images/bg_banner.png") top center repeat-x;
  border-top: 1px solid #D6CE12;
  padding: 30px 0;
}

#banner .pitch {
  color: #fff;
  font-size: 30px;
  font-weight: normal;
  display: block;
  letter-spacing: -.05em;
  line-height: 40px;
  margin: 10px 10px 10px 10px;
}

#banner h1 {
  color: #304812;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 20px;
}

#banner h2 {
  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 #signup_4 .buttons { /* OH TODO: Deprecated; we're removing the screencasts, and this declaration now only gets used there - the tour pages no longer use the banner id */
  margin-top: 15px;
  margin-bottom: 35px;
}

/* =PRODUCTS =BUTTONS =UBER */

.products .uber_button {
  float: right;
  margin: 8px 10px;
}

.products .uber_button a:link, .products .uber_button a:visited {
  background-color: #24686e;
  border: 1px solid #2d5c63;
  font-size: 1.2em;
  float: right;
  padding: 8px 0 12px 0; /* OH TODO: The products banner uber button is offset, so I hacked a fix for it, but it really shouldn't need to be fixed like that. Something's causing the offset. */
  width: 145px;
}

.products .uber_button a:hover, .products .uber_button a:active {
  background-color: #406d72;
  border: 1px solid #2d5c63;
}

.products #banner #hero a {
  line-height: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

/* =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;
}

/* =SCREENSHOTS */

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

.screenshots a {
  background: #eff5f9;
  border: 1px solid #6299c5;
  display: block;
  padding: 4px;
}

.screenshots a img { display: block; }

.screenshots a:hover {
  background-color: #693;
  border-color: #693;
}

.screenshot {
  display: block;
  border: 1px solid #e2e2e2;
  padding: 9px;
}

.grid_4 .screenshot { width: 280px; }

/* =QUOTES */

blockquote { clear: both; }
q { line-height: 30px; }
p.who cite, p.who span { color: #646464; }

p.who {
  color: #b4b4b4;
  line-height: 20px;
  margin-bottom: 10px !important;
  padding: 10px 0;
}

p.who a {
  display: block;
  font-size: .925em;
  margin-left: 12px;
}

/* =PUSH */

.push {
  clear: both;
  padding-bottom: 30px;
  overflow: hidden;
  text-align: left;
}

.push .buttons { margin-top: 5px; }

/* =PUSH =SIGN =UP */

.sign_up em {
  font-family: Cambria, Georgia, Times, 'Times New Roman', serif;
  line-height: 40px;
  margin-bottom: 0 !important;
}

/* =FEATURES =OVERVIEW */

#explore_userhome a, #explore_hub a {
  display: block;
  height: 500px;
  text-indent: -9999px;
  width: 460px;
}

#explore_hub a {
  background: transparent url('./images/features/hub_jump.png') left top no-repeat;
}

#explore_userhome a {
  background: transparent url('./images/features/user_home_jump.png') left top no-repeat;
}

#explore_userhome a:hover, #explore_hub a:hover {
  text-indent: 0;
}

#explore_userhome a:hover span, #explore_hub a:hover span {
  background-color: #6B8d94;
  border-radius: 14px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  margin: 180px 0px 0px 95px;
  opacity: .8;
  padding: 5px;
  text-align: center;
  width: 270px;
}

#explore_userhome a:hover span, #explore_hub a:hover span { /* Safari 3 */
  -webkit-border-radius: 14px;
}

#explore_userhome a:hover span, #explore_hub a:hover span, x:-moz-any-link span, x:default span { /* Firefox 3 */
  -moz-border-radius: 14px;
}

#explore-userhome-description {
  text-align: right;
}

#explore-hub-description img, #explore-userhome-description img {
  border: 5px solid #eee;
  margin-top: 5px;
}

#explore-hub-description a.thumbnail:hover, #explore-userhome-description a.thumbnail:hover {
  background-color: transparent;
}


#hub, #user_home {
  position: relative;
}

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

/* =FEATURES =ANATOMY */

#anatomy-bottom-nav h3 {
  font-size: 1.1em;
  font-weight: bold;
}

#anatomy-bottom-nav h3, #anatomy-bottom-nav h3 a {
  color:#000;
}

#anatomy-bottom-nav .right h3 {
  margin-bottom: 18px;
}

#content p.anatomy-blurb {
  margin-top: 6px;
  margin-bottom: 10px;
}

/* =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;
}

/* =EXAMPLES */

.examples #content { padding-bottom: 20px; }

/* =SUPPORT */

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

#help a {
  background: url("./images/icons/help.png") right center no-repeat;
  border: 0;
  color: #b4b4b4;
  display: block;
  line-height: 40px;
  padding-right: 50px;
}

#help a:hover {
  background-image: url("./images/icons/help_hover.png");
  color: #e15a38;
}

.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;
}

.three-bigbuttons .bigbutton-newissue a { background-image: url("./images/icons/bigbtnicon-newissue.gif"); }
.three-bigbuttons .bigbutton-discussions a { background-image: url("./images/icons/bigbtnicon-requests.gif"); }
.three-bigbuttons .bigbutton-knowledgebase a { background-image: url("./images/icons/bigbtnicon-discussions.gif"); }

.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;
}

.screencasts li.alpha {
  clear: left;
}

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

.screencasts .thumbnail a:hover {
  background: #59892f;
}

.screencasts .thumbnail img {
  display: block;
}

.screencasts p {
  font-size: .925em;
}

/* =BLOG */

.blog #next_steps {
  margin-bottom: 70px;
}

#rss {
  font-size: .75em;
  margin-top: 20px;
  text-align: right;
  text-transform: uppercase;
}

#rss a {
  background: url("./images/icons/feed_icon_hover.png") right center no-repeat;
  border: 0;
  color: #f60;
  display: block;
  line-height: 32px;
  padding: 0;
  padding-right: 40px;
}

#rss a {
  border-radius: 6px;
}

#rss a { /* Safari 3 */
  -webkit-border-radius: 6px;
}

#rss a, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 6px;
}

#rss a:hover {
  background-color: #f60;
  background-image: url("./images/icons/feed_icon_hover.png");
  color: #fff;
}

.rss_link.grid_2, #highlight.grid_2 {
  width: 120px;
}

#post_form .helper, #contact_form .helper {
  position: absolute;
  bottom: 107px;
  left: 370px;
}

#post_form input, #post_form textarea {
  background-color: #fff;
}

#post_form input, #contact_form input {
  width: 288px;
}

#post_form .comment_entry label {
  line-height: 40px;
}

.navigate_posts.grid_2, #highlight.prefix_2 {
  width: 80px;
}

/* =BLOG =ARCHIVES */
.rss_link.prefix_2 {
  padding-left: 90px;
}

.rss_link {
  margin-top: 64px;
}

/* OH TODO: Update the code on the main blog list to be more consistent with the rest of the blog so that this declaration is unnecessary */
#highlight .rss_link {
  margin-top: 4px;
}

.rss_link h3 {
  margin-bottom: 0;
}

.blog #blog_highlights .featured_1 {
  margin-left: 0;
}

.blog #blog_highlights .featured_3 {
  margin-right: 0;
}

#posts .post {
  clear: both;
  margin-bottom: 20px;
}

#posts .post .comments {
  background: url("./images/icons/comment.png") left 2px no-repeat;
  font-size: .925em;
  padding-left: 20px;
}

#posts .post .comments a:link {
  color: #888;
  font-weight: normal;
}

#posts .post .comments a:hover {
  color: #fff;
}

#posts .post h6 a:link {
  color: #59892f;
}

#posts .post h6 a:hover {
  background: #59892f;
  color: #fff;
}

#posts .post .summary {
  font-size: .925em;
}

#intro {
  color: #888;
  font: italic 1em/20px Cambria, Georgia, Times, 'Times New Roman', serif;
  float: right;
}

.blog #signup_4 p {
  font-size: .923em;
}

#digg #digg-widget-container {
  font-size: .925em;
}

#digg #digg-widget-container .digg-count {
  display: none;
}

#digg #digg-widget-container ul {
  margin-left: 1em;
}

#digg #digg-widget-container ul li {
  list-style-type: disc;
}

#digg #digg-widget-container ul li a:link,
#digg #digg-widget-container ul li a:visited {
  font-weight: bold;
  text-decoration: none;
}

#digg #digg-widget-container ul li a:link {
  color: #6b8d94;
}

#digg #digg-widget-container ul li a:visited {
  color: #666;
}

#digg #digg-widget-container ul li a:hover,
#digg #digg-widget-container ul li a:active {
  background: #6b8d94;
  border-color: #6b8d94;
  color: #fff;
}

/* =BLOG =POST */
.blog_post #post #header {
  margin: 0;
}

.blog_post #post h2 {
  margin-bottom: 0;
}

.blog_post #post h3, .blog_post #post h4 {
  font-weight: normal;
}

.blog_post .copy {
  margin-top: 40px;
}

.blog_post .copy ol li {
  margin-bottom: 20px;
}

.blog_post .copy blockquote {
  clear: both;
  margin: 0 60px;
}

.blog_post .copy img {
  background: #eee;
  border-bottom: 1px solid #d4d4d4;
  display: block;
  margin: 0 0 20px 0;
  padding: 5px 5px 4px 5px;
}

.blog_post .copy .noborder img, .features #content img.noborder { /* OH TODO: Find a better solution for this */
  background-color: transparent;
  border: 0 none;
  padding: 0;
}

.blog_post .copy pre {
  background-color: #191919;
  clear: both;
  color: #828282;
  font-size: .925em;
  margin: 20px 0;
  overflow: auto;
  padding: 10px;
}

.blog_post .copy table {
  border: 1px solid #d4d4d4;
  margin-bottom: 20px;
  width: 100%;
}

.blog_post .copy table tr {
  border-top: 1px solid #d4d4d4;
}

.blog_post .copy table tr th {
  background-color: #eee;
  text-align: left;
}

.blog_post .copy table tr th,
.blog_post .copy table tr td {
  padding: 8px 9px 9px 9px;
}

.blog_post .navigate_posts {
  margin-top: 90px;
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
}

.blog_post .navigate_posts ul {
  text-align: center;
}

.blog_post .navigate_posts ul li {
  float: left;
  margin-right: 10px;
}

.blog_post .navigate_posts ul li a {
  display: block;
  height: 22px;
  text-indent: -9999px;
  width: 22px;
}

.blog_post .navigate_posts ul li.previous a {
  background: url("./images/icons/previous_22x22.png") 0 0 no-repeat;
}

.blog_post .navigate_posts ul li.next a {
  background: url("./images/icons/next_22x22.png") 0 0 no-repeat;
}

.blog_post .navigate_posts ul li a:hover {
  background-position: 0 -22px;
}

.blog_post #blog_highlights {
  clear: both;
  margin-top: 120px;
  padding-top: 50px;
  border-top: 1px solid #eee;
}

.blog_post #blog_highlights h4 {
  margin-bottom: 20px;
}

/* =BLOG =COMMENTS */

ol#comment_form {
  overflow: hidden; /* Float clearing for good browsers */
}

#comments {
  margin-bottom: 20px;
}

#comments h3 {
  margin-bottom: 10px;
}

#comments .gravatar,
#comments .comment_body,
#post_form, #contact_form {
  background: #f6f6f6;
  border-bottom: 1px solid #e6e6e6;
}

#comments .gravatar {
  padding: 3px 3px 2px 3px;
  position: absolute;
  height: 54px;
  width: 54px;
}

#comments h4 {
  font-size: .925em;
  margin-left: 120px;
}

#comments h4 a:link {
  color: #59892f;
}

#comments h4 a:hover {
  background: #59892f;
  color: #fff;
}

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

#comments .comment_bubble {
  background: url("./images/bg_bubble.png") 2px 10px no-repeat;
  margin-bottom: 40px;
  margin-left: 80px;
  padding-left: 20px;
}

#comments .comment_body {
  font-size: .925em;
  padding: 10px 20px 9px 20px;
}

#comments .comment_body p {
  margin-bottom: 20px;
}

#comments .odd {
  background: none;
}

#post_form, #contact_form, #box_signup_form {
  margin-bottom: 20px;
  position: relative;
}

#post_form li, #contact_form li {
  float: left;
  margin-bottom: 20px;
  padding: 0 20px 0 20px;
}

#post_form li.alpha, #contact_form li.alpha, #box_signup_form li.alpha {
  clear: both;
}

#post_form li.omega, #contact_form li.omega {
  padding-right: 10px;
}

#post_form .comment_entry {
  margin-left: 0;
  padding: 0 20px 19px 20px;
}

#post_form label, #contact_form label, #box_signup_form label {
  display: block;
  line-height: 20px;
}

#post_form .comment_entry label {
  line-height: 40px;
}

#post_form input, #post_form textarea, #contact_form input, #contact_form textarea, #box_signup_form input, #box_signup_form textarea {
  border: 1px solid #d4d4d4;
  font: normal 1em Helvetica;
  margin: 0;
  padding: 9px;
}

#post_form input, #contact_form input {
  margin: 5px 0 0 0;
  width: 288px;
}

#post_form textarea, #contact_form textarea, #box_signup_form textarea {
  border: 1px solid #d4d4d4;
  font: normal 1em Helvetica;
  height: 180px;
  margin: 0;
  width: 638px;
}

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

#post_form .helper, #contact_form .helper {
  color: #828282;
  font-size: .925em;
  position: absolute;
  bottom: 107px;
  left: 370px;
}

#post_form .helper abbr, #contact_form .helper abbr, #box_signup_form .helper abbr {
  font-size: 1.6em;
}

#post_form .buttons, #contact_form .buttons {
  margin: 0 0 20px 20px;
}

/* =BLOG =ARCHIVES */

#archives #archives_list li ul.months {
  margin-bottom: 20px;
}

#archives #archives_list li ul li .month a:link {
  color: #59892f;
}

#archives #archives_list li ul li .month a:hover {
  background-color: #59892f;
  color: #fff;
}

#archives #archives_list li ul li ul {
  margin: 0 0 20px 1em;
}

#archives #archives_list li ul li ul li {
  font-size: .925em;
  list-style-type: disc;
}

#archives #tags {
  margin-bottom: 20px;
}

#archives #tags li {
  display: inline;
  float: left;
  margin: 0;
  width: 240px;
}

#archives #tags li a {
  line-height: 40px;
}

#archives #tags li .tag_count {
  background: #e2e2e2;
  padding: 0 10px 2px 10px;
}

#archives #tags li .tag_count { /* Safari */
  -webkit-border-radius: 8px;
}

#archives #tags li .tag_count, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 8px;
}

#archives #tags li .tag_count em {
  color: #828282;
  font-size: .85em;
  font-style: normal;
  font-weight: bold;
}

/* =ABOUT =SHARED */

#investors img {
  background: #eee;
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 20px;
  padding: 5px 5px 4px 5px;
}

#investors h3 {
  margin-right: 10px;
  margin-left: 10px;
}

/* =ABOUT =OVERVIEW */

#investors p,
#customers p {
  font-size: .925em;
}

/* =ABOUT =NEWS */

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

#media_inquiries a {
  background: url("./images/icons/mail.png") right center no-repeat;
  border: 0;
  color: #b4b4b4;
  display: block;
  line-height: 40px;
  padding-right: 50px;
}

#media_inquiries a:hover {
  background-image: url("./images/icons/mail_hover.png");
  color: #6b8d94;
}

#media_contact {
  font-size: .925em;
  text-align: right;
}

.about_news #press_releases p,
.about_news #testimonials p {
  font-size: .925em;
}

.press .copy ul {
  margin-bottom: 20px;
}

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

/* =ABOUT =CAREERS */

.current_openings {
  overflow: hidden;
}

.current_openings p {
  font-size: .925em;
}

.current_openings .buttons {
  margin-bottom: 0;
}

.skills {
  font-size: .925em;
  margin-bottom: 20px;
}

/* =ABOUT =CONTACT */

.about_contact .map {
  margin-bottom: 20px;
}

.about_contact .map img {
  border: 5px solid #eee;
  display: block;
}

.about_contact .vcard .other,
.about_contact .vcard .buttons {
  margin-top: 20px;
}

/* =AFFILIATES */

/* =AFFILIATES =INDEX */

.affiliates .bulleted {
  margin-bottom: 20px;
}

.affiliates_index .omega img {
  border: 5px solid #e7f3d9;
  margin-bottom: 20px;
}

table#affiliate_info {
  margin-bottom: 20px;
  width: 100%;
}

table#affiliate_info, table#affiliate_info th,
table#affiliate_info .odd.omega, table#affiliate_info .odd.omega td.rate { /* The second row is for any tr.odd rows; we want to overwrite those border declarations */
  border-bottom: 1px solid #cfe7b3;
}

table#affiliate_info th, table#affiliate_info td {
  font-size: 0.925em;
  padding: 20px 0 20px 20px;
  text-align: left;
  width: 50%;
}

table#affiliate_info td {
  border-left: 1px solid #cfe7b3;
}

table#affiliate_info th {
  border-left: 0 none;
  border-top: 0 none;
}

table#affiliate_info td {
  padding-bottom: 10px;
  padding-top: 10px;
}

table#affiliate_info th h4 {
  color: #444;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 0;
}

table#affiliate_info .odd {
  background-color: #f9f9f9;
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
}

table#affiliate_info th.rate h4 {
  color: #000;
  font-size: 24px;
}

table#affiliate_info th.rate, table#affiliate_info td.rate {
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}

table#affiliate_info th.rate {
  background-color: #e7f3d9;
  border: 1px solid #cfe7b3;
}

table#affiliate_info td.rate {
  background-color: #f9f9f9;
  border-right: 1px solid #cfe7b3;
  font-size: 1.075em;
  font-weight: bold;
}

table#affiliate_info .odd td.rate {
  background-color: #efefef;
  border-bottom: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
}

/* =AFFILIATES =APPLICATION */

.affiliates_application h1, #affiliate_application {
  margin-bottom: 20px;
}

#affiliate_application {
  padding-top: 2px;
}

#affiliate_application p {
  margin-bottom: 0;
}

#affiliate_application .buttons {
  margin: 10px 0 20px 0;
}

#affiliate_application .buttons button {
  margin-bottom: 5px;
}

#affiliate_application li {
  margin-bottom: 20px;
  position: relative;
}

#affiliate_application li.grid_8 input {
  width: 448px; /* Width of grid_8 minus the padding and borders (12px) */
}

#affiliate_application .disclaimer {
  font-size: 0.925em;
  margin-bottom: 10px;
}

#affiliate_application .helper strong:after, #affiliate_application .helper a:after {
  content: "";
}

#affiliate_application li label.error {
  position: absolute;
  bottom: -15px;
  left: 0;
}

.affiliates_application span#requirements {
  padding: 12px 0;
}

/* =AFFILIATES =TERMS */

.affiliates_terms ol.numbered {
  margin-bottom: 20px;
}

/* =AFFILIATES =THANKS */
.affiliates.thanks #content p {
  margin-bottom: 200px;
}

/* =TERMS =PRIVACY */

.terms p em,
.privacy p em {
  color: #888;
  font-size: .925em;
  font-style: normal;
}

.privacy .copy ul {
  margin-bottom: 20px;
}

/* =NEWSLETTER */

.newsletter #content h2 {
  margin: 20px 0;
}

.newsletter #content h4 {
  margin: 20px 0;
}

div.section {
  clear:both;
  margin: 20px 0;
  overflow:hidden;
}

.newsletter #content img {
  background-color: #e7f3d9;
  border: 5px solid #e7f3d9;
  margin-bottom: 20px;
}

.newsletter #content .caption {
  display: block;
  margin-top: -20px;
  margin-bottom: 20px;
}

.newsletter blockquote {
  margin: 0 60px;
}

.newsletter .clipping p {
  min-height: 100px;
}

.blog_post #post .copy ul, .blog_post #post .copy ol {
  margin-bottom: 20px;
  padding-left: 20px;
}

.blog_post #post .copy ul, .solutions .copy ul {
  list-style-type: disc;
}

.blog_post #post .copy ol, .solutions .copy ol {
  list-style-type: decimal;
}

/* =NEWSLETTER =SIDEBAR */
.newsletter #sidebar {
  font-size: 12px;
}

.newsletter #sidebar h3 {
  color: #666;
  font-weight: normal;
}

.newsletter #sidebar #webcast_details h3 {
  margin-bottom: 10px;
}

.newsletter #sidebar #webcast_details li {
  margin-bottom: 5px;
}

.social_links #rss {
  font-size: 1em;
}

.social_links #rss, .social_links #rss a {
  padding: 0;
  text-align: left;
}

.social_links #twitter {
  background: transparent none;
  margin-bottom: 0;
}

.social_links {
  margin: 20px 0;
}

.social_links li, .social_links li#rss {
  font-size: 0.85em;
  margin: 10px 0;
}

.social_links li a:link, .social_links li a:visited, .social_links li#rss a {
  background-position: left center;
  background-repeat: no-repeat;
  border: 0;
  border-radius: 8px;
  display: block;
  line-height: 32px;
  padding: 0 0 0 40px;
  text-transform: uppercase;
}

.social_links li a, .social_links li#rss a { /* Safari 3 */
  -webkit-border-radius: 8px;
}

.social_links li a, .social_links li#rss a, x:-moz-any-link, x:default {
  -moz-border-radius: 8px;
}

.social_links #twitter a:link, .social_links #twitter a:visited {
  background-image: url("./images/icons/twitter.png");
  color: #3cf;
}

.social_links #twitter a:hover, .social_links #twitter a:active {
  background-color: #3cf;
}

.social_links #facebook a:link, .social_links #facebook a:visited {
  background-image: url("./images/icons/facebook.png");
  color: #3b5999;
}

.social_links #facebook a:hover, .social_links #facebook a:active {
  background-color: #3b5999;
}

.social_links li#twitter a:hover, .social_links li#twitter a:active, .social_links li#facebook a:hover, .social_links li#facebook a:active {
  color: #fff;
}

/* =BLOG =POST =CALLOUT */

.blog_post #post .copy .call_out {
  background-color: #e2f1cf;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}

.blog_post #post .copy .call_out h5, .blog_post #post .copy .call_out h6 {
  border-bottom: 1px solid #8ac640;
  font-size: 14px;
  line-height: normal;
  padding-bottom: 5px;
}

.blog_post #post .copy .call_out ul {
  list-style: none;
  margin: 10px 10px 0 10px;
  padding: 0px;
  text-align: left;
}

.blog_post #post .copy .call_out li {
  list-style-image: url("./images/icons/tick.png");
  list-style-position: outside;
  margin-left: 20px;
}

/* =REMINDERS */

.reminders #content ul, .reminders #content ol {
  margin-bottom: 20px;
}

/* =MEDIA =KIT */

.media_kit #logos img, .media_kit #screenshots img {
  background-color: #e2f1cf;
  border: 5px solid #e2f1cf;
}

.media_kit #logos ul, .media_kit #screenshots ul {
  overflow: hidden;
  width: 100%;
}

.media_kit #logos li, .media_kit #screenshots li {
  float: left;
  overflow: hidden;
  width: 33.3%;
}

.media_kit #screenshots li, .media_kit #logos li {
  margin-top: 10px;
  margin-bottom: 10px;
}

.media_kit #logos, .media_kit #screenshots, .media_kit #tour, .media_kit #documents {
  margin-bottom: 40px;
}

.media_kit h3.section, .media_kit h4.section {
  margin-bottom: 0px;
}

.media_kit #media_kit_download {
  background-image: url("./images/icons/hdd-down.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  margin: 0 auto;
  padding-left: 20px;
  width: 220px;
}

/* =PRODUCTS */

/* =PRODUCTS =MENU =SECONDARY */

.products #menu_secondary {
  margin-top: 0px;
  padding-top: 0;
}

.products #menu_secondary li { padding-top: 19px; }

.products.overview .menu_products_overview, .products.tour .menu_products_tour, .products.examples .menu_products_examples, .products.features .menu_products_features, .products.pricing .menu_products_pricing { background: transparent url('./images/products_interior_pointer.png') center top no-repeat; }

/* =PRODUCTS =OVERVIEW */

#columns { margin-top: 20px; }
#columns .alpha { margin-left: 10px; }
#columns h4 { color: #000; }

#columns ul.bulleted {
  color: #7f7f7f;
  margin: 20px 0;
}

/* =FEATURES */

#feature {
  margin-right: 0;
  width: 720px;
}

#feature, #sidebar { margin-top: 30px; }

#feature_banner {
  background: #fff center center no-repeat;
  border: 1px solid #e5e5e5;
  height: 258px;
  overflow: hidden;
  position: relative;
  width: 698px;
}

.access #feature_banner {
  padding: 10px;
  height: 260px;
  width: 680px;
}

.notifications #feature_banner, .user_management #feature_banner {
  background-color: transparent;
  border-top: 0 none;
  border-right: 0 none;
  border-left: 0 none;
  height: 259px;
  width: 700px;
}

.notifications #feature_banner img, .user_management #feature_banner img { border: 0 none; }

.features #feature h3 {
  color: #000;
  font-size: 20px;
  margin: 30px 0 20px 0;
}

.features #feature #description {
  font-size: 16px;
  margin-right: 10px;
}

.features #feature h3 {
  margin-top: 10px;
}

.features #feature #description {
  color: #666;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 30px;
}

#feature ul {
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}

#feature ul li {
  margin-bottom: 20px;
}

#feature ul li p, #feature ul li ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

#feature ul.bulleted {
  margin: 0;
}

#feature ul.bulleted li {
  margin-bottom: 0;
}

.files #feature span.grid_6 {
  margin-top: 40px
}

.access #feature ul {
  margin-top: 0;
}

.access #feature ul li {
  background: transparent none left 4px no-repeat;
  margin-bottom: 20px;
  padding-left: 24px;
}

.access #feature ul li#notifications {
  background-image: url('./images/icons/bell.png');
}

.access #feature ul li#hub_access {
  background-image: url('./images/icons/layout_go.png');
}

.access #feature ul li#enhanced_security {
  background-image: url('./images/icons/lock.png');
}

.wiki #feature {
  padding-bottom: 40px; /* OH TODO - This is a little hacky, and should be resolved properly */
}

/* =PRODUCTS =FEATURES =SIDEBAR */

.features #sidebar {
  background: transparent url("./images/bg_sidebar_gradient.png") bottom left no-repeat;
  font-size: 13px;
  padding-bottom: 140px;
  text-align: right;
}

.features #sidebar ul {
  border-left: 1px solid #e4e4e4;
}

.features #sidebar a:link, .features #sidebar a:visited {
  background: transparent url('./images/features_subnav_pointer.png') 10px 13px no-repeat;
  color: #6b6b6b;
  display: block;
  font-weight: normal;
  padding: 10px;
}

.features #sidebar a:active, .features #sidebar a:hover {
  color: #6299c5;
  background: transparent url('./images/features_subnav_pointer.png') 10px -27px no-repeat;
}

.features #sidebar .active a:link, .features #sidebar .active a:visited {
  background: #eaeaea url("./images/features_subnav_pointer.png") 10px -67px no-repeat;
  color: #000;
  font-weight: bold;
}

#feature ul a {
  white-space: nowrap;
}

/* =PRODUCTS =TRANSFERS */

.beta #banner label {
  display: none;
  visibility: hidden;
}

.beta .fieldset {
  position: relative;
}

.beta .message { margin-top: -20px; }

/* =FOOTER */

.bg_footer { background: #191919; }

.footer {
  color: #828282;
  font-size: .925em;
  padding: 20px 0;
  margin-top: 10px;
}

.footer hr { display: none; }

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

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

.footer .suggestions .support { margin-top: 20px; }
.footer .suggestions .support strong { color: #646464; }
.footer .suggestions .support a { display: block; }

.footer .suggestions .support em {
  color: #693;
  font-style: normal;
}

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

.footer img { vertical-align: middle; }
.footer .runner p { line-height: 26px; }
.footer .pitch { text-align: right; }
.footer .runner a { color: #646464; }
.footer .runner a:hover { color: #693; }