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

table {
	border-collapse: collapse;
}

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

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

.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000
}

.prototip .default {
	width: 250px;
	color: #808080
}

.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold
}

.prototip .default .title {
	padding: 5px
}

.prototip .default .content {
	padding: 5px;
	background: #fff
}

.prototip .basic {
	width: 250px;
	color: #808080
}

.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold
}

.prototip .basic .title {
	padding: 5px
}

.prototip .basic .content {
	padding: 5px;
	background: #fff
}

.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa
}

.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold
}

.prototip .hint .title,.prototip .hint .content {
	padding: 5px
}

.prototip .protoblue {
	width: 250px;
	color: #fff
}

.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold
}

.prototip .protoblue .title {
	padding: 5px
}

.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px
}

.prototip .creamy {
	width: 250px;
	color: #bb9c61
}

.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold
}

.prototip .creamy .title {
	padding: 5px
}

.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px
}

.prototip .darkgrey {
	width: 250px;
	color: #fff
}

.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold
}

.prototip .darkgrey .title {
	padding: 5px
}

.prototip .darkgrey .content {
	background: #808080;
	padding: 5px
}

.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff
}

.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold
}

.prototip .protogrey .title {
	padding: 5px
}

.prototip .protogrey .content {
	color: #808080;
	padding: 5px
}

.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px
}


.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden
}

.prototip {
	position: absolute;
	overflow: hidden;
}

.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title {
	position: relative;
}

.prototip .content {
	clear: both;
}

.prototip .toolbar .close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 19px;
	height: 15px;
	display: block;
	line-height: 0;
	font-size: 0;
	border: 0;
	cursor: pointer;
}

.prototip .tooltip {
	clear: both;
	float: left;
}

.prototip .borderLeftWrapper,.prototip .borderRightWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 20px;
}

.prototip .borderFrame {
	height: 100%;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

.prototip .borderTop,.prototip .borderBottom {
	overflow: hidden;
}

.prototip .borderRow {
	list-style-type: none;
	float: left;
	width: 100%;
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
}

.prototip_CornerWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	clear: both;
}

.prototip_Corner {
	float: left;
	position: relative;
}

.prototip canvas {
	position: relative;
	float: left;
}

.prototip_CornerTr,.prototip_CornerBr {
	float: right;
}

.prototip_BetweenCorners {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	clear: both;
}

.prototip .borderMiddle {
	position: relative;
	float: left;
}

.prototip .borderCenter {
	position: relative;
	float: left;
	height: 100%;
}

.prototip_StemWrapper {
	position: relative;
	width: 100%;
	height: auto;
	clear: both;
}

.prototip_StemBox {
	float: left;
	position: relative;
}

.prototip_Stem {
	width: 100%;
	position: absolute;
	overflow: hidden;
}

.iframeShim {
	position: absolute;
	border: 0;
	margin: 0;
	padding: 0;
	background: none;
	overflow: hidden;
}

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

.prototip .clearfix {
	display: inline-block;
}

.prototip .clearfix {
	display: block;
}

#flashes {
	background-color: #666
}

#flashes .always-on-top {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000
}

noscript p.error,#flashes .message {
	padding: 8px;
	text-align: center;
	font-weight: bold;
	font-size: 140%;
	letter-spacing: -1px;
	color: #735005;
	background-color: #FAD163
}

#flashes small {
	letter-spacing: 0
}

#flashes .message strong {
	padding: 0 2px;
	font-size: 110%
}

#flashes .message a {
	padding: 0 2px;
	text-transform: lowercase
}

#flashes .notice-message {
	background-color: #06c;
	color: #fff
}

#flashes .notice-message a {
	color: #fff;
	text-decoration: underline
}

#flashes .warning-message {
	background-color: #F4A83D
}

#flashes .warning-message strong,#flashes .warning-message a {
	background-color: #FAD163
}

#flashes .warning-message strong a {
	padding: 0
}

#flashes .warning-message a:hover {
	background-color: #06c
}

noscript p.error,#flashes .fatal-message {
	color: #fff;
	background-color: #f00
}

#flashes .fatal-message strong {
	color: #f00
}

#flashes .fatal-message strong,#flashes .fatal-message a {
	background-color: #fff
}

#flashes .fatal-message a:hover {
	background-color: #06c
}

body {
	font-size: 10px;
	font-family: arial, sans-serif;
	background-color: #eee
}

strong {
	font-weight: bold
}

code {
	padding: 0.2em;
	font-family: arial;
	font-size: 90%;
	opacity: 0.8
}

a {
	color: #06c;
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

#content h1 a {
	font-size: 360%;
	display: inline-block;
	text-decoration: none;
	margin-bottom: 0.5em
}

.column {
	width: 922px;
	margin: 0 auto;
	position: relative
}

.clear-fix {
	clear: both
}

label.switch-lang,label.switch-account {
	display: none
}

a.more {
	font-size: 140%;
	margin: 0 0 0.5em 0;
	padding-right: 20px;
	background: url(/images/icons/more_off.gif) right 50% no-repeat;
	font-weight: bold
}

a.more:hover {
	background-image: url(/images/icons/more_on.gif)
}

#content a.more {
	margin-left: 0.5em
}

#content .next a.more {
	font-size: 100%;
	margin-left: 0
}

#header {
	position: relative;
	padding: 2em 0;
	margin: 0 auto;
	background-color: #fff;
	z-index: 5
}

#header h1 a.logo {
	background: url(/images/logo/ft_logo.png) 0 0 no-repeat;
	display: block;
	text-indent: -4000px;
	height: 50px;
	width: 200px
}

