/* ========================================
 * Reset all styles
 * Courtesy of:
 * http://developer.yahoo.com/yui/
 * http://yui.yahooapis.com/2.2.2/build/reset/reset-min.css) */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset,img {
  border: 0; }

address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal; }

ol,ul {
  list-style: none; }

caption,th {
  text-align: left; }

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal; }

q:before,q:after {
  content: ''; }

abbr,acronym {
  border: 0; }

/* ========================================
 * Baseline Rhythm */

body {
  line-height: 1.75em; }

h1 {
  font-size: 1.5em;
  line-height: 1.16666666666667; }

h2 {
  font-size: 1.375em;
  line-height: 1.27272727272727; }

h3 {
  font-size: 1.25em;
  line-height: 1.4; }

h4 {
  font-size: 1em;
  line-height: 1.75; }

p, ul, blockquote, pre, td, th {
  font-size: 1em;
  line-height: 1.75; }

small {
  font-size: 0.875em;
  line-height: 2; }

/* ========================================
 * Clearfix */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both; }

.clearfix.left:after {
  clear: left; }

.clearfix.right:after {
  clear: right; }

.clearfix {
  display: inline-block; }

.clearfix {
  display: block; }

/* ======================================== */

body {
  color: #333;
  background-color: #333;
  background-position: left top;
  background-repeat: repeat-x;
  background-image: url(../images/body-bg.png);
  line-height: 2;
  font-family: Arial, sans-serif; }

h4 {
  font-weight: bold; }

a:hover {
  text-decoration: none; }

.nobr {
  white-space: nowrap; }

#header {
  width: 760px;
  height: 100px;
  margin: 0 auto; }
  #header h1, #header h2 {
    font-family: Optima, Arial, sans-serif;
    color: #fff;
    padding: 0 30px; }
    #header h1 a, #header h2 a {
      color: #fff;
      text-decoration: none; }
  #header h1 {
    font-size: 2.25em;
    padding-top: 16px; }
    #header h1 .trademark {
      font-size: 0.4em;
      vertical-align: super; }
  #header h2 {
    font-size: 1.25em;
    line-height: 1.4; }

#top_nav {
  padding: 0 30px; }
  #top_nav li {
    float: right;
    margin-left: 5px;
    text-align: center;
    vertical-align: middle; }
    #top_nav li a {
      line-height: 30px;
      display: block;
      height: 40px;
      width: 80px;
      color: #fff;
      text-decoration: none;
      background-image: url(../images/top-tab.png);
      background-position: 0 0;
      background-repeat: no-repeat; }
      #top_nav li a:hover {
        background-position: 0 -40px;
        padding-top: 10px; }
      #top_nav li a.active, #top_nav li a.active:hover {
        color: #fff;
        background-color: #6f391a; }

#main {
  width: 800px;
  margin: 0 auto; }
  #main .top, #main .bottom {
    margin: 0 10px;
    background-position: center top;
    background-repeat: no-repeat; }
  #main .top {
    height: 30px;
    background-image: url("../images/main-top.png"); }
  #main .bottom {
    height: 50px;
    background-image: url("../images/main-bottom.png"); }

#content {
  padding: 0 20px;
  background-position: center top;
  background-repeat: repeat-y;
  background-image: url("../images/content-bg.png"); }
  #content #slideshow {
    height: 270px;
    background-position: left top;
    background-image: url("../images/main-top-color.png"); }
  #content #slideshow_nav {
    height: 60px;
    background-position: left top;
    background-repeat: repeat-x;
    background-image: url("../images/slideshow-nav-bg.png"); }

