body {
	color: #333;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 75%;
	line-height: 1.5em;
	background-color: #333333;
}

a {color: #ff6600; outline: none;}
a:hover {text-decoration: none;}
p {margin: 0 0 1em 0;}
p.solo {margin: -11px 0 0 0;}
h1 {font-size: 1.7em; margin: 10px 0; color: #000;}
h2 {margin: -10px 0 20px 0; color:#888; font-size: 1.2em;}
h3 {color:#000; margin: 20px 0 0 0;}
ol {margin: 5px 20px;}
ol li {margin: 15px 0px;}
ol ul, ul ul {margin: 10px 20px;}


#container {
	width: 784px;
	background: url("../images/background-content.gif") repeat-y;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 9px;
}



#navigation {
	width: 784px;
	height: 33px;
	background: #252525 url("../images/background-nav.gif") repeat-x;
	positions: relative;
}
#navigation #topnav {margin: 0; padding: 0; padding-top: 2px;}
#navigation #topnav li {
}
#navigation #topnav li a {background: url("../images/topnav.gif") no-repeat;}
#navigation #topnav li a {float: left; height: 31px; padding-top: 0px; overflow: hidden; text-indent: -9999px; font-size: 0px;}
#navigation #topnav li#home a {
}
#navigation #topnav li#services a { width: 76px; background-position: -65px 0;}
#navigation #topnav li#technology a { width: 85px; background-position: -144px 0;}
#navigation #topnav li#clients a { width: 72px; background-position: -229px 0;}
#navigation #topnav li#contactus a { width: 74px; background-position: -301px 0;}
#navigation #topnav li#about a { width: 74px; background-position: -375px 0;}

#navigation #topnav li#home a:hover { width: 66px; background-position: -2px -32px;}
#navigation #topnav li#services a:hover { width: 76px; background-position: -68px -32px;}
#navigation #topnav li#technology a:hover { width: 85px; background-position: -144px -32px;}
#navigation #topnav li#clients a:hover { width: 72px; background-position: -229px -32px;}
#navigation #topnav li#contactus a:hover { width: 74px; background-position: -301px -32px;}
#navigation #topnav li#about a:hover { width: 74px; background-position: -375px -32px;}

#navigation #topnav li#home a:active { width: 66px; background-position: -2px -64px;}
#navigation #topnav li#services a:active { width: 76px; background-position: -68px -64px;}
#navigation #topnav li#technology a:active { width: 85px; background-position: -144px -64px;}
#navigation #topnav li#clients a:active { width: 72px; background-position: -229px -64px;}
#navigation #topnav li#contactus a:active { width: 74px; background-position: -301px -64px;}
#navigation #topnav li#about a:active { width: 74px; background-position: -375px -64px;}

#navigation #topnav li#home a.selected { width: 66px; background-position: -2px -96px;}
#navigation #topnav li#services a.selected { width: 76px; background-position: -68px -96px;}
#navigation #topnav li#technology a.selected { width: 85px; background-position: -144px -96px;}
#navigation #topnav li#clients a.selected { width: 72px; background-position: -229px -96px;}
#navigation #topnav li#contactus a.selected { width: 74px; background-position: -301px -96px;}
#navigation #topnav li#about a.selected { width: 74px; background-position: -375px -96px;}

#login_helper {
        padding: 10px 0 0px 11px;
        margin: 0px;
        margin-bottom:-10px;
        border: #c00 solid 0px;
        font-size: 0.9em;
        color: #999;
		height: 50px;
}

#login_helper a {
        color: #999;
}

/****** Basic layout *******/
.column {float: left; overflow: hidden; }
.column h2 {margin: 14px 0 5px 0; color: #333;}

/*** Harvest brand header, I say ***/
#header {
        position: relative;
        margin: 0 -9px 0 -9px;
        background: #fcfcfc url("../images/extend-header.jpg") no-repeat;
        width: 802px;
        height: 68px;
        font: 0em;
        padding: 0;
       
}
body.behance #header {
        background: #fcfcfc url("../images/behance-harvest-header.gif") no-repeat;
}
body.behance .signup_side {
        background: url("../images/behance_signup_back.gif") 10px 0px no-repeat;
}
body.behance #footer {
        background: #fafafa url("../images/behance-background-footer.gif") no-repeat;
}
body.behance #footer #credit {background: none;}