#top-nav {
	position: absolute;
	right: 1em;
	top: 3.5em
}

.user-shown #top-nav {
	top: 4.5em
}

#top-nav li {
	float: left;
	display: block;
	margin-left: 1.5em;
	line-height: 1.6
}

#top-nav li a {
	font-size: 120%;
	font-weight: bold
}

.user-breadcrumbs {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0.2em 1em;
	background-color: #ddd;
	-moz-border-radius-bottomleft: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em
}

.user-breadcrumbs .settings {
	display: none
}

.user-breadcrumbs a {
	font-size: 110%;
	font-weight: bold;
	padding: 0 2px
}

.user-breadcrumbs li {
	text-align: right;
	padding: 2px 2px 2px 0;
	display: inline
}

.user-breadcrumbs li.username a {
	color: #666;
	font-size: 120%;
	text-decoration: none;
	font-weight: bold;
	padding: 0
}

.user-breadcrumbs li select {
	font-size: 10px;
	width: 12em
}

/*
#banner {
	margin: 0 0 3em 0;
	padding: 1.5em 0 2em 0;
	background: url(/images/backgrounds/orange-splash.png) 0 -100px repeat-x
}
* */

#banner {
	margin: 0 0 3em 0;
	padding: 1.5em 0 2em 0;
	background-color: #354056;
}


#banner {
	color: #fff
}

#banner h1 {
	font: normal 360% "Century Gothic", "Apple Gothic", "Lucida Grande",
		Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: -1px
}

#banner h2 {
	font: normal 160% "Century Gothic", "Apple Gothic", "Lucida Grande",
		Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: 0px
}

.wide-sidebar,.sidebar {
	float: right;
	width: 250px
}

.wide-sidebar {
	width: 270px
}

.sidebar h5 {
	padding-top: 0;
	color: #444
}

.sidebar ul li {
	list-style: disc;
	margin-left: 2em;
	font-size: 120%;
	color: #333;
	margin-bottom: 0.3em
}

#content .sidebar h3 {
	font-size: 200%;
	margin-top: 1em;
	color: #666;
	border-bottom: dotted 1px #aaa;
	font-weight: normal;
	letter-spacing: 0
}

.teaser {
	background-color: #ffa;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	padding: 0.5em 1em;
	font: normal 120% arial;
	margin: 1em 0 1em
}

.teaser strong {
	letter-spacing: -1px;
	font-size: 120%
}

#wrapper {
	padding-bottom: 3em;
	background-color: #fff !important;
	border-bottom: solid 1px #fff;
	min-height: 45em
}

#footer {
	position: relative;
	clear: both;
	background-color: #eee;
	padding-bottom: 3em
}

#footer ul.nav {
	clear: left;
	padding-top: 2.2em
}

#footer ul.nav li {
	display: inline;
	margin-right: 0.5em;
	font-size: 120%
}

#footer a {
	color: #444;
	font-weight: bold;
	text-decoration: underline
}

#footer .blog {
	float: right;
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding: 0.2em 1em;
	width: 28em;
	color: #666;
	font: normal 140% arial;
	background-color: #ddd;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em
}

#footer .blog p {
	padding: 0.3em 0
}

#footer p.copyright {
	padding-top: 0.5em;
	color: #666;
	font: normal 110% arial
}

#footer a.hosting-by {
	clear: right;
	float: right;
	margin: 1em 1em 1em 0;
	display: block;
	background: #fff
		url(/images/logo/logo_aws.png)
		no-repeat;
	height: 0px;
	width: 82px;
	padding-top: 38px;
	overflow: hidden
}

.toc {
	padding: 1.5em 1.5em 1em 1.5em;
	background-color: #eee;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	margin-bottom: 2em
}

.toc li {
	font: bold 160% arial;
	letter-spacing: -1px;
	margin-bottom: 0.5em
}

.toc li.current a {
	color: #888
}

.calls-to-action li {
	float: left;
	margin-bottom: 3em
}

.calls-to-action li a {
	display: block;
	margin: 0 1em 0 0;
	color: #fff;
	text-align: center
}

.calls-to-action li.get-started a {
	width: 250px;
	height: 50px;
	line-height: 47px;
	font-size: 200%;
	font-weight: bold;
	background: url(/images/buttons/green_250.png) no-repeat scroll 0 0
}

.calls-to-action li.tour a {
	background: url(/images/buttons/gray.png) no-repeat scroll 0 0;
	width: 140px;
	height: 40px;
	line-height: 35px;
	font-size: 140%;
	margin-top: 7px
}

#content .left-column {
	width: 600px;
	float: left
}

#content h3 {
	margin: 0.5em 0 0.5em;
	font-family: "Century Gothic", "Apple Gothic", "Lucida Grande",
		Helvetica, Arial, Verdana, sans-serif;
	font-size: 240%;
	line-height: 1.1;
	letter-spacing: -1px;
	color: #444;
	clear: left
}

#content h3 small {
	color: #aaa;
	font-size: 60%;
	font-weight: normal;
	font-family: arial, sans-serif;
	text-transform: lowercase;
	letter-spacing: 0
}

#content h4 {
	letter-spacing: -1px;
	font-family: "Century Gothic", "Apple Gothic", "Lucida Grande",
		Helvetica, Arial, Verdana, sans-serif;
	color: #444;
	font-size: 180%;
	margin: 0.5em 0 0.5em
}

#content h5 {
	padding-top: 1em;
	letter-spacing: -1px;
	color: #666;
	font-weight: normal;
	font-size: 180%;
	margin-bottom: 0.5em;
	font-size: 220%;
	clear: both
}