#slideshow {
  overflow: hidden; }
  #slideshow #viewport {
    width: 10000px; }
  #slideshow .frame {
    float: left;
    width: 760px;
    height: 270px;
    background-position: right top;
    background-repeat: no-repeat; }
    #slideshow .frame .inner {
      margin: 0 390px 0 30px;
      height: 190px; }
      #slideshow .frame .inner h1 {
        color: #310; }
      #slideshow .frame .inner p {
        color: #520; }
      #slideshow .frame .inner a {
        color: #310;
        font-size: 0.85em; }
        #slideshow .frame .inner a:hover {
          background-color: #310;
          color: #fff; }
    #slideshow .frame .next a {
      display: block;
      height: 50px;
      width: 100px;
      margin-left: 250px;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-image: url("../images/next-button.png");
      text-indent: -9999px;
      overflow: hidden; }
      #slideshow .frame .next a:hover {
        background-position: 0 -50px; }
    #slideshow .frame .video {
      float: right;
      width: 320px;
      text-align: center;
      margin: 0 30px; }
      #slideshow .frame .video h3 {
        margin-top: 5px;
        line-height: 2.8; }
        #slideshow .frame .video h3, #slideshow .frame .video h3 a {
          color: #630;
          text-decoration: none; }
      #slideshow .frame .video a.thumb {
        display: block;
        width: 330px;
        height: 183px;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-image: url("../images/video-introduction-thumb.png");
        text-indent: -9999px;
        overflow: hidden; }
    #slideshow .frame .video_hover h3 a {
      text-decoration: underline; }
    #slideshow .frame .video_hover a.thumb {
      background-position: 0 -183px; }
  #slideshow #frame_plans {
    background-image: url("../images/slideshow-plans.png"); }
  #slideshow #frame_participants {
    background-image: url("../images/slideshow-participants.png"); }
  #slideshow #frame_contributions {
    background-image: url("../images/slideshow-contributions.png"); }
  #slideshow #frame_documents {
    background-image: url("../images/slideshow-documents.png"); }
  #slideshow #frame_censuses {
    background-image: url("../images/slideshow-censuses.png"); }
    #slideshow #frame_censuses .next a {
      background-image: url("../images/tour-button.png"); }

#slideshow_nav {
  padding: 0 30px; }
  #slideshow_nav li {
    float: left;
    margin: 6px 0;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #6f391a; }
    #slideshow_nav li.first {
      border-left: 1px solid #6f391a; }
      #slideshow_nav li.first a {
        width: 114px; }
    #slideshow_nav li.last a {
      width: 115px; }
    #slideshow_nav li a {
      line-height: 3;
      display: block;
      height: 48px;
      width: 116px;
      color: #fff;
      text-decoration: none; }
      #slideshow_nav li a:hover {
        color: #000;
        background-color: #efe9e6; }
      #slideshow_nav li a.active, #slideshow_nav li a.active:hover {
        color: #fff;
        background-color: #6f391a; }


#aux {
  padding: 32px 30px 2px; }
  #aux, #aux a {
    color: #333; }
  #aux a:hover {
    color: #fff;
    background-color: #000; }
  #aux .quotes {
    float: right;
    width: 210px; }
    #aux .quotes .quote {
      margin-top: 1.75em; }
    #aux .quotes p.first {
      margin-top: 0.583333333333333em; }
    #aux .quotes .source {
      display: block;
      margin-left: 35px;
      color: #666;
      font-style: italic; }
    #aux .quotes .tour_link {
      margin-top: 1.16666666666667em;
      font-size: 1.5em;
      line-height: 1.16666666666667;
      font-weight: bold;
      text-align: center; }
      #aux .quotes .tour_link a {
        display: block;
        color: #0053BA; }
      #aux .quotes .tour_link a:hover {
        color: #fff;
        background-color: #0053BA; }
  #aux .main {
    margin-right: 240px; }
    #aux .main h4 {
      margin-top: 1.75em;
      color: #0053BA; }
    #aux .main h4.first {
      margin-top: 0.583333333333333em; }
    #aux .main em {
      font-style: normal;
      background-color: #feb; }
  #aux a#tour_sticker, #aux a#demo_sticker {
    display: block;
    margin: 10px 0;
    width: 100px;
    height: 100px;
    float: right;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden; }
    #aux a#tour_sticker:hover, #aux a#demo_sticker:hover {
      background-position: 0 -100px; }
  #aux a#tour_sticker {
    background-image: url("../images/tour-sticker.png"); }
  #aux a#demo_sticker {
    background-image: url("../images/demo-sticker.png"); }

#footer {
  color: #fff;
  width: 800px;
  margin: 0 auto 1em; }
  #footer p {
    text-align: center;
    font-size: 0.75em; }
  #footer a {
    color: #fff; }

#content h1.title {
  color: #520;
  font-weight: bold;
  text-align: center;
  font-size: 3em;
  background-repeat: repeat-x;
  background-position: left top;
  background-image: url("../images/main-top-color.png");
  border-bottom: 5px solid #620;
  padding: 0 0 30px 0; }

