div#bd {background-color: #ffffff; padding: 24px; border: 1px solid #ffffff}
div.backdrop {padding: 0 !important; border: 1px solid #ffffff; -webkit-border-top-right-radius: 12px; -webkit-border-top-left-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; background-color: #ffffff; -moz-box-shadow:0 0 10px #000000; -webkit-box-shadow: 0px 0px 10px #000000}
img.backdrop {-webkit-border-top-right-radius: 12px; -webkit-border-top-left-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px}
div.img_overlay {background: black; position: absolute; margin-left: -1px; margin-top: -1px; width: 975px; height: 1122px; opacity: 0.2; filter:alpha(opacity=20); -webkit-border-top-right-radius: 12px; -webkit-border-top-left-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px}
div#bd div#sell_overlay {position: absolute; background: #ffffa5; padding: 12px; width: 630px; margin-left: 310px; margin-top: -1px; -webkit-box-shadow: 0 8px 15px #000000; -moz-box-shadow:0 8px 15px #000000; -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px; -moz-border-radius-bottomright: 12px; z-index: 9000}
div#sell_overlay h1.pitch {font-size: 28px; color: #e64226; line-height: 1em; margin-bottom: 12px; font-family: 'Helvetica Neue', Helvetica}
div#sell_overlay h2.pitch {font-size: 14px; font-weight: normal; margin-bottom: 12px}
div#sell_overlay p.signup_button_container {margin: 0px 0px !important; width: 100%}
div#sell_overlay p.signup_button_container a.signup_button {font-size: 1.6em !important}
div#sell_overlay img#screenshot {margin-left: 40px}
div#bd.sellpage {padding: 0 !important; border: 1px solid #ffffff}
div.headliner{ background: #ffffff url('/images/texture_bd.jpg') repeat-x; padding: 0 0 0 24px}
div.headliner div.screenshot {position: relative; top: 4px}
div.subheadliner {padding: 12px 24px 0 24px}
div#footer {color: #ffffff}
h1.section_header {font-size: 1.6em; font-weight: bold; color: #485C5A; margin-bottom: 20px}
h2.section_header {font-size: 1.4em; font-weight: bold; color: #194E84}
div.section_info {margin-bottom: 15px; color: #999999}
h1.pitch {font-size: 2.4em; color: #1F0732; font-weight: bold}
h2.pitch {font-size: 1.4em; color: #C32433; margin-bottom: 34px}
h2.pitch span {color: #60BB22}
div.demo_video {background-color: #000000; padding: 10px; margin: 10px 0; text-align: center}
div.video_tour_toc {margin: 20px 0; padding-bottom: 20px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0}
div.video_tour_toc p {text-align: center; width: 100%; padding: 20px 0; color: #303030; font-weight: bold}
ul.toc li {float: left; margin: 0px 20px; width: 111px; text-align: center; font-size: 1.1em}
ul.toc li.first {margin-left: 0}
ul.toc li a {color: #3B6B9C; font-weight: bold}
ul.toc li a span {font-size: .9em}
ul.toc li a:hover {background-color: #e0e0e0}
div.signup_section {font-size: 1.6em; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #F0F0D8}
div.signup_section div.signup_plans {margin-left: 135px}
div.signup_section div.signup_plans a img {width: 300px}
div.signup_section div.signup_free {margin-left: 25px; font-size: 1.4em; margin-top: 16px}
div.sellfeaturessection ul li {margin-bottom: 20px}
div.sellfeaturessection ul li span {float: left; margin-right: 16px; width: 115px; height: 115px; background: #D6E4E1; padding: 3px}
div.sellfeaturessection ul li span img.plus {position: relative; top: -130px; left: 100px}
div.sellfeaturessection ul li p {float: left; width: 260px; margin-top: 4px; margin-right: 50px; font-size: 14px; line-height: 18px}
div.sellfeaturessection ul li p b {font-size: 16px; font-weight: bold; color: #485C5A; margin-bottom: 6px; display: inline-block}
/* =========================================== */ /* = Comparison to other collaboration tools = */ /* =========================================== */ div.headline_comparison h1 {font-size: 1.6em; margin: 0px 0 20px 0; color: #718A5E; font-weight: bold}
div.comparison {margin-bottom: 25px}
div.comparison_text {float: left; width: 43%}
div.comparison_text h1 {font-family: Helvetica; font-size: 20px; color: #14568d; font-weight: bold; margin-bottom: 8px; margin-top: 8px; text-align: left}
div.sub_pitch_illustrations {padding: 10px 0px}
div.comparison_text p {font-family: Helvetica, Tahoma; font-size: 16px; color: #000000; line-height: 1.5em; width: 95%}
div.comparison_box {width: 196px; height: 160px; float: left}
div.comparison_box_competitor {background: url('/images/mainpage_comp_bg.png')}
div.comparison_box_ambt {margin-left: 12px; background: url('/images/mainpage_comp_bg_ambt.png')}
div.comparison div.comparison_vs {font-family: "Times New Roman"; font-size: 1.9em; font-style: italic; margin: 70px 10px; *margin: 70px 20px; /* IE7 HACK */ float: left; text-align: center; color: #A31E39}
div.comparison_illustration {display: none; margin-top: 12px; text-align: center}
div.comparison_illustration img {border: none}
div.comparison_explanation {font-family: "Georgia"; text-align: center; padding: 11px; font-size: 1.8em; color: #000000; margin: 40px auto}
div.sub_pitch_screenshot {float: left; padding: 0 7px; margin-bottom: 35px; font-weight: bold}
div.sub_pitch_screenshot img {padding: 3px; border: 2px solid #c9c9c9; background-color: #ebebeb}
div.sub_pitch_illustrations {padding: 10px 0px}
div.about {font-size: 14px}
div.about p.headline {font-size: 1.4em; color: #485C5A}
div.about p.sub_headline {font-size: 1.2em; margin-bottom: 20px; color: #AAAAAA}
div.about h1 {font-size: 1.4em; margin: 40px 0 10px 0; color: #718A5E; font-weight: bold}
div.about p {font-size: 1.2em}
img.ceo {float: right; position: relative; -webkit-border-top-right-radius: 12px; -moz-border-radius-topright: 12px; left: 26px; top: -26px; height: 200px}
div.ceo {line-height: 1.7em; margin-bottom: 20px}
div.ceo span.name {font-size: 1.7em; font-weight: bold; color: #e64226}
div.ceo span.title {font-size: 1.2em; color: #718A5E}
div.ceo a {color: #AAAAAA}
b.subtle {font-weight: normal; border-bottom: 1px dotted #3B6B9C; background-color: #e0e0e0}
p.copy {line-height: 1.4em; width: 640px; margin-bottom: 24px}
ol.principles {margin: 20px 50px; width: 570px}
ol.principles li {padding: 8px; list-style-position: outside; list-style-type: decimal}
ol.principles li b {border-bottom: 1px dotted #3B6B9C; font-weight: bold}
div.about div.share a {position: relative; top: -30px; left: 20px}
div.benefits {width: 550px; margin-bottom: 15px}
div.benefits h1 {font-size: 1.2em; font-weight: bold}
div.benefits p {font-size: 1.1em}
div.faq {margin: 20px 0; width: 90%}
div.faq h3 {font-size: 1.2em; /* color: #A31E39;*/ color: #025D8C}
div.faq p {line-height: 1.2em; font-size: 1.1em}
ul.get_help li {font-size: 1.1em}
ul.get_help li:before {content: "\00BB \0020"}
ul.get_help li a {display: inline-block; padding: 10px; margin-left: -10px}
div.headliner div.first {padding-top: 24px; width: 500px !important; margin-right: 10px; margin-left: 20px}
div.headliner h1.pitch {font-size: 45px; line-height: 44px; margin-bottom: 8px; letter-spacing: -1px}
div.headliner h2.pitch {padding: 0px 0; margin: 10px 0; font-size: 23px; letter-spacing: -1px}
div.story div.first {margin-left: 20px; width: 550px}
div.story h2 {font-size: 1.4em; margin-bottom: 8px; color: #1F0732}
div.story h3.pitch {padding: 10px 0px 0 0; font-size: 19px; letter-spacing: -1px; font-weight: normal; color: #1F0732; font-weight: bold}
div.story h4.pitch {font-size: 16px}
div.call_to_action {margin: 24px 0; text-align: center}
div.features {background-color: #f9f9f9; padding: 10px; -webkit-border-radius:2px; -moz-border-radius:2px}
div.story ul.features li {display: block; margin: 10px 0; height: 40px; padding: 8px; font-size: 12px}
div.story ul.features li img {float: left; width: 10%}
div.story ul.features li div {float: left; width: 85%; margin-left: 10px; color: #416276}
div.story ul.features li div span {font-weight: bold; display: block; color: #171A43}
div.screenshots {background-color: #f9f9f9; text-align: center}
div.screenshots ul li {float: left; width: 150px; font-weight: bold; font-size: 10px; text-align: center; margin: 0 12px}
div.screenshots ul li img.screenshot {width: 150px; height: 130px; border: 1px solid #AAAAAA; cursor: hand; cursor: pointer}
div.screenshots ul li img.plus {position: relative; top: 24px; left: 70px}
div.definition {padding: 24px 24px 24px 46px; background-color: #ffffff; border-top: 2px solid #eee}
div.definition h1 {font-size: 1.6em; margin-bottom: 8px; color: #1F0732}
div.definition h2 {font-size: 1.4em; margin-bottom: 8px; color: #1F0732}
div.definition p {font-size: 1.1em; padding-right: 30px}
div.definition p.big {color: #416276}
div.definition ul.features li {display: block; margin: 1px 0; padding: 8px; font-size: 12px}
div.definition div.first {padding: 10px 0; width: 550px}
div.definition div.uses_of_braintrust {background-color: #e9e9e9; padding: 10px; -webkit-border-radius:2px; -moz-border-radius:2px}
div.definition ul.features li img {float: left; width: 10%}
div.definition ul.features li div {float: left; width: 85%; margin-left: 10px}
div.definition ul.features li div span {font-size: 1.1em;; font-weight: bold; display: block; color: #171A43}
div.endorsements {padding: 24px 30px; background-color: #ffffff}
div.endorsements h1 {font-size: 1.4em; margin-bottom: 10px; font-weight: bold; width: 90%; text-align: center; color: #1F0732}
div.endorsements img {float: left; margin-right: 12px; padding: 6px; background-color: #eee; width: 64px}
div.endorsements p {padding: 10px 20px; text-align: left; width: 85%; background: #f9f9f9; text-align:justify}
div.endorsements div {margin: 10px 0}
div.frequent_questions {padding: 24px 46px; background-color: #f9f9f9; border-bottom: 1px solid #eee}
div.frequent_questions h1 {color: #1F0732; font-size: 1.6em; margin-bottom: 8px}
div.frequent_questions div.contact {padding: 4px; width: 28%; background-color: white; border: 1px solid #e0e0e0}
h1 {font-size: 1.2em; font-weight: bold}
h2 {font-size: 1.1.em; font-weight: bold}
h3 {font-size: 1em; font-weight: bold}
div.section {margin-bottom: 20px}
div.section h1 {margin-bottom: 8px }
div.plan_upgrade {background-color: #BFCFCC}
div.plan_selection {font-size: 14px; margin: 30px 0; background-image: url('/images/right-arrow.png'); background-position: 0px 18px; background-repeat: no-repeat}
div.available_plans {padding-left: 20px; margin-right: 32px; background-color: #abc0a0; max-height: 92px; height: 92px; margin-bottom: 30px}
div.available_plans label {padding: 3px; display: inline-block}
div.plan_container {margin: auto; text-align:center; width: 720px}
div.plan {font-size: 18px; padding: 0 20px; line-height: 24px}
div.plan h1 {color: #485C5A; font-size: 24px; font-weight: bold}
div.plan h2 {font-size: 20px; font-weight: bold; border-bottom: 1px solid #cccccc; margin-bottom: 3px}
div.plan h3 {font-size: 16px; font-weight: bold; padding: 5px 0}
div.plan h4 {font-size: 14px; font-weight: bold; border-top: 1px solid #cccccc; padding: 5px 0}
div.plan ul li {border-bottom: 1px solid #8C9C9A}
div.plan b, div.free_plan b {color: #e64226}
div.current_plan h3 {font-size: 14px !important}
div.free_plan {font-size: 16px; margin-top: 2px; margin-left: 5px}
div.upgrade_message {width: 360px; float:left; text-align: left}
div.upgrade_message h2 {font-size: 18px !important; font-weight: bold}
div.upgrade_message h3 {font-size: 14px !important; font-weight: bold; margin-bottom: 15px}
div.signup_qa {text-align:left; margin: auto}
div.signup_qa h3 {font-size: 13px; font-weight: bold; padding: 0 30px }
div.signup_qa p {font-size: 13px; margin-bottom: 20px; padding: 0 30px}
div.signup_form p.avatar_instructions {max-width: 175px; font-size: 1em; margin: 0; padding-left: 10px}
div.highlight_plan_price {float: left; width: 30%}
div.highlight_plan_details {float:left; width: 70%; height: 267px; background-color: #f9f9f9}
div.highlight_plan_price img {display:block; margin: 28px 50px 0px 15px}
div.highlight_plan_details img {margin: 37px 0px 0px 37px}
div.plan_headline {font-size: 24px; line-height: 32px; font-weight: bold; text-align: center; background-color: #f9f9f9; text-align: center; background-color: #675b5b; padding: 6px 0; border: 3px solid #675b5b; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 0 0 20px 0}
div.plan_headline h1 {color: white}
div.plan_headline h2 {color: #b4d88d}
div.plan_headline h3 {font-size: 14px; color: white}
div.sellpage_plans {margin: auto; margin-top: 20px}
div.sellpage_plan {border: 1px solid #675b5b; float:left; background-color: #f9f9f9; text-align: center; width: 166px; height: 250px; margin: 0 8px; -moz-box-shadow: 0 0 15px #ccc; -webkit-box-shadow: 0 0 5px #ccc}
div.preferred {/* background-image: url('/images/sale_sticker.png');*/ background-repeat: no-repeat; background-position: 60px 162px; background-color: #D6E4E1; border-color: #718A5E; border-width: 3px}
div.preferred div.plan_header {background-color: #000000 !important}
div.preferred input {font-size: 2em}
div.sellpage_plan div.plan_header {background-color: #675b5b; padding: 6px 0}
div.sellpage_plan h1 {color: white; font-size: 19px; line-height: 24px; font-weight: bold; text-align: center; margin: 0}
div.sellpage_plan h2 {color: #e0e0e0; font-size: 20px; line-height: 24px; font-weight: bold; text-align:center; margin: 0}
div.sellpage_plan h3 {display:block; background-color: #675b5b; color: #b4d88d; font-size: 11px; line-height: 16px; font-weight: bold; text-align: center}
/*div.sellpage_plans div.preferred h1 {font-size: 22px}
div.sellpage_plans div.preferred h2 {font-size: 19px}
div.sellpage_plans div.preferred h3 {font-size: 13px}
*/ div.sellpage_plan p.plan_details {padding: 20px 0; text-align: center; font-size: 16px; line-height: 28px; display: block; color: #878787; margin: 0; height: 100px}
div.sellpage_plan p.plan_details b, p.free_trial {color: #718A5E}
div.sellpage_plan p.plan_details span {font-size: 12px}
div.sellpage_plan p.free_trial {margin-top: 8px; font-size: 12px; text-align: center; font-weight: bold; color: #ff4545}
div.sellpage_plan input[type=submit] {margin: 8px 0 3px 0}
div.signup_qa_container {border: 1px solid #675b5b; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 20px 4px 0 4px; background-color: #e0e0e0}
div.signup_qa_container h1.frequently {margin-left: 29px; margin-bottom: 20px; color: #485C5A}
div.signup_payment_info {position: relative; top: 380px}
div.signup_excited {position:relative; top: 90px}
div.upgrade_pitch {position:relative; top: 100px}
div.upgrade_payment_info {position: relative; top: 180px}
div.plans_headline {text-align: center; margin: 0px 0 20px 0; font-size: 24px; letter-spacing:-1px}
div.plans_headline h1 {color: #485C5A}
div.enterprise {padding: 12px 61px !important; background: #e0e0e0}
div.enterprise h1 {margin-bottom: 8px; color: #485C5A}
div.enterprise p {font-size: 1.1em; line-height: 1.3em}