#content p {
	font-size: 140%;
	color: #555;
	margin-left: 0.5em;
	margin-bottom: 1em
}

.steps ul ul {
	clear: left;
	padding-top: 0.5em
}

.steps li {
	margin-bottom: 1em;
	clear: both;
	margin: 0 0 2em 0
}

.steps ol li h4 small {
	background-color: #bbb;
	display: inline-block;
	padding: 0 0.4em;
	margin-right: 0.2em;
	color: #fff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em
}

#content .steps ol li p {
	margin-left: 2em
}

.steps dl {
	clear: both;
	padding: 1em 1em 0 1em
}

.steps dt {
	color: #333;
	font-weight: bold;
	font-size: 140%;
	background: url(/images/icons/green-check.png) 0 0 no-repeat;
	padding: 6px 0 6px 40px
}

.steps dd {
	font-size: 130%;
	color: #666;
	margin-top: 0.5em;
	padding-left: 50px;
	margin-bottom: 1.5em
}

.steps li .screenshot-thumb {
	background-color: #eee;
	width: 220px;
	height: 150px;
	border: solid 1px #ccc;
	opacity: 0.9;
	float: right;
	margin: 0.5em 0 0 1.5em
}

#widget-thumb {
	background: url(/images/screenshots/login.png) 0 0 no-repeat
}

#ideas-thumb {
	background: url(/images/screenshots/request_new.png) 0 0 no-repeat
}

#voting-thumb {
	background: url(/images/screenshots/requests.png) 0 0 no-repeat
}

#comments-thumb {
	background: url(/images/screenshots/request_detail.png) 0 -200px no-repeat
}

#emails-thumb {
	background: url(/images/screenshots/account.png) 0 0 no-repeat
}

#vote-limit-thumb {
	background: url(/images/screenshots/request_new.png) 0 0 no-repeat
}

#magnitude-thumb {
	background: url(/images/screenshots/account.png) 0 0 no-repeat
}

#search-thumb {
	background: url(/images/screenshots/request_detail.png) 0 -20px no-repeat
}

#beta-widget-thumb {
	width: 345px;
	height: 245px;
	background: url(/images/screenshots/requests.png) -5px 0px
		no-repeat
}

#content .next {
	clear: left;
	font-size: 160%;
	color: #888;
	padding: 1em
}

#content .next a {
	font-weight: bold
}

table.plans thead th,table.plans tfoot th {
	text-align: center
}

table.plans thead th a:hover {
	text-decoration: none
}

table.plans tbody th,table.plans td {
	border-left: solid 2px #fff;
	border-right: solid 2px #fff
}

table.plans tbody th.selected,table.plans td.selected {
	background-color: #ffd
}

table.plans thead th .name {
	padding: 0 3px;
	margin-top: 15px;
	display: block;
	letter-spacing: -1px;
	font: bold 240% "Century Gothic", "Apple Gothic", "Lucida Grande",
		Helvetica, Arial, Verdana, sans-serif
}

table.plans thead th.best-value h6 {
	text-align: center;
	color: #FF8A00;
	text-transform: uppercase
}

table.plans thead th.best-value .name {
	margin-top: 2px
}

table.plans thead th .price {
	font-size: 140%;
	color: #333;
	padding-bottom: 0.3em;
	display: block;
	font-weight: bold
}

table.plans thead th .price .free {
	color: #f00;
	font-weight: bold
}

table.plans thead th .price small {
	font-weight: normal
}

table.plans thead th.free-trial {
	background-color: #eee;
	color: #f30;
	font-size: 110%;
	font-weight: bold;
	padding: 0.3em 0;
	border-bottom: solid 1px #ddd
}

table.plans th .current,table.plans th .call-to-action {
	display: block;
	width: 75px;
	margin: 0 auto;
	line-height: 25px;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	height: 25px;
	cursor: pointer;
	background: url(/images/buttons/green_75.png) 0 0 no-repeat
}

table.plans th .pay-for .call-to-action {
	background: url(/images/buttons/green_75.png) 0 0 no-repeat
}

table.plans th .select .call-to-action {
	background: url(/images/buttons/blue_75.png) 0 0 no-repeat
}

table.plans th .current {
	cursor: default;
	background: url(/images/buttons/gray_75.png) 0 0 no-repeat
}

table.plans thead td.free-trial {
	text-align: center;
	color: #f00;
	padding-top: 15px;
	font-size: 110%;
	font-weight: bold
}

table.plans tbody td small {
	font-weight: normal;
	color: #666;
	font-size: 90%
}

table.plans {
	width: auto;
	margin: 0 auto 1em auto
}

table.plans tbody th {
	text-align: left;
	padding: 12px 0 3px 5px;
	font-weight: bold;
	font-size: 110%;
	text-transform: uppercase;
	color: #FF8A00
}

table.plans tbody td {
	font: bold 120% arial;
	text-align: left;
	padding: 2px 0 2px 10px;
	border-collapse: separate;
	background-color: #eee;
	width: 140px;
	height: 1.5em
}

table.plans tbody td.selected {
	background-color: #ffb
}

table.plans tbody td strong {
	font-size: 110%
}

table.plans tbody td a {
	color: #333;
	font-weight: normal
}

table.plans tbody td a.new {
	color: #000;
	font-size: 105%;
	font-weight: bold
}

table.plans tbody td a.new.info {
	text-decoration: underline
}

#testimonials dd {
	font-size: 160%;
	color: #888;
	padding-left: 3.5em;
	margin-bottom: 0.5em;
	background: url(/images/icons/quotation.gif) 0 0 no-repeat
}