#footer {
        margin: 0 -9px;
        background: #fafafa url("../images/background-footer.gif") no-repeat;
  color: #ffffff;
  font-size: 0.9em;
        line-height: 1em;
  padding: 16px 28px;
}
#footer a {color:#ffffff; text-decoration: none;}
#footer a:hover {color:#ffffff; text-decoration: underline;}
#footer #credit { float: right; margin-top: -2px; background: url("../images/iridescox.gif") no-repeat; width: 183px; height: 15px; text-indent: -9999px; }

/*** Content, over white ***/
.content { padding: 17px; overflow: hidden; background: #fff url('../images/background-whiteshadow.gif') repeat-x;}
.content .left {width: 410px; overflow: hidden;}
.content .right {width: 304px; margin-left: 30px; overflow: hidden;}
.content strong {color: #000;}
.content:after, .content {_zoom: 1;}

p.first {font-weight: bold; color: #000;}
.top {padding-top: 10px;}

/*** Rounded corner gray box ***/
.content .rounded_gray {background: #ccc url("../images/background-lgray-top.gif") top no-repeat;       padding-top: 14px;}
.content .rounded_gray_content {color: black; padding: 0 14px 14px 14px; background: #ccc url("../images/background-lgray-bottom.gif") bottom no-repeat;}

/*** New Founders ***/
.content #newfounders {background: #167000 url("../images/nf-bottom.gif") bottom no-repeat; color: #eee; padding: 20px; font-size: 0.9em; position: relative; width: 264px}
.content #newfounders h2 {margin: -20px -20px 5px -20px !important; background: #167000 url("../images/nf-top.gif") bottom no-repeat; font-size: 0; height: 36px; width: 304px; position: relative }
.content #newfounders h3 {color: white; font-size: 1em; margin: 15px 0 0 0;}
.content #newfounders ul {padding: 0 0 0 15px;}
.content #newfounders a {color: white;}
.content #newfounders a.nf-apply {display:block; width:203px; height: 35px; padding-top: 1px; margin: 10px 0 10px 0; text-indent:-9999px; background: url("../images/btn-nf-apply.gif") no-repeat; position: relative; }
.content #newfounders strong {color: white; background-color: #175607;}

.content #newfounders_recent {background: #1c4511 url("../images/background-nf-bottom.gif") bottom no-repeat; padding-bottom:10px; margin: 10px 0; position: relative; }
.content #newfounders_recent h2 {background: #1c4511 url("../images/nf-recent-header.gif") no-repeat; width: 264px; height: 46px; font-size: 0; text-indent:-9999px; margin: 15px 0 0 0 !important;}
.content #newfounders_recent .recent_content {background: #1c4511 url("../images/background-nf.gif") repeat-y; padding: 8px 13px;}

/*** Testimonials ***/
.content .quote_lg {font-weight: bold;}
.content .source {height: 34px; font-size: 0.9em; line-height: 1.4em; font-weight: bold; padding-left: 120px; margin: -5px 0 20px 0;}
.content .cubancouncil {background: url('../images/logo-cc.gif') no-repeat;}
.content .propeller {background: url('../images/logo-pp.gif') no-repeat;}
.content .bigspaceship {background: url('../images/logo-bs.gif') no-repeat;}
.content .blueflavor {background: url('../images/logo-bf.gif') no-repeat;}
.content .lifehacker {background: url('../images/logo-lh.gif') no-repeat;}
.content .citizenagency {background: url('../images/logo-ca.gif') no-repeat;}
.content .agilepartner {background: url('../images/logo-ap.gif') no-repeat;}
.content .hyperprism {background: url('../images/logo-hp.gif') no-repeat;}
.content .alexander {background: url('../images/logo-ai.gif') no-repeat;}
.content .artistdata {background: url('../images/logo-ad.gif') no-repeat;}

/*** Content, over black ***/
.content_dark {position: relative; background-color: #222; color: #dddddd; padding: 20px; font-size: 0.9em; overflow: hidden; margin: 0;}
.content_dark a {color: white;}
.content_dark .left {width: 408px;}
.content_dark .left h3 {font-size: 1.2em; color: #f6f6f6; margin: 18px 0 0 0;}
.content_dark .left h3.first {margin: 0;}
.content_dark .left p {margin: 0px 0 10px 0;}
.content_dark a.learn {display:block; width:190px; height: 24px; padding-top: 0; margin: 10px 0 0 0; text-indent:-9999px; background: url("../images/button-dark-learnmore.gif") no-repeat; position: relative; }
.content_dark a.signup {display:block; width:190px; height: 24px; padding-top: 0; margin: 5px 0 0 0; text-indent:-9999px; background: url("../images/button-dark-signup.gif") no-repeat; position: relative; }
.content_dark:after, .content_dark {_zoom: 1;} /*** this combines with overflow: hidden would clear the floating columns ***/

/*** Right column ***/
.content_dark .right {  width: 316px; float: right; color: #fff;}
.content_dark .right h2 {font-size: 1.2em; margin: 1em 0;}

/*** Rounded corner gray box ***/
.content_dark .rounded_gray {background: #4e4e4e url("../images/background-gray-top.gif") top no-repeat; padding-top: 14px;}
.content_dark .rounded_gray_content {padding: 0 14px 14px 14px; background: #4e4e4e url("../images/background-gray-bottom.gif") bottom no-repeat; }
.content_dark .rounded_gray_content h2 {margin: 5px 0 10px 0; padding: 0; color: #ddd;}
.content_dark .rounded_gray_content .source {font-weight: bold; color: #ccc; margin: 5px 0 15px 0;}
.content_dark .rounded_gray_content ul {margin: 0 15px;}
.content_dark .rounded_gray_content ul li {margin: 8px 0px;}
.content_dark .rounded_gray_content ul.float {float: left; width:40%; margin-right: 10px; margin-bottom: 10px;}
.content_dark .rounded_gray_content ul.float li {margin: 5px;width: 125px;list-style: square;}

.content_dark .callout {border: 1px solid #111; background-color: #1c1c1c; padding: 8px; margin: 15px 0 5px 0;}
.content_dark .callout h3 {color: white; margin: 5px 0 10px 0;}

.content_dark .left p {font-size: 1.1em;}


.content_dark .rounded_gray_content .onepage_callout_index {background: url("../images/onepage_callout_index.gif") no-repeat; height: 118px; width: 100px; float: left; text-indent: -9999px; display: block;}
/*
.onepage_callout_index {background: url("/images/onepage_callout_index.gif") no-repeat; height: 131px; width: 110px; float: left; text-indent: -9999px; display: block;}
*/
.onepage_callout_index_link {padding: 1px 0 0 0;}
#onepage_callout {width: 280px; padding:20px 0 20px 0;}
#onepage_callout_content {padding:20px 0 20px 0; margin:-10px;}

/*** Content intro, inside content_dark ***/
h2.content_intro {color: #fff; font-size: 1.45em; line-height: 1.5em; letter-spacing: 0em; margin: 0;}
.content_dark .left p.content_intro {color: #e0e0e0; font-size: 1.1em; line-height: 1.5em; }

/*** Homepage introduction section ***/
#home_intro {
	padding: 20px 10px 20px 3px;
	background-position: bottom;
}
#home_intro h1 { height: 70px; width: 278px; background: url("../images/home-intro-sleek.gif") no-repeat; text-indent:-5000px; margin: 0;}
#home_intro p { margin: 6px 0 15px 0; color: #666666;}
#intro_action a.learn { display:block; width:192px; height: 29px; padding:0; margin: 0 0 5px -5px; text-indent:-9999px; background: url("../images/button-learnmore.gif") no-repeat; position: relative; }
#intro_action a.signup { display:block; width:192px; height: 29px; padding:0; margin: 0 0 0 -5px; text-indent:-9999px; background: url("../images/button-signup.gif") no-repeat; position: relative; }

/*** Customer logos ***/
#customers_logos {background: #9e9e9e url("../images/background-logos.jpg") repeat-x; padding: 12px 0 9px 20px;}
#customers_logos h2 {position: relative; margin: 0 !important; padding: 0 !important; text-indent:-9999px; width: 474px; height: 11px; font-size: 1px; line-height: 0; background: url("../images/logos-header.gif") no-repeat;}
#logos_list {position: relative; margin-top: 14px; background: url("../images/logos.gif") no-repeat;}
#logos_list a {display: block; text-indent:-9999px; height:33px; padding-top: 0px;}

/*** Banners ***/
#newfounders_banner {width: 316px; height: 118px; margin-top: 10px; background: url("../images/newfounders-banner.gif") no-repeat; text-indent: -9999px;}

/*** Learn ***/
a.signup_big {display:block; width:271px; height: 147px; padding-top:0px; margin: 0 0 0 20px; text-indent:-9999px; background: url("../images/btn-signup-big.gif") no-repeat; position: relative; }
#harvest_difference {background: #fff url("../images/background-difference.gif") repeat-y; overflow: hidden;}
#harvest_difference, #harvest_difference:after {_zoom: 1;}
#harvest_difference h2 {margin: 0; padding: 0; background: #9e9e9e url('../images/header-harvestdifference.gif') no-repeat; height: 31px; color: white; text-indent: -9999px;}
#harvest_difference #menu {float: left; width: 197px;}
#harvest_difference #panels {float: left; width: 545px; margin: 0 0 0 1px; background: #fff url('../images/background-whiteshadow.gif') repeat-x; overflow: hidden; padding: 20px;}
#panels h3 {margin: 0 0 0.8em 0; padding: 0; color: #333; font-size: 1.2em; line-height: 1.4em;}
#menu {padding: 0 0 10px 0;}
#menu a {margin: 10px 10px;}
#menu ol {margin: 0 0 10px 0; padding: 0; list-style: none;}
#menu ol li {
        cursor:pointer;
        color: white;
        padding: 5px 20px;
        border-bottom: 1px solid #7794a6;
        list-style: none;
        margin: 0;
}
#menu ol li:hover {background-color: #769ab2;}
#menu ol li.active {background-color: #5c8caa;}

.grid2col .column { width: 49%; }
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

ul.bullets li {
        list-style: square;
        padding-left: 0px;
        padding-top: 0px;
        margin-left: 15px;
}

#panels ul.bullets {margin-bottom: 1em;}

#menu .onepage_callout_features {background: url("../images/onepage_callout_features.gif") no-repeat; height: 108px; width: 87px; float: left; text-indent: -9999px; display: block;}
#menu .onepage_callout_features_sec {padding: 0 0 0 17px; color: #fff; font-size:1.1em; line-height: 1.2em;}
#menu .onepage_callout_features_sec a {font-size:.8em; margin: 0; color: #fff;}
#menu .onepage_callout_features_sec .onepage_callout_features_link {margin: 0; padding: 17px 0 0 0; color: #fff;}

/*** Footer Ads ***/
#footer_ads {background-color: #333; border-top: 1px solid #6f6f6f; overflow: hidden; padding: 20px;}
#footer_ads, #footer_ads:after {_zoom: 1;}
#footer_ads a {display:inline; float: left; width:240px; height: 114px; text-indent:-9999px; font-size: 0; padding: 0; margin: 0 0 0px 12px; }
#footer_ads a.ad_widget { margin-left: 0 !important; background: url("../images/ad-widget.jpg") no-repeat; }
#footer_ads a.ad_newfounders { background: url("../images/ad-newfounders.jpg") no-repeat; }
#footer_ads a.ad_trial {background: url("../images/ad-trial.gif") no-repeat;}

/*** Old Pricing styles ***/
table.pricing {
  padding: 0;
  margin: 0 auto 0px auto;
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
}

table.pricing thead {
}

table.pricing th {
  padding: 10px;
  border: 0px;
  text-align: right;
}

table.pricing th.price {
  padding-top: 20px;
}

table.pricing thead th {
  border: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #666;
  font-size: 14px;
  line-height: 21px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

table.pricing thead th.less {
  font-size: 12px;
  font-weight: normal;
}

table.pricing thead td {
  border: 0;
}

table.pricing td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
}

table.pricing td.business {
  background: #F5F7C9;
}

table.pricing td p {
        margin: 15px 0;
}

table.pricing td ul, table.pricing td ul li {
        list-style: disc; margin: 0 15px;
}

table.pricing td.price {
  padding-top: 20px;
  font-weight: bold;
}

table.pricing td.action {
  font-size: 11px;
  font-weight: bold;
  border: 0;
  border-left: 1px solid #ccc;
  padding-top: 0px;
  padding-bottom: 5px;
}
/*** end old pricing styles ***/

/*** Sign up styles ***/
.signup_side {
        background: url("../images/signup_back.gif") 10px 0px no-repeat;
        padding: 230px 0 0 0; color: #555; font-size: 0.95em;
}

.signup_side ul {margin-left: 15px; list-style: none;}
.signup_side ul li {list-style: none; margin: 0 0 10px 0;}
p.signup {margin: -10px 0 20px 0;}
p.start {text-align: center; font-weight:bold; font-size: 1.4em; line-height: 1.7em; background: #ffffcc; padding: 1em}

/*** Forms in left column, metallic, 410px wide ***/
.columnform {width: 410px; margin: auto;}
.columnform h3 {margin: 0; height: 21px; padding: 10px 10px 0 10px; font-size: 1em; line-height: 1em; background: #f4f4f4 url("../images/form-h3.gif") no-repeat; color:#666; }
.columnform h3.first {height: 22px; background: #f4f4f4 url("../images/form-h3-first.gif") no-repeat; padding: 11px 10px 0 10px; border: 0;}
.form_node { padding: 10px; overflow: hidden; background-color: #f9f8f8; border: 1px solid #d3d3d3; border-top: 0;}
.form_node, .form_node:after {_zoom: 1;}
.form_bottom {margin: 0; height: 22px; background: #f4f4f4 url("../images/form-bottom.gif") no-repeat; padding: 11px 10px 0 10px; border: 0; font-size: 1em; line-height: 1em; font-weight: bold; color:#666; }
.form_node dl dt { width: 120px; margin: 2px 8px 0 0; padding: 0; text-align: right; white-space: nowrap; float: left; clear: left; position: relative;}
.form_node dl dd {margin-bottom: 8px;}
.form_node dl dd select {width: 220px;}
.form_node ul, li {list-style: none;}
.form_node li {padding: 2px 10px;}
input.short {width: 100px;}

/*** Form used for contact us, Aug 08 ***/
table.contact_us {}
table.contact_us td {padding: 0 10px 5px 0; font-size: 12px; vertical-align: middle;}
table.contact_us td select {width: 98%; padding: 3px; font-size: 14px;}
table.contact_us td input.field {width: 220px; padding: 3px;}
table.contact_us td input.subject {width: 98%; padding: 3px;}
table.contact_us td label {display: block; font-weight: bold; font-size: 11px; line-height: 12px; text-align: left; margin: 12px 0 5px 0;}
table.contact_us td p.helper_text {width: 90%; font-size: 11px; line-height: 14px; color: #666; margin-bottom: 4px }
table.contact_us td textarea {width: 98%; padding: 3px; height: 150px; font-size: 12px;}

table.contact_us #business_name {position:absolute; left:-2000px; top:-500px;}

/*** Form error styles ***/
#subdomain_warning { color: red; font-weight: bold; }
.errorExplanation, #errorExplanation {border: 4px solid #fcff08; padding: 10px; margin: 0 auto 20px auto; background: #fdfec3; width: 90%;}
.errorExplanation, #errorExplanation h2 {margin: 5px 0; color: black; font-size: 1em;}
.errorExplanation, #errorExplanation ul {margin: 0px;}
.errorExplanation, #errorExplanation ul li {list-style-type: disc; margin: 0px 20px;}
div.fieldWithErrors input {background-color:#fcff08;}
#business-type div.fieldWithErrors {display:inline; background-color:#fcff08;padding: 3px;}


/*** Widget styles ***/
a.widget_mac {background: url("../images/btn-widget-mac.gif") no-repeat; width: 239px; height: 46px; text-indent: -9999px; display: block;}
a.widget_yahoo {background: url("../images/btn-widget-yahoo.gif") no-repeat; width: 239px; height: 49px; text-indent: -9999px; display: block;}
a.widget_vista {background: url("../images/btn-widget-vista.gif") no-repeat; width: 239px; height: 49px; text-indent: -9999px; display: block;}
a.widget_demo {background: url("../images/widget-watch-demo.gif") 15px 0 no-repeat; width: 262px; height: 78px; text-indent: -9999px; display: block;}

/*** Sitemap ***/
a.sitemap {display:block; width:271px; height: 147px; padding-top:0px; margin: 30px auto; text-indent:-9999px; background: url("../images/btn-signup-big.gif") no-repeat; position: relative; }


/*** Code style (used for API) ***/
code {padding: 0px;     margin: 0; line-height: 14px;font-size:12px;}
pre {padding: 10px;     margin: 0px; margin-bottom:10px; background: #000; font-size: 11px; line-height: 13px; color: #f2ffad;}
p.path {padding:0px; margin:0px;font-family:courier;font-weight:bold;}
hr {color: #fff; background-color: #fff; border: 1px dotted #ccc; border-style: none none dotted; }

.api-sample .pp{ color: gray; }
.api-sample .ta{ color: green}
.api-sample .an{ color: blue; }
.api-sample .s{ color: pink; }
.api-sample .c{ color: lightgray; }

.api-column {float:left;width:560px;}

ul.marketing_copy, ul.marketing_copy li {
        list-style: disc; margin: 5px 10px;
}

ol.marketing_copy, ol.marketing_copy li {
        margin: 5px 10px;
                                list-style-type: decimal;
}

table.marketing_table {
        font-size: 11px;
        width: 400px;
}

table.marketing_table th {
        text-align: left;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
}

table.marketing_table td {
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
}

table.marketing_table td.last {
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
}


input.price_calculator {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0px; }

/*** Platform page styles ***/
a.platform_lean_more {background: url("../images/button-platfrom-learnmore.gif") no-repeat; width: 239px; height: 49px; text-indent: -9999px; display: block;}
.platform_logo {padding:10px 0 0 0;vertical-align:top;}
.platform_desc {padding:10px 20px 0 0;vertical-align:top;}
.platform_hr {margin:0 0 10px 0;padding:10px 0 0 0;}
.platfrom_bg {background-color: #f2f2f2;}
.platform_api_logo {padding:10px 0 0 0;vertical-align:top;background-color: #f2f2f2;}
.platform_api_desc {padding:10px 20px 0 0;background-color:#f2f2f2;}


/*** Segment pages ***/
.content .rounded_gray_third {background: #ededee url("../images/box-gray-top.gif") top no-repeat; padding: 14px 0 0 0; margin: 0 0 20px 0;}
.content .rounded_gray_content_third {font-size: 0.9em; color: black; width: 210px; padding: 0 14px 20px 14px; background: #ededee url("../images/box-gray-bottom.gif") bottom no-repeat;}
.content .column .rounded_gray_content_third h2 {margin-top: 0; color: #f37021; border-bottom: 1px solid #fff;}
.content .rounded_gray_third  ul {margin: 2px 0 0 0; padding: 0 0 25px 0;}
.content .rounded_gray_third  li {list-style-image:url("../images/bullet-dark.gif"); margin: 0 0 0 12px; padding: 1px 0 0 0;}
.content .left_third {width: 475px; overflow: hidden;}
.content .right_third {width: 238px; margin-left: 30px; overflow: hidden;}
.content .left_third p.intro {font-size: 12px; line-height: 21px;}


#masthead_box_link {background: url("../images/button-segment-masthead-signup.gif") no-repeat; width: 239px; height: 49px; text-indent: -9999px; display: block; position:absolute; top:255px; margin:0 0 0 16px;}

.mastheader {height: 217px; width: 784px; margin: 0 0 0 0; padding: 0;}
.mastheader h1 {font-size: 0; margin: 0; text-align: -9999px; height: 0;}
.segment_freelancer {background: url("../images/segement_freelancer.jpg") no-repeat;}
.segment_sb {background: url("../images/segement_business.jpg") no-repeat;}
.segment_professional {background: url("../images/segement_professional.jpg") no-repeat;}
.floated_box {float: right; display: inline;}
.segment_bullets {width: 208px; color:#e9e9e9; font-size: 0.9em; margin: 48px 40px 0 0; }
.help_dialog {width: 322px; color:#333333; font-size: 12px; line-height: 14px; margin: 62px 40px 0 0; }
.floated_box h2 {font-size: 1.2em; color:#fff; margin: 0;}
.floated_box a {color: #0E5CA5;}
.floated_box ul {margin: 2px 0 0 0;}
.floated_box li {list-style-image:url("../images/bullet.gif"); margin: 0 0 0 12px; padding: 1px 0 0 0;}

#learnmore a {
	background: url("../images/button-segment-learnmore-grey.gif") no-repeat;
	text-indent: -9999px;
	height: 23px;
	width: 189px;
	float: left;
	margin: -18px 0 0 -2px;
}
#segment_masthead {height: 217px; width: 784px; margin: 0 0 -7px 0;}


#segements{
	height: 105px;
}
#sharepoint a {
	background: url("../images/button-segment-freelancer.jpg") no-repeat;
	text-indent: -9999px;
	height: 105px;
	width: 261px;
	float: left;
}
#usability a {
	background: url("../images/button-segment-business.jpg") no-repeat;
	text-indent: -9999px;
	height: 105px;
	width: 262px;
	float: left;
}
#testing a {
	background: url("../images/button-segment-professional.jpg") no-repeat;
	text-indent: -9999px;
	height: 105px;
	width: 261px;
	float: left;
}

.quote-bubble {background: url("../images/quote-bubble.jpg") no-repeat; background-color: #f6f6f6; background-position: bottom; padding: 10px 10px 15px 10px; margin-top: 10px;}
.quote-bubble-name {margin: -10px 0 20px 25px; color: #666;}

#iphone-masthead a { background: url("../images/home-masthead-iphone.gif") no-repeat; text-indent: -9999px; position: absolute; height: 105px; width: 250px; top:345px; margin: 0 0 0 575px; }
#postit_blog a {
	background: url("../images/postit_blog.png") no-repeat;
	position: absolute;
	height: 61px;
	width: 57px;
	top:29px;
	left: 693px;
	background-image: url(../images/postit_blog.png);
	visibility: visible;
	z-index: 2;
	float: right;
}


/*** Help Section ***/
h1#help {margin: 0; padding: 0; background: url("../images/help_header.gif") no-repeat; height: 164px; border-bottom: 1px solid #ccc; overflow: hidden; font-weight: normal;}
h1#help a.main {display: block; width: 400px; height: 164px; margin: 0; padding: 0; text-indent: -9999px; font-size: 0px;}

.content #support_help .left {width: 357px; overflow: hidden;}
.content #support_help .right {width: 357px; margin-left: 30px; overflow: hidden;}
#support_help h2 {font-size: 1.5em; font-weight: bold; line-height: 21px; margin: 10px 0 0 0; color: #000;}
#support_help .faq_intro {font-size: 15px; font-weight: normal; line-height: 21px;}
#support_help #faq_search {background-color: #eee; border: 1px solid #ddd; padding: 8px 12px;}
#support_help #faq_search h2 {margin: 0; color: #333; font-size: 12px;}
#support_help .support_nav {padding: 20px 0 10px 0;}

#support_help .support_qa {border-bottom: 1px dotted #999; padding: 25px 0;}
#support_help .support_qa .question {font-size: 16px; font-weight: bold; line-height: 21px; margin: 0; color: #000;}
#support_help .support_qa .question a.anchor {font-size: 12px; font-weight: normal; line-height: 21px; margin: 0; color: #999; text-decoration: none;}
#support_help .support_qa p {margin: 1em 0 0 0;}
#support_help .support_qa img.bordered {border: 5px solid #ccc; padding: 0px;}
#support_help .support_qa table {width: 100%; margin: 1em 0;}
#support_help .support_qa table td {padding: 10px; vertical-align: top;}
#support_help .support_qa table td.screenshot {padding: 10px;}
#support_help .support_qa table.datamapping{width: 90%; border-left: 1px solid #999; border-top: 1px solid #999; margin: 0 auto;}
#support_help .support_qa table.datamapping td, #support_help .support_qa table.datamapping th
  {border-bottom: 1px solid #999; border-right: 1px solid #999; padding: 3px 5px; text-align: left;}
#support_help .support_qa ul, #support_help .support_qa ol {margin: 1em 0 0 0;}
#support_help .support_qa ul li {margin: 0 0 0.7em 2em; list-style: square outside;}
#support_help .support_qa ol li {margin: 0 0 0.7em 2em; list-style: decimal outside;}

#support_help .support_questions {margin: 10px 0 0 0px;}
#support_help .support_questions a {color:#0E5CA5; text-decoration: none;}
#support_help .support_questions h3 {font-size: 16px; font-weight: bold; line-height: 21px; margin: 0;}
#support_help .support_questions h3 a {text-decoration: none;}
#support_help .support_questions a:hover {background-color: transparent; text-decoration: underline;}
#support_help .support_questions ul {margin: 5px 0 25px 0px;}
#support_help .support_questions ul li {margin: 0; list-style-type: none; background: transparent url("../images/document.gif") no-repeat scroll 2px 4px; padding: 0 0 4px 15px;}
#support_help .support_questions ul li.more {font-weight: bold; font-size: 11px;}

#support_help #top_faqs {background-color: #FFFFDD; padding: 15px; margin: 30px 0; color: white;}
#support_help #top_faqs h3 {margin: 0;}
#support_help #top_faqs ul {margin: 5px 0px 0;}

#support_help .support_sections {margin: 40px 0px 20px 0px;}
#support_help .support_sections a {color:#0E5CA5;}
#support_help .support_sections h3 {margin: 0; font-size: 16px;}
#support_help .support_sections ul {margin: 10px 0;}
#support_help .support_sections ul li a {font-size: 16px; font-weight: bold; text-decoration: none;}
#support_help .support_sections ul li ul {margin: 5px 0 20px 20px;}
#support_help .support_sections ul li ul li {font-size: 12px; line-height: 18px; font-weight: normal; margin: 3px 0;}
#support_help .support_sections ul li ul li a {font-size: 12px; line-height: 18px; font-weight: normal; margin: 2px 0; text-decoration: underline;}

ul.basic {
	margin-left: 15px;
}
ul.basic li {
	list-style-type:disc;
}
#web20 {
	font-weight: bold;
}
#web20 {
	font-weight: bold;
}
#footer_deluxe {width: 780px; margin: 0 auto 2em; text-align: center; font-size: 11px; color: #666;}
#footer_deluxe a {color: #666;}

/* slider */
.slider-wrap								{
	width: 781px;
	height:309px;
	position:relative;
	overflow:hidden;
	cursor:hand;
}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position:relative;overflow:hidden;width:908px;height:309px;}
.stripViewer .panelContainer				{ position:relative;left:0;top:0;}
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 908px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border:0;}
#movers-row									{ margin: -58px 0 0 181px;}
#movers-row div								{ width:181px;float:left; }
#movers-row div a.cross-link 				{ float: right; }
.cross-link									{ display: block; width: 181px; margin-top: -15px; 
											  position: relative; padding-top: 15px; z-index: 59; }
.active-thumb 								{ background: transparent url(http://www.typepad.com/images/business/icon-big.gif) top center repeat-x;}
.intro{height:58px;background-color:#666;}
.navbuttonsrow{width:908px;background: url(http://www.typepad.com/images/business/nav_bg.png) bottom;}
.header2 {
	background-image: url(../images/extend-header.jpg);
	background-repeat: no-repeat;
	height: 68px;
}
.logo {
	background-image: url(../images/extend-header_logo.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 55px;
	float: left;
}
.slogan {
	width: 570px;
	margin-left: 230px;
	height: 55px;
	background-position: bottom;
}
.slogan2 {
	background-image: url(../images/slogan.png);
	float: left;
	height: 55px;
	width: 230px;
	background-repeat: no-repeat;
	background-position: bottom;
}
.icon {
	float: left;
	height: 40px;
	width: 40px;
	margin-right: 3px;
	margin-left: 3px;
	text-align: center;
	padding-top: 15px;
}
.microsoft {
	float: left;
	height: 68px;
	margin-right: 2px;
	margin-left: 2px;
	width: 144px;
	background-image: url(../images/header_microsoft.png);
	background-repeat: no-repeat;
}
.functions {
	width: 100px;
	margin-left: 640px;
	height: 55px;
}