/* ======================================== */


#content #tour {
  margin: 30px 0 0 0;
  padding: 0 20px 0 30px; }
  #content #tour .frame {
    margin-top: 1.27272727272727em;
    background-position: left .25em;
    background-repeat: no-repeat; }
    #content #tour .frame h2, #content #tour .frame p {
      margin-right: 345px;
      margin-left: 63px; }
    #content #tour .frame a.trial_signup {
      color: #333;
      font-size: 0.75em; }
      #content #tour .frame a.trial_signup:hover {
        background-color: #333;
        color: #fff; }
    #content #tour .frame a.thumb {
      display: block;
      float: right;
      width: 330px;
      height: 183px;
      background-position: 0 0;
      background-repeat: no-repeat;
      text-indent: -9999px;
      overflow: hidden; }
      #content #tour .frame a.thumb:hover {
        background-position: 0 -183px; }
  #content #tour #frame_introduction {
    background-image: url("../images/welcome-48.png"); }
    #content #tour #frame_introduction a.thumb {
      background-image: url("../images/video-intro-thumb.png"); }
  #content #tour #frame_contributions {
    background-image: url("../images/contribution-48.png"); }
    #content #tour #frame_contributions a.thumb {
      background-image: url("../images/video-contributions-thumb.png"); }
  #content #tour #frame_documents {
    background-image: url("../images/document-48.png"); }
    #content #tour #frame_documents a.thumb {
      background-image: url("../images/video-documents-thumb.png"); }
  #content #tour #frame_censuses {
    background-image: url("../images/census-48.png"); }
    #content #tour #frame_censuses a.thumb {
      background-image: url("../images/video-censuses-thumb.png"); }
  #content #tour #frame_importing_plans {
    background-image: url("../images/plan-48.png"); }
    #content #tour #frame_importing_plans a.thumb {
      background-image: url("../images/video-importing-plans-thumb.png"); }
  #content #tour #frame_sponsor_accounts {
    background-image: url("../images/sponsor-48.png"); }
    #content #tour #frame_sponsor_accounts a.thumb {
      background-image: url("../images/video-sponsor-accounts-thumb.png"); }

/* ======================================== */


table.features, table.benefits {
  width: 480px;
  border: 1px solid #520; }
  table.features th, table.features td, table.benefits th, table.benefits td {
    padding: .25em .50em;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #520; }
  table.features th, table.features td.feature, table.benefits th, table.benefits td.feature {
    color: #520;
    background-color: #fa0;
    font-weight: bold; }
  table.features td.feature, table.benefits td.feature {
    background-color: #fff;
    text-align: right; }

table.features th, table.features td {
  width: 160px; }

table.benefits th, table.benefits td {
  width: 240px; }

#pricing #calculator {
  width: 480px;
  text-align: center; }

/* ======================================== */


#pricing_calculator {
  background-color: #fff;
  width: 600px; }
  #pricing_calculator h1.title {
    text-align: center;
    margin-bottom: 1.27272727272727em; }
  #pricing_calculator .field label {
    font-size: 1em; }
  #pricing_calculator input {
    font-weight: bold;
    color: #552200; }
  #pricing_calculator .answer {
    font-size: 1.16666666666667em; }
  #pricing_calculator .answer.first {
    margin-top: 1.27272727272727em; }
  #pricing_calculator #answer_monthly, #pricing_calculator #answer_yearly, #pricing_calculator b {
    font-weight: bold;
    color: #552200; }

/* ======================================== */


#content .generic {
  margin: 30px 0 0 0;
  padding: 0 30px; }
  #content .generic a {
    color: #333; }
    #content .generic a:hover {
      background-color: #333;
      color: #fff; }
  #content .generic h2 {
    margin-top: 1.27272727272727em; }
  #content .generic h2.first {
    margin-top: 0; }
  #content .generic p {
    margin-bottom: 1.75em; }
  #content .generic p.last {
    margin-bottom: 0; }
  #content .generic p, #content .generic p a {
    color: #777; }
  #content .generic .label {
    font-weight: bold; }

/* ======================================== */


#facebox h1, #facebox h2 {
  display: block;
  color: #333; }
#facebox a, #facebox a:hover {
  color: #333; }