.sidebar #testimonials dd {
	font-size: 120%;
	background: none;
	padding: 0.5em
}

#testimonials dd strong {
	color: #444
}

#testimonials dt {
	font-size: 140%;
	padding-left: 1em;
	margin-left: 4em;
	color: #666;
	font-weight: bold;
	margin-bottom: 2em
}

.sidebar #testimonials dt {
	font-size: 120%;
	padding-bottom: 1em;
	margin-left: 0;
	padding-left: 1em;
	border: none;
	padding-bottom: 0em
}

#testimonials dt small {
	display: block;
	font-weight: bold
}

.sidebar #testimonials dt small {
	font-size: 100%
}

#customers {
	clear: left;
	overflow: hidden
}

.sidebar #customers {
	margin-top: -1em
}

#customers li {
	float: left;
	padding: 3px;
	margin: 0 10px 10px 0
}

.sidebar #customers li {
	margin: 0 10px 5px 0;
	list-style: none;
	height: 70px;
	overflow: hidden
}

#customers li a {
	display: block;
	position: relative;
	border: solid 1px #fff
}

#customers li a:hover {
	border: solid 1px #06c
}

#customers li a {
	opacity: 0.9
}

#customers li a:hover {
	opacity: 1.0
}

#customers li img {
	width: 130px
}

.sidebar #customers li img {
	width: 100px
}

#customers li a span {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 100;
	color: #000;
	font-size: 110%;
	padding: 1px 3px;
	background-color: #ddd;
	display: none
}

#customers li a span em {
	font-weight: bold;
	font-size: 120%
}

#customers li a:hover span {
	background-color: #06c;
	color: #fff;
	display: block
}

a#live_demo {
	display: block;
	width: 600px;
	border: solid 1px #888;
	position: relative;
	font-size: 0
}

#live_demo img {
	width: 600px;
	opacity: 0.7
}

#live_demo span {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #333;
	color: #fff;
	padding: 0.2em 0.5em;
	opacity: 0.8;
	margin-top: -1em;
	margin-left: -3em;
	font-family: "Century Gothic", "Apple Gothic", "Lucida Grande",
		Helvetica, Arial, Verdana, sans-serif;
	font-size: 24px
}

a#live_demo:hover {
	border: solid 1px #06c
}

a#live_demo:hover img {
	opacity: 1.0
}

a#live_demo:hover span {
	background-color: #06c
}

.vcard {
	background-color: #eee;
	padding: 1em 1.5em;
	font-size: 110%;
	color: #444;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em
}

.vcard .org {
	font-size: 200%;
	font-weight: bold;
	font-family: "Century Gothic", "Apple Gothic", "Lucida Grande",
		Helvetica, Arial, Verdana, sans-serif
}

.vcard .email,.vcard .adr {
	font-size: 120%;
	font-family: "Century Gothic", "Apple Gothic", "Lucida Grande",
		Helvetica, Arial, Verdana, sans-serif
}

.vcard .country-name {
	display: none
}

.vcard .emails {
	margin-top: 1em;
	border-top: solid 1px #bbb
}

.vcard .emails dt {
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.3em
}

.vcard .emails dd {
	font-size: 120%;
	padding-left: 0.5em
}

#team img {
	border: solid 1px #bbb;
	font-size
	0
}

#team li {
	float: left;
	width: 150px;
	margin: 0 1em 2em 1em
}

#team h4 {
	margin: 0;
	font-size: 180%;
	font-family: "Century Gothic", "Apple Gothic", "Lucida Grande",
		Helvetica, Arial, Verdana, sans-serif
}

#team h6 {
	color: #888;
	font-size: 120%
}

#either-or div.content {
	border: dotted 1px #ccc;
	padding: 1em 1.5em
}

#either-or li.branch {
	float: left
}

#either-or .separator {
	float: left;
	padding: 15em 2em
}

#either-or .separator p {
	text-transform: uppercase;
	font-weight: bold;
	color: #888;
	margin: 0
}

#either-or form {
	width: 36em
}

#content #either-or form fieldset {
	margin-right: 0
}

#either-or form ol {
	margin-right: 0
}

#either-or form label {
	text-align: left;
	display: block;
	width: 80%
}

#either-or form p.example {
	margin-left: 0em
}

#either-or form p.signup {
	margin-top: 1.5em
}

#either-or form p {
	margin: 0 0 0.5em 0
}

#either-or form ol li.checkbox {
	margin-left: 0
}

#either-or form .real-time-validation {
	margin-left: 0
}

#either-or .highlighted {
	background-color: #ffc
}

#plan-details table {
	margin: 0 0 1em 1em
}

#plan-details th {
	font-size: 120%;
	margin-bottom: 0.2em;
	color: #666;
	text-align: right;
	text-transform: lowercase
}

#plan-details td {
	padding: 0.1em 0.5em;
	color: #444;
	font-size: 110%
}

#plan-details td strong {
	font-size: 120%
}

.credit-card {
	border: solid 1px #ccc;
	background-color: #eee;
	padding: 0.5em;
	float: left;
	width: 25em;
	margin: 0 0 1em 1em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em
}

.credit-card img {
	float: left;
	margin-right: 1em
}

#content .credit-card p {
	margin: 0.2em;
	color: #333
}

#content .credit-card p small {
	color: #888;
	text-transform: lowercase
}

#content .credit-card p.display-number {
	font-weight: bold
}

#content .coupon {
	padding-top: 1em;
	margin-bottom: 1em
}

#content .coupon h3 {
	margin-top: 0.3em;
	font-size: 180%
}

#content .coupon form {
	clear: none
}

#content .coupon input.submit {
	margin: 0.5em 0 0;
	font-size: 140%;
	letter-spacing: 0
}

#content .coupon h3 strong {
	display: block;
	height: 100px;
	width: 100px;
	float: left;
	line-height: 90px;
	text-align: center;
	font-size: 180%;
	color: #282;
	background: url(/images/icons/sunburst.png) 0 0 no-repeat
}

#content .coupon h3 small {
	font-size: 60%;
	color: #282;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	line-height: 0;
	margin-top: -20px
}

#content .coupon .details {
	margin: 2em 0 0 2em;
	border: solid 1px;
	background-color: #eee;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border: solid 1px #ccc
}

#content .coupon .discount-code {
	margin: 0 0 0.5em 85px;
	padding: 1em 0
}

#content .coupon dt {
	font-weight: bold;
	text-transform: uppercase;
	color: #888;
	font-size: 110%;
	margin-bottom: 0.5em
}

#content .coupon .discount-code code {
	font-size: 180%;
	background-color: #ddd;
	padding: 1px 3px;
	color: #000;
	font-weight: bold
}

#content .coupon dd.expiration {
	font-size: 110%;
	color: #f00;
	font-weight: normal;
	margin-top: 0.8em;
	margin-left: 0.5em
}

#content .coupon .fine-print {
	clear: left;
	padding: 0.5em 1em
}

#content .coupon .fine-print dd {
	font-size: 120%;
	padding: 0 0.5em;
	color: #444;
	margin-bottom: 0.5em
}

#segments h3 {
	text-align: center
}

#segments ol {
	margin: 0 auto;
	width: 600px
}

#segments li {
	float: left;
	margin: 1em
}

#segments li a {
	width: 150px;
	height: 55px;
	display: block;
	padding: 95px 10px 0px 10px;
	text-align: center;
	font-family: "Century Gothic", "Apple Gothic", "Lucida Grande",
		Helvetica, Arial, Verdana, sans-serif;
	background-repeat: no-repeat;
	background-position: 50% 15px;
	font-size: 200%;
	letter-spacing: -1px;
	font-weight: bold;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	color: #694F22;
	border: solid 2px #E1D7B4;
	background-color: #FEFBEA
}

#segments li a:hover {
	background-color: #fff;
	border: solid 2px #06c;
	color: #06c;
	text-decoration: none
}

#segments li.startup a {
	background-image: url(/images/icons/startup_sepia.png)
}

#segments li.twitter a {
	background-image: url(/images/icons/twitter_sepia.png)
}

#segments li.enterprise a {
	background-image: url(/images/icons/enterprise_sepia.png)
}

#segments li.conference a {
	background-image: url(/images/icons/conference_sepia.png)
}

#segments li.opensource a {
	background-image: url(/images/icons/opensource_sepia.png)
}

#segments li.nonprofit a {
	background-image: url(/images/icons/nonprofit_sepia.png)
}

#segments li.startup a:hover {
	background-image: url(/images/icons/startup.png)
}

#segments li.twitter a:hover {
	background-image: url(/images/icons/twitter.png)
}

#segments li.enterprise a:hover {
	background-image: url(/images/icons/enterprise.png)
}

#segments li.conference a:hover {
	background-image: url(/images/icons/conference.png)
}

#segments li.opensource a:hover {
	background-image: url(/images/icons/opensource.png)
}

#segments li.nonprofit a:hover {
	background-image: url(/images/icons/nonprofit.png)
}

ul.for li {
	margin-left: 1em;
	list-style: none;
	font-weight: bold;
	font-size: 140%
}

#banner .contact-sales {
	position: absolute;
	top: 50%;
	margin-top: -32px;
	right: 0.5em;
	padding: 0.5em;
	background-color: #FFB55F;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em
}

#banner .contact-sales p {
	color: #BF6700;
	margin: 0 0 0 5px !important;
	padding: 0;
	font-weight: bold;
	text-transform: uppercase
}

#banner .contact-info .email {
	font-size: 120%;
	font-weight: bold;
	text-align: right
}

#banner .contact-info .email a {
	color: #6F3C00
}

#banner .contact-info .phone {
	color: #6F3C00
}

.contact-sales p {
	color: #888;
	margin: 0 0 0.5em 0.3em !important
}

.contact-sales img {
	border: solid 1px #aaa;
	margin-left: 0.5em;
	float: left;
	width: 50px;
	margin-right: 10px
}

.contact-info {
	padding: 0 0.5em
}

.contact-info .phone {
	margin: 0;
	border: none;
	letter-spacing: -1px;
	font-size: 260%;
	font-weight: bold;
	color: #333
}

.contact-info .email {
	font-size: 150%
}

.two-column dl.faq {
	width: 46%;
	float: left
}

dl.faq {
	margin: 0 1em 3em
}

dl.faq strong {
	color: #000
}

dl.faq dt {
	font-size: 140%;
	font-weight: bold;
	font-family: "Century Gothic", "Apple Gothic", "Lucida Grande",
		Helvetica, Arial, Verdana, sans-serif;
	color: #444
}

dl.faq li {
	margin: 0.5em 1.5em;
	list-style: disc
}

dl.faq dd {
	font-size: 120%;
	color: #666;
	margin: 0.3em 0 1em 1em
}

#content dl.faq dd p {
	margin: 0 0 0.4em 0;
	font-size: 100%
}

.sidebar ul.fine-print strong {
	color: #f00
}

.textile {
	
}

.textile ul {
	list-style: disc;
	margin: 1em 2em;
	font-size: 140%
}

.textile ol {
	font-size: 140%;
	list-style: decimal;
	margin: 1em 2.5em
}

form h1 {
	display: none
}

form fieldset {
	padding: 5px;
	margin-bottom: 10px
}

form fieldset.review {
	border: solid 1px #ccc;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em
}

form.inline-form fieldset {
	padding-bottom: 0;
	margin-bottom: 0
}

form legend {
	color: #F4940C;
	font: bold 160% arial;
	text-transform: none;
	background-color: transparent;
	margin: 5px 0;
	padding: 0 0.3em
}

form legend .secure {
	display: inline-block;
	margin-left: 0.5em;
	color: #333;
	text-transform: uppercase;
	font-size: 75%;
	background: url(/images/icons/lock.png) 0 0 no-repeat;
	padding: 1px 0 1px 18px
}

form p {
	margin: 8px 5px;
	font-size: 140%;
	color: #444
}

form p em {
	padding: 0 1px;
	background-color: #ffc
}

form li p {
	margin: 3px 0;
	font-size: 110%
}

form ol li {
	margin-bottom: 5px
}

form.left-handed ol li {
	margin-left: 190px;
	position: relative
}

form label {
	display: block;
	font: normal 120% arial;
	color: #333
}

form.left-handed label {
	text-align: right;
	padding-top: 0.2em;
	width: 180px;
	position: absolute;
	left: -190px
}

form label.required {
	font-weight: bold
}

form label small {
	display: block;
	line-height: 1.0;
	color: #888;
	font-size: 90%;
	font-weight: normal
}

form .fixed-input {
	display: inline;
	float: none;
	font: normal 180% arial;
	color: #666;
	padding: 0 2px;
	letter-spacing: -1px
}

form textarea {
	padding: 3px 5px;
	border: solid 1px #9EB7D8;
	font: normal 140% arial
}

form input.text,form input.password {
	font: normal 200% arial;
	padding: 3px 5px;
	color: #000;
	letter-spacing: -1px;
	border: solid 1px #9EB7D8
}

form p.subscript {
	font-size: 110%;
	margin: 0;
	color: #666;
	display: inline;
	background-color: #ffc
}

form p.text-input {
	font: normal 200% arial;
	color: #000;
	letter-spacing: -1px
}

form select {
	padding: 2px;
	font: bold 160% arial;
	letter-spacing: -1px
}

form textarea,form input.text,form input.password {
	background: #fff url(/images/backgrounds/input.png) 0 -2px repeat-x
}

form input.text:focus,form input.password:focus,form input.textarea:focus
	{
	background-color: #ffc;
	background-image: none;
	border: solid 1px #cc8
}

form ol li.checkbox {
	margin-left: 10px;
	position: relative
}

form ol li.checkbox input {
	position: absolute;
	left: 0
}

form ol li.checkbox label {
	width: auto;
	float: none;
	text-align: left;
	margin-left: 20px;
	font-size: 140%;
	padding-top: 0;
	font-weight: bold;
	letter-spacing: -1px
}

form ol li.checkbox small {
	display: inline;
	font-size: 85%;
	font-weight: normal;
	color: #666;
	letter-spacing: 0
}

form ol li div.checkbox {
	margin-bottom: 3px;
	font-size: 120%;
	color: #333;
	font-weight: bold
}

form input.submit {
	font: bold 180% arial;
	letter-spacing: -1px;
	margin-left: 10px;
	padding: 0 5px
}

form dl {
	margin: 0 10px 10px 10px
}

form dt {
	font: normal 200% arial;
	letter-spacing: -1px;
	color: #666
}

form dt.sub {
	font-size: 120%;
	color: #444;
	letter-spacing: 0;
	margin: 0.5em 0 0.5em 1em
}

form dt.sub small {
	font-size: 80%
}

form dt strong {
	font-weight: bold;
	color: #444
}

form dt small {
	font-size: 60%;
	letter-spacing: 0
}

#content form dd {
	font-size: 120%;
	margin-top: 3px;
	color: #444;
	padding-left: 1em
}

fieldset.review ol li {
	
}

fieldset.review ol li label {
	position: static
}

.wrapper .powered-by {
	display: none
}

form li .real-time-validation {
	display: block
}

form li .real-time-validation span {
	color: #fff;
	padding: 0 2px;
	font-size: 110%;
	text-transform: lowercase
}

form li span.pass {
	font-weight: bold;
	background-color: #6fbc00
}

form li span.fail {
	background-color: #b00
}

#content form p#coupon_validation {
	margin-left: 190px;
	color: #fff;
	font-size: 120%
}

#content form p#coupon_validation span {
	padding: 2px 5px
}

#content form fieldset {
	clear: left;
	margin-right: 350px
}

#content form p.help {
	position: absolute;
	right: 0;
	float: right;
	width: 240px;
	margin: 0 100px 0 0;
	color: #666;
	font-size: 120%
}

#content form p.help strong {
	background-color: #ffa;
	color: #333
}

#content form p.help img {
	margin: 5px 0;
	display: block
}

.errorExplanation {
	background-color: #fbb;
	margin: 0 0 10px 10px;
	float: left
}

form {
	clear: both
}

.errorExplanation h2 {
	display: none
}

.errorExplanation ul {
	margin: 0;
	padding: 0 2px 5px 25px;
	list-style: disc
}

#content .errorExplanation p {
	font-size: 120%;
	padding: 5px 5px;
	color: #f00;
	font-weight: bold;
	font-family: arial, sans-serif;
	margin: 0
}

.errorExplanation ul li {
	font-size: 120%;
	background-color: transparent
}

form li .fieldWithErrors {
	display: inline
}

form li .fieldWithErrors input {
	border: solid 1px #f00
}

p.warning {
	padding: 5px 10px;
	background-color: #ffa
}

span.warning {
	font-size: 120%;
	margin-left: 10px;
	background-color: #ffa
}

.credit-card {
	border: solid 1px #ccc;
	background-color: #eee;
	margin-left: 1em;
	padding: 0.5em;
	float: left;
	width: 25em
}

.credit-card img {
	float: left;
	margin-right: 1em
}

#content .credit-card p {
	margin: 0.2em;
	color: #333
}

#content .credit-card p small {
	color: #888;
	text-transform: lowercase
}

#content .credit-card p.display-number {
	font-weight: bold
}

p.need-help {
	margin-top: 2em
}

#splash {
	background: url(/images/backgrounds/orange-splash.png) 0 0 repeat-x;
	margin-bottom: 2em
}

#splash .inset {
	background: url(/images/backgrounds/splash.png) 50% 25px no-repeat
}

#splash .about {
	margin-right: 450px;
	margin-left: 1.5em;
	color: #fff;
	font-family: "Century Gothic", "Apple Gothic", "Lucida Grande",
		Helvetica, Arial, Verdana, sans-serif
}

#splash h1 {
	font-weight: normal;
	font-size: 320%;
	letter-spacing: -1px;
	padding: 0.6em 0 0.3em 0;
	line-height: 1.0
}

#splash h2 {
	font-weight: normal;
	font-size: 150%;
	font-family: "Century Gothic", "Apple Gothic", "Lucida Grande",
		Helvetica, Arial, Verdana, sans-serif;
	margin-bottom: 0.6em;
	margin-left: 0.5em
}

#splash ol.benefits {
	margin-bottom: 1.5em
}

#splash ol.benefits li {
	font-weight: normal;
	font-size: 160%;
	margin-bottom: 0.1em;
	margin-left: 0.5em;
	background: url(/images/icons/check.png) 0 3px no-repeat;
	padding-left: 22px
}

#hero-shot {
	position: absolute;
	right: 1.5em;
	top: 2em;
	width: auto;
	border: solid 1px #999;
	display: block;
	width: 400px;
	height: 300px;
	background: #fff url(/images/screenshots/hero_shot.png) 0 0 no-repeat;
	text-align: center;
	line-height: 300px
}

#hero-shot span {
	background-color: #06c;
	padding: 0.5em;
	font-size: 180%;
	font-weight: bold;
	color: #fff;
	opacity: 0.8;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	display: none
}

#hero-shot:hover {
	background: #fff url(/images/screenshots/hero_shot.png) 0 0 no-repeat;
	text-decoration: none
}

#hero-shot:hover span {
	display: inline
}

#validation {
	background-color: #333;
	color: #fff;
	clear: left;
	font: normal 140% arial, sans-serif;
	padding: 1em;
	margin-top: 1em
}

#supporting {
	clear: both
}

#supporting table {
	margin: 0 0 2em 0;
	clear: both;
	border-bottom: solid 1px #ccc
}

#supporting table td {
	padding: 0 2em 2em 0.5em;
	width: 50%;
	vertical-align: top
}

#supporting table td h3 {
	font-family: "Century Gothic", "Apple Gothic", "Lucida Grande",
		Helvetica, Arial, Verdana, sans-serif;
	font-size: 240%;
	line-height: 1.1;
	letter-spacing: -1px;
	color: #444
}

#supporting table td p {
	font-size: 120%;
	color: #666;
	margin: 1em 0
}

#supporting .left-column {
	float: left;
	width: 750px
}

#supporting .right-column {
	width: 150px;
	float: left;
	height: 340px;
	border-left: solid 1px #ccc
}

#supporting .left-column .more {
	margin: 0 0 0 0.5em
}

#brands h5 {
	letter-spacing: -1px;
	color: #666;
	font-weight: normal;
	font-size: 180%;
	margin-bottom: 0.5em;
	font-size: 220%;
	clear: both;
	float: left
}

#supporting #brands .more {
	float: left;
	margin-top: 4px;
	margin-left: 1em
}

#brands ul {
	clear: left
}

#brands li {
	float: left;
	margin: 0 18px 0 0
}

#brands li a {
	display: block;
	height: 93px;
	width: 130px;
	text-indent: -4000px;
	background-repeat: no-repeat
}

#brands li.kenai a {
	background-image: url(/images/brands/kenai_bw.png)
}

#brands li.ngage a {
	background-image: url(/images/brands/nokia_bw.png)
}

#brands li.randomhouse a {
	background-image: url(/images/brands/randomhouse_bw.png)
}

#brands li.sling a {
	background-image: url(/images/brands/sling_bw.png)
}

#brands li.myspace a {
	background-image: url(/images/brands/myspace_bw.png)
}

#brands li.sonybmg a {
	background-image: url(/images/brands/sonybmg_bw.png)
}

#brands li.kenai a:hover {
	background-image: url(/images/brands/kenai.png)
}

#brands li.ngage a:hover {
	background-image: url(/images/brands/nokia.png)
}

#brands li.randomhouse a:hover {
	background-image: url(/images/brands/randomhouse.png)
}

#brands li.sling a:hover {
	background-image: url(/images/brands/sling.png)
}

#brands li.myspace a:hover {
	background-image: url(/images/brands/myspace.png)
}

#brands li.sonybmg a:hover {
	background-image: url(/images/brands/sonybmg.png)
}

#press {
	padding-left: 1.5em
}

#press li {
	float: left;
	margin-bottom: 1.5em
}

#press li a {
	display: block;
	width: 130px;
	text-indent: -4000px;
	background-repeat: no-repeat
}

#press li.techcrunch a {
	background-image: url(/images/brands/techcrunch_bw.png);
	height: 22px
}

#press li.readwriteweb a {
	background-image: url(/images/brands/readwriteweb_bw.png);
	height: 26px
}

#press li.mashable a {
	background-image: url(/images/brands/mashable_bw.png);
	height: 40px
}

#press li.nytimes a {
	background-image: url(/images/brands/nytimes_bw.png);
	height: 21px
}

#press li.pcworld a {
	background-image: url(/images/brands/pcworld_bw.png);
	height: 43px
}

#press li.cnet a {
	background-image: url(/images/brands/cnet-news_bw.png);
	height: 63px
}

#press li.boingboing a {
	background-image: url(/images/brands/boingboing_bw.png);
	height: 30px
}

#press li.techcrunch a:hover {
	background-image: url(/images/brands/techcrunch.png)
}

#press li.readwriteweb a:hover {
	background-image: url(/images/brands/readwriteweb.png)
}

#press li.mashable a:hover {
	background-image: url(/images/brands/mashable.png)
}

#press li.nytimes a:hover {
	background-image: url(/images/brands/nytimes.png)
}

#press li.pcworld a:hover {
	background-image: url(/images/brands/pcworld.png)
}

#press li.cnet a:hover {
	background-image: url(/images/brands/cnet-news.png)
}

#press li.boingboing a:hover {
	background-image: url(/images/brands/boingboing.png)
}

.legalese p {
	font: normal 120% arial;
	color: #333;
	margin-bottom: 10px
}

.legalese dt {
	color: #F4940C;
	clear: left;
	font: bold 160% arial;
	margin: 10px 0 10px 5px
}

.legalese dt.header {
	font-size: 110%;
	background-color: #ddd;
	float: left;
	margin: 10px 0 5px 0;
	color: #666;
	padding: 2px 5px
}

.legalese dd {
	font: normal 120% arial;
	color: #333;
	margin-left: 5px
}

.legalese dd ul,.legalese dd ol {
	margin-top: 5px;
	margin-left: 20px
}

.legalese dd li {
	padding: 0 0 5px 0
}

.legalese dd ul li {
	list-style: disc
}

.legalese dd ol li {
	list-style: lower-roman
}


/* HOMEPAGE */
#wrapper-header {
	padding-top: 0px;
	background: #354056 url(/images/homepage/bg_wrapper-headera.jpg) top center repeat-x;
	border-bottom: 1px solid #d54706
}

.header {
	padding-bottom: 18px;
	position: relative
}

.header .pitch {
	margin-top: 36px;
	padding-left: 10px;
	width: 340px;
	font-family: Georgia, Times, serif;
	color: #FFF;
	float:left;
}
.header .pitch h2 {
	margin-bottom: 18px;
	font-size: 35px;
	line-height: 34px;
	letter-spacing: -0.045em;
	color: #FFF
}

.header .pitch h3 {
	margin-bottom: 18px;
	font-size: 18px;
	line-height: 24px;
	color: #FFF
}
.header .pitch ol {
	margin: 0 0 18px 0;
	font-size: 18px;
	line-height: 1;
	list-style: none
}

.header .pitch ol li {
	padding: 3px 0 0 32px;
	height: 26px;
	background: url(/images/homepage/bg_pitch-steps.png) no-repeat
}

.header .pitch ol li.step1 {
	
}

.header .pitch ol li.step2 {
	background-position: 0 -29px
}

.header .pitch ol li.step3 {
	background-position: 0 -58px
}

.header .pitch a {
	padding: 7px 10px;
	width: 321px;
	height: 46px;
	display: block;
	font: 20px/ 1 Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	background: url(/images/homepage/btn_home-get-started.png) no-repeat
}

.header .pitch a span {
	padding-top: 2px;
	display: block;
	font-size: 13px;
	margin-right: 40px;
	color: #a3e659
}

.header .screencast {
	margin-top: 36px;
	height: 375px;
	float:left;
}

* html .header .screencast {
	position: absolute;
	right: 0;
	bottom: 20px
}

.container {
	width: 950px;
	margin: 0 auto;
}


.span-9 {
	width: 350px;
}

.span-14 {
	width: 550px;
}

.append-1 {
	padding-right: 40px;
}


.learn-more {
	margin-top: 18px;
	margin-bottom: 18px
}

.learn-more a {
	margin-left: 10px;
	padding: 7px 10px;
	width: 321px;
	height: 72px;
	display: block;
	float: left;
	font: 26px/ 1 Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #06c;
	text-decoration: none;
	background: url(/images/homepage/btn_home-learn-more.png) no-repeat
}

.learn-more a span {
	padding: 2px 100px 0 0;
	display: block;
	font-size: 14px;
	color: #646565
}

.learn-more p {
	padding: 13px 0;
	width: 550px;
	height: 24px;
	float: right;
	font-size: 16px;
	text-align: center;
	color: #444
}


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

.clearfix,.container {
	display: inline-block;
}

* html .clearfix,* html .container {
	height: 1%;
}

.clearfix,.container {
	display: block;
}

.last {
	margin-right: 0;
	padding-right: 0;
}


/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                

.attention {
                background: #fffbcc url('images/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('images/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('images/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

/*                
.error {
                background: #ffcece url('images/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }
*/                
.error {
                background: #ffcece url('images/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 5px 10px 5px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }