/* Reset
============================== */

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	font-size: 1em;
	vertical-align: baseline;
	background-color: transparent;
}
a {
	margin: 0;
	border: 0;
	padding: 0;
	font-size: 1em;
	vertical-align: baseline;
	background-color: transparent;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
mark {
	background-color: #FF9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
abbr[title], dfn[title] {
	border-bottom: 1px dashed #CCC;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* Global Styles
============================== */

body {
	background-color: #FFF;
	color: #534B38;
	font: normal 1em/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

a:link    { color: #069; }
a:visited { color: #534B38; }
a:hover,
a:active  { color: #39C; }

h1 {
	margin: 1em 0 .4em;
	color: #000;
	font-size: 1.6em;
}
h2 {
	margin: 1em 0 .75em;
	color: #000;
	font-size: 1.2em;
}
h3 {
	margin: 1em 0 .4em;
	font-size: 1.1em;
}
p {
	margin: .2em 0 1em;
}
ul, ol {
	margin: .2em 0 1em 2.1em;
}
	ul li,
	ol li {
		margin-bottom: .75em;
	}
	ul li { list-style: disc; }
	ol li { list-style-type: decimal; }

hr {
	height: 1px;
	margin: 30px 0;
	border-top: 1px solid #EEE;
	padding: 0;
}
small {
	color: #B6B3AB;
	font-size: .85em;
}
code,
var {
	font: normal .85em/1.5 Monaco, Consolas, 'Courier New', Courier, monospace, serif;
}


/* Misc
------------------------------ */

.clear {
	clear: both;
}
.hidden {
	display: none !important;
}
.sep {
	margin: 0 .5em;
	color: #888;
}


/* Hiring */

p#hiring {
	margin: 0;
}
	p#hiring a {
		display: block;
		position: absolute;
		top: 120px; left: 0;
		z-index: 1000;
		width: 107px;
		height: 73px;
		background: url(../images/hiring.png) no-repeat 0 0;
		text-indent: -9999em;
	}

/* Chat available */

p#chat-available {
	margin: 0;
}
	p#chat-available a {
		padding: .4em .6em .3em;
		position: fixed;
		bottom: 0; right: 0;
		z-index: 1000;
		border: 1px solid #B3D8B6;
		border-width: 1px 0 0 1px;
		background-color: #FFF;
		color: #51B166;
		font-size: .75em;
		font-weight: bold;
		text-decoration: none;
	}
		p#chat-available a:hover {
			border-color: #2D2614;
			color: #2D2614;
		}


/* Small button */

a.button-sml {
	display: inline-block;
	height: 26px;
	padding-right: 13px;
	background: url(../images/button.png) no-repeat 100% -26px;
	color: #333;
	text-shadow: 0 1px 0 #FFF;
	text-decoration: none;
	font-size: .95em;
}
a.button-sml b {
	display: inline-block;
	height: 21px;
	padding: 5px 17px 0 30px;
	background: url(../images/button.png) no-repeat 0 0;
}
a.button-sml:hover {
	background-position: 100% -78px;
	color: #000;
}
a.button-sml:hover b {
	background-position: 0 -52px;
}


/* Main button */

input.button {
	display: inline-block;
	margin: 0;
	border: 2px solid #79AD90;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px 30px;
	background: #9ACF9F url(../images/b-submit.gif) repeat-x 0 0;
	color: #000;
	text-shadow: 0 1px 0 #E7FFD5;
	text-decoration: none;
	font: bold 1em 'Helvetica Neue', Arial, Helvetica, sans-serif;
	white-space: nowrap;
}
input.button:hover,
input.button:active {
	border-color: #116746;
	background-color: #55B166;
	background-position: 0 -50px;
	color: #FFF;
	text-shadow: 0 1px 0 #393;
	cursor: pointer;
}


/* Tooltips */

.tooltip {
	position: absolute;
	top: 0; left: 0;
	width: 159px;
	font-size: .75em;
}
	.tooltip .tip-top,
	.tooltip .tip,
	.tooltip .tip-bottom {
		background-image: url(../images/bg-tooltip.png);
		background-repeat: no-repeat;
	}
	.tooltip .tip-top {
		height: 12px;
		background-position: 0 0;
	}
	.tooltip .tip {
		padding: 5px 13px;
		background-position: 0 -12px;
		overflow: hidden;
	}
		.tooltip .tip-title {
			display: none;
		}
		.tooltip .tip-text {
			color: #FFF;
			text-shadow: 0 1px 0 #000;
		}
	.tooltip .tip-bottom {
		height: 7px;
		background-position: 0 100%;
	}


/* Global Notification (IE6 Support) */

#global-notification {
	margin: 0;
	border-bottom: 3px solid #e5a400;
	padding: 1.5em .5em;
	background-color: #ffe066;
	color: #000;
	font-weight: bold;
	font-size: .8em;
	text-align: center;
	overflow: hidden;
}
	#global-notification p {
		margin: 0;
	}
	#global-notification a {
		color: #900;
	}


/* Image Zoom */

.image-zoom {
	position: fixed;
	top: 50%; left: 50%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 5px;
	background: #FFF url(../images/spinner.gif) no-repeat -500px -500px;
	z-index: 68000;
	overflow: hidden;

	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
	   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
	        box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
}
	.image-zoom a,
	.image-zoom a img {
		display: block;
		text-decoration: none;
	}
	.image-zoom a img {
		border: 1px solid #EAEAEA;
	}
	.image-zoom a i {
		position: absolute;
		top: 5px; right: 5px;
		width: 30px;
		height: 30px;
		background: url(../images/i-zoom-close.png) no-repeat;
	}

.image-zoom.loading {
	width:  80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	padding: 0;
	background-position: 50% 50%;
}
	.image-zoom.loading img {
		position: absolute;
		left: -9999em;
	}
	.image-zoom.loading i {
		display: none;
	}

.image-zoom.grow {
	-webkit-animation-name: grow;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 400s;
}



/* Header
============================== */

header {
	position: relative;
}
body > header {
	background-color: #2D2614;
}
	body > header .container {
		position: relative;
		background: url(../images/bg-header-pattern-alt.png) no-repeat 50% 0;
	}
	body > header b.cl,
	body > header b.cr {
		position: absolute;
		bottom: -19px;
		width: 20px;
		height: 19px;
		background-image: url(../images/bg-corners-header.png);
		background-repeat: no-repeat;
	}
	body > header b.cl {
		left: 0;
		background-position: -19px 0;
	}
	body > header b.cr {
		right: 0;
		background-position: 0 0;
	}
	body > header b.leaf {
		position: absolute;
		top: 0; right: 10%;
		width: 132px;
		height: 39px;
		background: url(../images/leaf.png) no-repeat 0 0;
	}
body > header.alternative {
	height: 150px;
}
	body > header.alternative .container {
		height: 90px;
		background-position: 50% -120px;
	}
		body > header.alternative hgroup {
			top: -20px;
		}
		body > header.alternative hgroup h1 {
			width: 260px;
			height: 87px;
			background-image: url(../images/logo-med.png);
		}


	/* Logo */

	body > header hgroup {
		position: absolute;
		top: -15px; left: 0;
		width: 100%;
	}
		body > header hgroup h1,
		body > header hgroup h2 {
			width: 353px;
			margin: 0 auto;
			background-image: url(../images/logo.png);
			background-repeat: no-repeat;
			text-indent: -9999em;
			font-size: .8em;
			overflow: hidden;
		}
		body > header hgroup h1 {
			height: 110px;
			background-position: 0 0;
		}
		body > header hgroup h2 {
			height: 71px;
			background-position: 0 -110px;
		}
		body > header hgroup a {
			display: block;
			height: 100%;
			margin-top: 20px;
		}



/* Navigation
------------------------------ */

nav {
	overflow: hidden;
}
	nav ul {
		margin: 1.2em auto 0;
		font-size: .95em;
		overflow: hidden;
	}
		nav ul li {
			display: inline;
			margin: 0 10px;
			list-style: none;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
			vertical-align: top;
		}
			nav ul a,
			nav ul a:link,
			nav ul a:visited {
				color: #A6A084;
				text-decoration: none;
				
				-webkit-transition: color .1s linear;
			}
			nav ul a:hover,
			nav ul a:active {
				color: #FFE !important;
			}
			nav ul strong {
				color: #FC0;
			}
				nav ul strong a {
					color: #FC0 !important;
				}
		
		
		/* Sign In & Sign Up */
		
		nav ul li.link-signin {
		}
			nav ul li.link-signin a {
				color: #B2F8AF;
				font-weight: bold;
			}
		nav ul li.link-signup {
			padding-left: 30px;
			background: url(../images/i-bullet-nav.png) no-repeat 0 50%;
		}
			nav ul li.link-signup a {
				color: #DBFF6C;
				font-weight: bold;
			}


/* Primary & Utility */

nav#primary {
	height: 60px;
	background: #2F2816 url(../images/bg-nav.png) repeat-x 0 100%;
	text-align: center;
}
nav#utility {
	position: absolute;
	top: 0; right: 20px;
}


/* Support */

nav#support {
	position: absolute;
	top: 9px; right: 86px;
	z-index: 100;
	width: 190px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #FFF url(../images/bg-header-pattern.png) no-repeat 62% 38%;
	text-align: left;
	
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 4px 12px rgba(0, 0, 0, .6);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .6);
}
	nav#support ul {
		margin: 0;
	}
		nav#support ul li {
			display: block;
			margin: 0 !important;
			padding: .75em 1em !important;
			border-bottom: 1px dotted #DDD;
			color: #FFF;
			font-size: .85em;
			text-shadow: 0 1px 0 #FFF;
		}
			nav#support ul li strong {
				display: block;
				color: #999;
				font-size: 1.15em;
				font-weight: normal;
				text-align: right;
				cursor: help;
			}
			nav#support ul li a {
				display: block;
				color: #000 !important;
				font-weight: bold;
				text-decoration: none;
			
				-webkit-transition: color .1s linear;
			}
			nav#support ul li a:hover {
				color: #069 !important;
			}
				nav#support ul li a span {
					display: block;
					color: #999;
					font-size: .85em;
					font-weight: normal;
				}
		nav#support ul li.link-chat {
			border: 0;
		}
			nav#support ul li.link-chat.status-offline a {
				color: #999 !important;
				cursor: default;
			}
				nav#support ul li.link-chat a em {
					margin-left: .75em;
					padding: .1em .5em;
					-moz-border-radius: 50px;
					-webkit-border-radius: 50px;
					border-radius: 50px;
					color: #FFF;
					font-size: .8em;
					font-style: normal;
					font-weight: normal;
					text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
					text-transform: uppercase;
				}
				nav#support ul li.link-chat a em.sign-closed 	{ background-color: #B00; }
				nav#support ul li.link-chat a em.sign-open 		{ background-color: #51B166; }
			
				nav#support ul li.link-chat.status-offline a em.sign-open,
				nav#support ul li.link-chat.status-online a em.sign-closed {
					display: none;
				}



/* Layout
============================== */

.page {
	padding: 10px 20px;
	background: url(../images/bg-page-pattern.png) no-repeat 50% -11px;
	font-size: .8em;
}
	.page .container {
		width: 940px;
		margin: 0 auto;
	}

.page.alt-short {
	border-top: 1px solid #EFEFF1;
	background-position: 50% -160px;
}
.page.alternative {
	border-top: 1px solid #EFEFF1;
	background-image: url(../images/bg-page-pattern-alt.png);
}
.page.alternative.light {
	background-image: none;
}


/* Footer
------------------------------ */

body > footer {
	width: 940px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: .8em;
}
	body > footer hr {
		margin: 0 -20px 1em;
	}
	body > footer section {
		float: left;
		width: 280px;
		margin-right: 50px;
	}
		body > footer section h1 {
			margin-bottom: 1.25em;
			font-size: 1.2em;
		}
		body > footer section p {
			margin: .25em 0 .75em;
			line-height: 1.6;
		}


		/* Help */

		#help ul {
			margin-left: 0;
		}
			#help ul li {
				margin-bottom: .75em;
				padding-left: 20px;
				background-image: url(../images/i-help.png);
				background-repeat: no-repeat;
				list-style: none;
			}
			#help ul li.support { background-position: 0 1px; }
			#help ul li.chat    { background-position: 0 -47px; }
			#help ul li.help    { background-position: 0 -98px; }
			#help ul li.twitter { background-position: 0 -149px; }

			#help small {
				display: block;
			}


		/* Hosting */

		body > footer section .rackspace {
			float: right;
		}


		/* Wildbit */

		#wildbit {
			margin-right: 0;
		}
			#wildbit h2 {
				background: url(../images/logo-wildbit.png) no-repeat 4.75em .2em;
			}
			#wildbit h2 a {
				display: inline-block;
				width: 60px;
				height: 17px;
				text-indent: -9999px;
			}
			#wildbit a.link-postmark,
			#wildbit a.link-newsberry {
				padding: 0 .25em;
				border-radius: 2px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				-khtml-border-radius: 2px;
				font-weight: bold;
				text-decoration: none;
			}
			#wildbit a.link-postmark:hover,
			#wildbit a.link-newsberry:hover {
				background-color: #000;
				color: #FFF;
			}
			#wildbit a.link-postmark {
				background-color: #FFDE00;
				color: #333;
			}
			#wildbit a.link-newsberry {
				background-color: #0854C7;
				color: #FFF;
			}


	/* Footer */

	body > footer .container {
		clear: both;
		padding: 20px 0;
		color: #B6B3AB;
		text-align: center;
		font-size: .85em;
	}
		body > footer .container a {
			color: #B6B3AB;
		}
		body > footer .container ul {
			margin-bottom: .5em;
		}
		body > footer .container ul li {
			display: inline;
			margin: 0 .75em;
			list-style: none;
		}


/* Forms
============================== */

fieldset legend {
	color: #000;
	font-weight: bold;
	font-size: 1.6em;
}

.form-row {
	margin: 1em 0 1.25em;
	overflow: hidden;
}
	.form-row .form-label {
		float: left;
		width: 140px;
		padding-top: .55em;
		text-align: right;
		font-size: 1.2em;
	}
	.form-row .form-field,
	.form-row .form-comment {
		margin-left: 160px;
	}
		.form-row .form-field.enlarge {
			font-size: 1.2em;
		}
		.form-row .form-field.url {
			color: #888;
		}

	.form-row .form-comment {
		color: #888;
		font-size: .9em;
	}
		.form-row .form-comment p {
			margin: .5em 0 0;
		}
		.form-row .form-comment p img {
			vertical-align: -.8em;
		}


	/* Form elements styling */

	.form-field select {
		margin-top: .5em;
		font: normal 1.3em 'Helvetica Neue', Arial, Helvetica, sans-serif;
	}

	.form-field input,
	.form-field textarea {
		font: normal 1.2em 'Helvetica Neue', Arial, Helvetica, sans-serif;
	}
	.form-field textarea {
		width: 440px;
		padding: .6em 9px;
	}
	.form-field input[type='text'],
	.form-field input[type='password'],
	.form-field input[type='email'],
	.form-field input[type='url'] {
		margin: 0;
		border: 1px solid #CCC;
		border-top: 1px solid #AAA;
		padding: .6em 9px;
		outline: none;
		background: #FFF url(../images/bg-input.png) repeat-x 0 0;
	}
	.form-field span input[type='password'],
	.form-field span input[type='email'] {
		padding-right: 25px;
		padding-left: 25px;
	}
	
	.form-field input[type='text']:focus,
	.form-field input[type='password']:focus,
	.form-field input[type='email']:focus,
	.form-field input[type='url']:focus {
		border-color: #79AD90;
		background-color: #F9FFE5;
	}

	.form-field input[type='text'].halfsize,
	.form-field input[type='password'].halfsize,
	.form-field input[type='email'].halfsize,
	.form-field input[type='url'].halfsize {
		width: 208px;
	}
	.form-field span input[type='password'].halfsize,
	.form-field span input[type='email'].halfsize {
		width: 176px;
	}

	.form-field input[type='text'].threequartersize,
	.form-field input[type='password'].threequartersize,
	.form-field input[type='email'].threequartersize,
	.form-field input[type='url'].threequartersize {
		width: 325px;
	}
	.form-field span input[type='password'].threequartersize,
	.form-field span input[type='email'].threequartersize {
		width: 293px;
	}

	.form-field input[type='text'].fullsize,
	.form-field input[type='password'].fullsize,
	.form-field input[type='email'].fullsize,
	.form-field input[type='url'].fullsize {
		width: 440px;
	}
	.form-field span input[type='password'].fullsize,
	.form-field span input[type='email'].fullsize {
		width: 408px;
	}
	
	/* Icons */
	
	.form-field span {
		position: relative;
		color: #888;
	}
		.form-field span i {
			position: absolute;
			top: 50%; left: 10px;
			width: 11px;
			height: 11px;
			margin: -6px 0 0;
			background-position: center center;
			background-repeat: no-repeat;
		}
		.form-field span i.email 		{ background-image: url(../images/i-input-email.png); }
		.form-field span i.password { background-image: url(../images/i-input-password.png); }


	/* Credit cards */

	ul.cc-selector {
		margin: .8em 0 0;
		overflow: hidden;
	}
		ul.cc-selector li {
			float: left;
			margin: 0 1.25em 0 0;
			list-style: none;
		}
			ul.cc-selector li input {
				float: left;
				margin-right: 0;
			}
			ul.cc-selector li label {
				float: left;
				width: 40px;
				height: 30px;
				background: url(../images/i-cc.png) no-repeat center 0;
				text-indent: -9999px;
				overflow: hidden;
			}
			ul.cc-selector li.cc-visa label 			{ background-position: center 0; }
			ul.cc-selector li.cc-mastercard label { background-position: center -100px; }
			ul.cc-selector li.cc-amex label				{ background-position: center -200px; }

	
	/* Password Strength */
	
	p.password-strength strong {
		margin-right: .5em;
		padding: .2em .5em;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		color: #FFF;
		text-transform: uppercase;
		text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
	}
	p.password-strength strong.s-short 	{ background-color: #B00; }
	p.password-strength strong.s-bad 		{ background-color: #B00; }
	p.password-strength strong.s-good 	{ background-color: #C60; }
	p.password-strength strong.s-strong { background-color: #0F7C14; }
	
	
	/* Errors handling */

	.form-row.form-error {
		margin-right: -1em;
		margin-left:  -1em;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		padding: 1em;
		background-color: #FAEBEC;
	}
		.form-row.form-error .form-label,
		.form-row.form-error .error-msg {
			color: #B33640;
			font-weight: bold;
		}
		.form-row.form-error .error-msg {
			margin: .5em 0 0 160px;
			font-size: .9em;
		}


	/* Error message */

	.notification {
		margin: -30px -40px 30px;
		border-width: 0 0 2px;
		border-style: solid;
		border-top-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		border-top-right-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		padding: 30px 40px;
		font-size: 1.2em;
	}
		.notification h2,
		.notification p {
			margin: 0 0 .2em;
		}

	.notification.error {
		border-color: #B33640;
		background-color: #FDF5F5;
		color: #333;
	}
		.notification.error h2 {
			color: #B33640;
		}
	.notification.success {
		margin-bottom: -2em;
		border: 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-color: #EFEFFF;
		color: #334;
		}
		.notification.success h2 {
			color: #000;
		}



/* Home Page
============================== */

#home .page {
	background: none;
}


/* Promo */

#promo {
	position: relative;
	height: 540px;
	overflow: hidden;
}
	#promo .container {
		width: 980px;
		margin: 0 auto;
	}
	#promo img {
		display: block;
		position: absolute;
		bottom: 0; left: 140px;
	}
	#promo b.shadow {
		position: absolute;
		bottom: 0; left: 0;
		width: 100%;
		height: 20px;
		background: url(../images/promo-shadow.png) repeat-x 0 100%;
		z-index: 10;
	}
	#promo .workflow {
		margin: 215px 0 0;
		height: 185px;
		background: url(../images/promo-headline.png) no-repeat 50% 0;
	}
		#promo .workflow ul {
			width: 960px;
			margin: 0 auto;
			padding: 0 10px;
			overflow: hidden;
		}
			#promo .workflow ul li {
				position: relative;
				display: inline;
				float: left;
				width: 260px;
				margin: 0 10px;
				padding: 30px 20px 0;
				color: #6E6750;
				font-size: .8em;
				text-align: center;
			}
				#promo .workflow ul li strong {
					position: absolute;
					top: 0; left: 20px;
					width: 260px;
					text-indent: -9999em;
				}
				#promo .workflow ul li a {
					color: #6E6750;
				}
	#promo .actions {
		position: relative;
		width: 980px;
		height: 140px;
		margin: 0 auto;
	}
		#promo .actions p {
			margin: 0;
		}
		#promo .actions a.link-pricing {
			display: block;
			position: absolute;
			bottom: 0; left: 125px;
			width: 239px;
			height: 43px;
			padding: 15px 0 0;
			background: url(../images/b-pricing.png) no-repeat 0 0;
			color: #FFF;
			text-align: center;
			text-decoration: none;
			text-shadow: 0 1px 0 #393;
			font: bold 1.05em 'Helvetica Neue', Arial, Helvetica, sans-serif;
			white-space: nowrap;
			z-index: 100;
		}
			#promo .actions a.link-pricing span {
				display: block;
				color: #BBF4AB;
				font-size: 11px;
				font-weight: normal;
			}
		#promo .actions a.link-security {
			position: absolute;
			bottom: -10px; right: 115px;
			height: 25px;
			border-top-left-radius: 5px;
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			border-top-right-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			padding: 8px 18px 8px 35px;
			background: #FC0;
			background: rgba(255, 204, 0, .9);
			background-image: url(../images/i-lock-sml.png);
			background-repeat: no-repeat;
			background-position: 18px 10px;
			color: #000;
			font-size: .75em;
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
			z-index: 100;
		}
		#promo .actions a.link-security:hover {
			background-color: #FFCC01;
		}



/* Features List
------------------------------ */

#features-list {
	margin: 30px -10px 0;
	overflow: hidden;
}
	#features-list h1 {
		display: none;
	}
	#features-list dl,
	#features-list p {
		float: left;
		width: 220px;
		margin: 0 10px 30px;
	}
		#features-list dl dt {
			padding: 0 0 .2em 20px;
			background: url(../images/i-leaf.png) no-repeat 1px 1px;
			font-weight: bold;
		}
			#features-list dl dt a {
				color: #534B38;
			}
				#features-list dl dt span {
					margin-left: .25em;
					padding: .2em .4em;
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					border-radius: 2px;
					background-color: #B7F4A8;
					color: #116746;
					font-size: .85em;
					text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
					text-transform: uppercase;
				}
		#features-list dl dd {
			color: #999;
			line-height: 1.5;
			font-size: .9em;
		}
		#features-list dl dd a {
			color: #999;
		}
		#features-list dl dd a:hover {
			color: #39C;
		}
		#features-list strong {
			color: #000;
		}


/* Testimonial
------------------------------ */

#testimonial {
	position: relative;
	height: 70px;
	margin: 10px -20px 40px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 0 20px;
	background-color: #E1F1FA;
	overflow: hidden;
}
	#testimonial h1 {
		display: none;
	}
	#testimonial div {
		position: absolute;
		top: 0; left: 20px;
		width: 940px;
		height: 70px;
		overflow: hidden;
	}
	#testimonial blockquote {
		position: static;
		float: left;
		display: table;
		width: 540px;
		height: 70px;
		margin: 0 0 0 80px;
		color: #39C;
		text-align: right;
		text-shadow: 0 1px 0 #FFF;
		font-size: 1.1em;
	}
		#testimonial blockquote p {
			display: table-cell;
			margin: 0;
			vertical-align: middle;
		}
		#testimonial blockquote p:before {
			content: '“';
		}
		#testimonial blockquote p:after {
			content: '”';
			margin-right: -.5em;
		}
	#testimonial a {
		color: #000;
		font-weight: normal;
	}
	#testimonial span {
		color: #A8B4BB;
	}

	#testimonial blockquote ~ p {
		position: absolute;
		top: 50%; left: 640px;
		width: 300px;
		margin: -.75em 0 0;
		color: #000;
	}

	#testimonial a.more {
		position: absolute;
		right: 0; bottom: 0;
		border-top-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		border-bottom-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		padding: .3em 10px .2em;
		background-color: #CFE8F5;
		color: #39C;
		text-decoration: none;
		text-shadow: 0 1px 0 #FFF;
		font-weight: bold;
		font-size: .9em;
	}
	#testimonial a.more:hover {
		background-color: #BEDFF1;
	}



/* Customers
------------------------------ */

#customers {
	position: relative;
	margin: 30px 0;
	overflow: hidden;
}
	#customers h1 {
		position: absolute;
		top: 0; left: 0;
		width: 140px;
		height: 38px;
		margin: 0;
		padding: 17px 0 0;
		background: #FFF;
		font-size: 1.2em;
	}
	#customers ul {
		width: 1760px; /* 160 * customer count */
		height: 55px;
		margin: 0 0 0 160px;
	}
		#customers ul li {
			position: static;
			float: left;
			display: table;
			width: 140px;
			height: 55px;
			margin: 0 20px 0 0;
			list-style: none;
			text-align: center;
			overflow: hidden;
		}
		#customers ul li a {
			display: table-cell;
			width: 100%;
			vertical-align: middle;
		}
			#customers ul li img {
				display: block;
				margin: 0 auto;
			}

#customers.alternative {
	margin: 0 0 2.8em;
}
	#customers.alternative p {
		position: absolute;
		top: 0; left: 0;
		width: 300px;
		margin: .6em 0 0;
		color: #888;
		font-size: 1.2em;
	}
	#customers.alternative p .logo-beanstalk {
		float: left;
		width: 80px;
		height: 25px;
		margin: -.6em .25em 0 0;
		background: url(../images/logo-sml.png) no-repeat 0 0;
		text-indent: -9999em;
		overflow: hidden;
	}
	#customers.alternative ul {
		margin-left: 320px;
	}



/* Pricing
============================== */

#pricing {
	position: relative;
	margin: 40px 0;
}
#pricing hgroup {
	margin: -2em 0 2em;
	padding: .5em 0;
	text-align: center;
}
	#pricing hgroup h1 {
		margin: 0 0 .25em;
		font-size: 1.3em;
	}
	#pricing hgroup h2 {
		margin: 0;
		color: #888;
		font-size: 1.1em;
		font-weight: normal;
	}
#pricing p.money-back-guarantee {
	display: block;
	position: absolute;
	top: -30px; right: -40px;
	width: 121px;
	height: 149px;
	background: url(../images/sticker.png) no-repeat 0 0;
	text-indent: -9999em;
}
#pricing p.referral-notice {
  padding: 0 0 2em;
  text-align: center;
}
  #pricing p.referral-notice strong {
    display: inline-block;
    margin: 0 auto;
    padding: .4em 1em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #FFEE66;
    color: #4D4636;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
  }
  
  

/* Plans
------------------------------ */

.plans {
	margin: 0 -20px;
	padding: 0;
	overflow: hidden;
}
	.plans header {
		position: relative;
		float: left;
		width: 280px;
		height: auto;
		padding: 3em 0 0 20px;
		background: none;
	}
		.plans header h2 {
			display: inline-block;
			position: absolute;
			top: 0; left: 20px;
			margin: 0;
			padding: .2em 1em .3em;
			-webkit-border-bottom-right-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			-moz-border-radius-bottomright: 3px;
			-moz-border-radius-bottomleft: 3px;
			border-bottom-right-radius: 3px;
			border-bottom-left-radius: 3px;
			font-size: .85em;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
			text-transform: uppercase;
		}
		.plans header ul {
			margin: .4em 0 0;
		}
			.plans header ul li {
				margin: 0 0 .75em;
				padding-left: 17px;
				background: url(../images/i-plans.png) no-repeat 0 0;
				font-weight: bold;
				list-style-type: none;
			}
			.plans header ul li.include {
				padding: 0;
				background: none;
				color: #888;
				font-weight: normal;
			}
	.plans abbr {
		border-bottom-style: dashed;
		border-bottom-width: 1px;
		cursor: help;
	}		
	.plans table {
		float: right;
		width: 620px;
	}
		.plans table th,
		.plans table td {
			width: 140px;
			padding: .5em 10px;
		}
		.plans table th,
		.plans table td {
			border-left-style: solid;
			border-left-width: 1px;
			font-weight: bold;
			text-align: center;
		}
		.plans table th {
			font-weight: normal;
			text-align: right;
		}
			.plans table th span {
				font-size: .85em;
			}
		.plans table td.plan-name {
			padding: 1.5em 0 1em;
		}
		.plans table td.plan-name span {
			display: inline-block;
			position: relative;
			padding: 0 .4em 1px;
			border-radius: 2px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			font-size: .85em;
			font-weight: bold;
			text-shadow: 0 1px 0 #FFF;
			text-transform: uppercase;
			box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
			-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
			-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .7);
		}
		.plans table td.plan-name span.bronze 	{ background-color: #FAEED7; color: #85562C; }
		.plans table td.plan-name span.silver 	{ background-color: #EEE; color: #555; }
		.plans table td.plan-name span.gold 		{ background-color: #fff7b1; color: #7b6e00; }
		.plans table td.plan-name span.platinum { background-color: #f3fbff; color: #516672; }
		.plans table td.plan-name span.diamond 	{ background-color: #d7faff; color: #10545e; }
		
		.plans table td.plan-name span.diamond i {
			display: block;
			position: absolute;
			top: -4px; left: -4px;
			width: 14px;
			height: 14px;
			background: url(../images/i-blink.png) no-repeat 0 0;
		}
		.plans table tr.price td {
			font-size: 1.2em;
		}
			.plans table tr.price td span {
				font-size: .7em;
				font-weight: normal;
			}
		.plans table tr.buttons td {
			padding: 20px 0;
		}
		.plans table td.trial-account {
			width: 120px;
			padding: 0 20px;
			color: #888 !important;
			font-size: .85em;
			font-weight: normal;
			vertical-align: middle;
		}
			.plans table td.trial-account h3 {
				margin: 0 0 .75em;
				padding: 0;
				color: #666;
				font-size: 1.1em;
			}


/* Personal Plans */

.plans.personal {
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	background: #F7F7F7 url(../images/bg-page-pattern-alt.png) no-repeat 50% 0;
}
	.plans.personal h2 {
		background-color: #CCC;
		color: #333;
		text-shadow: 0 1px 0 #EEE;
	}
	.plans.personal header li {
		background-position: 0 5px;
		color: #555;
	}
		.plans.personal header li a {
			color: #555;
		}
	.plans.personal table th,
	.plans.personal table td {
		border-color: #EEE;
		color: #555;
	}
	.plans.personal table th {
		color: #888;
	}
	.plans.personal table tr.price {
		color: #333;
	}
		.plans.personal table tr.price span {
			color: #888;
		}


/* Business Plans */

.plans.business {
	border-bottom: 1px solid #D5D5E8;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	background-color: #EFEFFF;
	background-color: rgba(102, 102, 255, .1);
}
	.plans.business h2 {
		background-color: #556;
		color: #EFEFFF;
	}
	.plans.business header li {
		background-position: 0 -45px;
		color: #889;
	}
	.plans.business header li {
		font-weight: normal;
	}
		.plans.business header li a {
			color: #556;
		}
	.plans.business header li.plus {
		background-position: 0 -97px;
		font-weight: bold;
		color: #556;
	}
	.plans.business table th,
	.plans.business table td {
		border-color: #E6E6F5;
		color: #556;
	}
	.plans.business table th {
		color: #889;
	}
	.plans.business table tr.price {
		color: #334;
		text-shadow: 0 1px 0 #EFEFFF;
	}
		.plans.business table tr.price span {
			color: #889;
		}
	.plans.business abbr {
		border-color: #BBC;
	}


/* FAQ */

#faq {
	margin: 0em 0 0;
	padding: 2em 150px 2em;
	overflow: hidden;
}
	#faq .column {
		float: left;
		width: 300px;
		margin: 0 10px 2em;
	}
		#faq h2 {
			margin: 2em 0 1em;
			font-size: 1.1em;
		}
		#faq p {
			margin: 0 0 1em;
			color: #888;
			line-height: 1.5;
		}



/* Features
============================== */

#features {
}
	#features .page {
		padding: 0;
		background-image: none;
	}

/* Header */

#feature-head {
	position: relative;
	height: 220px;
	background: #E2F7CD url(../images/bg-feature-head.png) repeat-x 0 0;
}
	#feature-head .wrap {
		position: relative;
		height: 220px;
		background: url(../images/bg-feature-head-pattern.png) no-repeat 50% 0;
		overflow: hidden;
	}

	#feature-head .cl,
	#feature-head .cr {
		position: absolute;
		bottom: -20px;
		width: 25px;
		height: 23px;
		background: url(../images/bg-feature-corners.png) no-repeat 0 0;
	}
		#feature-head .cl {
			left: 0;
		}
		#feature-head .cr {
			right: 0;
			background-position: 100% 0;
		}

	#feature-head hgroup {
		width: 940px;
		margin: 0 auto;
		padding: 41px 0 0;
		text-align: center;
		line-height: 1.4;
	}
		#feature-head hgroup h1 {
			margin: 0 0 .2em;
			padding: 0;
			color: #064;
			font: normal normal 2.34375em 'ff-cocon-web-pro', 'Helvetica Neue', Arial, Helvetica, sans-serif; /* 30px / (16px * 0.8em) = 2.34375em */
			text-shadow: 0 1px 1px #FFF;
			-webkit-font-smoothing: antialiased;
		}
		#feature-head hgroup h2 {
			margin: 0;
			padding: 0;
			color: #6A8066;
			font-weight: normal;
			font-size: 1.15em;
		}

	#feature-head nav {
	}
		#feature-head nav ul {
			position: absolute;
			top: 148px; left: 50%;
			width: 980px;
			height: 72px;
			margin: 0 0 0 -490px;
			z-index: 99;
			overflow: hidden;
		}
			#feature-head nav ul li {
				position: relative;
				float: left;
				width: 196px;
				height: 41px;
				margin: 0;
				padding: 31px 0 0;
				background: url(../images/bg-feature-nav.png) no-repeat 0 0;
				font: normal normal 1.15em/1.3 'ff-cocon-web-pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
				text-align: center;
				text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
				-webkit-font-smoothing: antialiased;
			}
				#feature-head nav ul li a,
				#feature-head nav ul li strong {
					display: inline-block;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
					padding: .1em .5em .3em;
				}
				#feature-head nav ul li a {
					color: #3B6633 !important;
					text-decoration: underline;
					-webkit-transition: background .15s ease-in-out;
					   -moz-transition: background .15s ease-in-out;
					    -ms-transition: background .15s ease-in-out;
					     -o-transition: background .15s ease-in-out;
					        transition: background .15s ease-in-out;
				}
				#feature-head nav ul li a:hover {
					background-color: #E0F7D5;
				}

			#feature-head nav ul li.current {
			}
				#feature-head nav ul li.current strong {
					background-color: #147351;
					color: #FFF;
					font-weight: normal;
					text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
				}
				#feature-head nav ul li.current i.pointer {
					position: absolute;
					bottom: 0; left: 50%;
					width: 20px;
					height: 9px;
					margin-left: -10px;
					background: url(../images/bg-feature-nav-pointer.png) no-repeat 0 0;
				}

			#feature-head nav ul li.n-vcs                   { background-position: 0 0; }
			#feature-head nav ul li.n-deployments           { background-position: 0 -100px; }
			#feature-head nav ul li.n-integration           { background-position: 0 -200px; }
			#feature-head nav ul li.n-collaboration         { background-position: 0 -300px; }
			#feature-head nav ul li.n-security              { background-position: 0 -400px; }

			#feature-head nav ul li.current.n-vcs           { background-position: 100% 0; }
			#feature-head nav ul li.current.n-deployments   { background-position: 100% -100px; }
			#feature-head nav ul li.current.n-integration   { background-position: 100% -200px; }
			#feature-head nav ul li.current.n-collaboration { background-position: 100% -300px; }
			#feature-head nav ul li.current.n-security      { background-position: 100% -400px; }

		#feature-head nav .hr {
			position: absolute;
			top: 160px; left: 0;
			width: 100%;
			height: 2px;
			background-color: #668A5F;
			z-index: 98;
		}

	#feature-head .i-leaf {
		position: absolute;
		top: 0; right: 0;
		width: 161px;
		height: 43px;
		background: url(../images/bg-feature-head-leaf.png) no-repeat 0 0;
	}


/* Footer */

#feature-footer {
}

	/* Previous / Next */

	#feature-footer nav {
		position: relative;
		height: 3.25em;
		margin: 20px 0 60px;
	}
		#feature-footer nav a {
			position: absolute;
			margin: 0 10px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			border-width: 2px;
			border-style: solid;
			padding: .6em 1em;
			line-height: 1.2;
			font-size: 1.2em;
			z-index: 99;
		}
			#feature-footer nav a i {
				position: absolute;
				top: 50%;
				width: 15px;
				height: 24px;
				margin: -12px 0 0;
				background: url(../images/i-feature-nav-corner.png) no-repeat 0 0;
			}

		#feature-footer nav a.go-prev {
			right: 50%;
			border-color: #D9D9D9;
			background-color: #FFF;
			color: #AAA;
		}
		#feature-footer nav a.go-prev:hover {
			border-color: #B9B9B9;
			color: #909090;
		}
			#feature-footer nav a.go-prev i {
				left: -15px;
				background-position: 0 0;
			}
			#feature-footer nav a.go-prev:hover i {
				background-position: 0 100%;
			}

		#feature-footer nav a.go-next {
			left: 50%;
			border-color: #66B3D9;
			background-color: #E1F1FA;
			color: #1B80B2;
		}
		#feature-footer nav a.go-next:hover {
			border-color: #40A0CF;
			background-color: #C7E4F5;
			color: #176E99;
		}
			#feature-footer nav a.go-next i {
				right: -15px;
				background-position: 100% 0;
			}
			#feature-footer nav a.go-next:hover i {
				background-position: 100% 100%;
			}

		#feature-footer nav .hr {
			position: absolute;
			top: 1.5em; left: 0;
			width: 100%;
			height: 2px;
			background: #F2F2F2;
			z-index: 98;
		}


	/* Actions */

	#feature-footer .wrap {
		position: relative;
		width: 940px;
		height: 90px;
		margin: 60px auto;
	}
		#feature-footer h1 {
			margin: 0;
			font-size: 1em;
		}

		#feature-footer a.button-signup {
			position: absolute;
			top: 0; left: 320px;
			width: 300px;
			height: 90px;
			background: url(../images/b-features-signup.png) no-repeat;
			text-decoration: none;
			text-align: center;
			text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
		}
		#feature-footer a.button-signup:hover {
			background-position: 0 100%;
		}
			#feature-footer a.button-signup h1 {
				margin: 23px 0 0;
				color: #064;
				font: normal normal 16px/1.3 'ff-cocon-web-pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
				-webkit-font-smoothing: antialiased;
			}
			#feature-footer a.button-signup:hover h1 {
				color: #053;
			}
			#feature-footer a.button-signup p {
				color: #548C70;
			}

		#feature-footer .buzz {
			float: left;
			width: 300px;
			padding-top: 25px;
			text-align: right;
		}
			#feature-footer .buzz a {
				color: #999;
			}
			#feature-footer .buzz a:hover {
				color: #000;
			}

		#feature-footer .share {
			float: right;
			width: 300px;
			overflow: hidden;
		}
			#feature-footer .share .share-wrap {
				float: left;
				margin-top: 25px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				padding: 10px 10px 5px;
				background-color: #F5F5F5;
			}
			#feature-footer .share .g-plusone,
			#feature-footer .share .twitter-share-button,
			#feature-footer .share .fb-like {
				margin: 0 0 0 6px;
				vertical-align: top;
				line-height: 18px;
			}
			#feature-footer .share .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
				display: none !important;
			}


/* Section Title */

#features h1.section-title,
#features hgroup.section-title h1 {
	margin: 2.5em 0;
	color: #427339;
	text-align: center;
	font: normal normal 1.64em 'ff-cocon-web-pro', 'Helvetica Neue', Arial, Helvetica, sans-serif; /* 21px / (16px * 0.8em) = 1.64em */
	-webkit-font-smoothing: antialiased;
}
#features hgroup.section-title h1 {
	margin-bottom: 0;
}
#features hgroup.section-title h2 {
	margin-bottom: 4.1em;
	text-align: center;
	font-weight: normal;
	font-size: 1em;
}

p.pop {
	margin: -20px 0 40px;
	padding: 1.25em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #F6FAF5;
	color: #7B8C77;
	text-align: center;
}
	p.pop a {
		color: #7B8C77;
	}
	p.pop strong {
		color: #427339;
	}


/* Group content: 2 columns */

#features .container .wrap {
	margin: 0 -20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 40px 20px;
	background-color: #F6FAF5;
}
	#features .container .wrap .group {
		margin-top: 0;
		margin-bottom: 20px;
	}
	#features .container .wrap .group:last-child {
		margin-bottom: 0;
	}


.group {
	margin: 20px -30px 40px;
	overflow: hidden;
}
.group:last-child {
	margin-bottom: 20px;
}
	.group section,
	.group figure {
		float: left;
		width: 440px;
		margin: 0 30px;
	}

	/* Content blocks */

	.group section {
		color: #777;
		line-height: 1.6;

		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
		.group section h1 {
			margin: 0 0 1.2em;
			color: #222;
			line-height: .85;
			font-size: 1.3em;
		}
		.group section hgroup h1,
		.group section hgroup h2 {
			margin: 0;
			font-size: 1.3em;
		}
		.group section hgroup h2 {
			margin-bottom: .45em;
			color: #777;
			line-height: 2.2;
			font-weight: normal;
		}
		.group section p {
			margin-bottom: 1.45em;
		}

	/* Screenshots */

	.group .screenshots {
		clear: both;
		margin: 0 0 40px;
		overflow: hidden;
	}
		.group .screenshots figure {
		}
			.group .screenshots a {
				position: relative;
				display: block;
				height: 158px;
				border: 2px solid #DAE6DA;
				padding: 4px;
				color: #777;
				overflow: hidden;
			}
				.group .screenshots a img {
					display: block;
					width: 100%;
					height: 100%;
					background-color: #F9F9F9;
				}
				.group .screenshots a i.i-zoom {
					position: absolute;
					right: 0;
					bottom: 0;
					width: 34px;
					height: 34px;
					background: url(../images/i-zoom.png) no-repeat 0 0;
				}

			.group .screenshots a:hover {
				border-color: #C3D9C3;
			}
				.group .screenshots a:hover i.i-zoom {
					background-position: 100% 0;
				}

			.group .screenshots figcaption {
				margin: .75em 0 0;
				color: #98A695;
				text-align: center;
				font-size: .9em;
			}


/* Group content: 3 columns */

.group.columns-3 {
	margin-right: -10px !important;
	margin-left:  -10px !important;
}
	.group.columns-3 section,
	.group.columns-3 figure  {
		width: 300px;
		margin: 0 10px;
	}
		.group.columns-3 .screenshots a {
			height: 130px;
			padding: 3px;
		}
		.group.columns-3 section h1 {
			margin-bottom: .85em;
			font-size: 1.2em;
		}

/* Group content: 4 columns */

.group.columns-4 {
	margin-right: -10px;
	margin-left:  -10px;
}
	.group.columns-4 section,
	.group.columns-4 figure {
		width: 220px;
		margin: 0 10px;
	}
		.group.columns-4 section h1 {
			margin-bottom: .85em;
			font-size: 1.2em;
		}


/* Deployment Process */

#deploy-process {
	margin-bottom: 60px;
}
	#deploy-process h1.section-title {
		color: #4C4C66;
	}

	#deploy-process figure.illustration {
	}
		#deploy-process figure.illustration img {
			display: block;
			width: 794px;
			height: 57px;
			margin: -20px auto 35px;
		}

	#deploy-process .group.columns-4 section {
		color: #7E7E8C;
		line-height: 1.7;
		font-size: .9em;
	}
		#deploy-process .group.columns-4 section h1 {
			color: #334;
		}
		#deploy-process .group.columns-4 section h1 b {
			display: inline-block;
			margin-right: .2em;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			padding: .2em .45em .4em;
			background-color: #A3A3BF;
			color: #FFF;
			font-size: .9em;
			vertical-align: .1em;
		}


/* Deployment Best Practices */

#deploy-best-practices {
	position: relative;
	margin-top: -1em;
	margin-bottom: 60px;
}
	#deploy-best-practices h1.section-title {
		margin: 0 0 30px;
	}

	#features #deploy-best-practices .wrap {
		-webkit-border-radius: 0 0 20px 20px;
		-moz-border-radius: 0 0 20px 20px;
		border-radius: 0 0 20px 20px;
		padding-top: 65px;
		padding-bottom: 20px;
		background: #F6FAF5 url(../images/bg-features-bp.png) no-repeat;
	}

	#deploy-best-practices i.i-leaf {
		position: absolute;
		bottom: 25%; left: -68px;
		width: 48px;
		height: 75px;
		background: url(../images/leaf-ls.png) no-repeat;
	}


/* Integrations */

.int-type {
	position: relative;
}
	.int-type header {
		margin: 60px 160px 60px 80px;
		padding-left: 80px;
		background: url(../images/feature-int.png) no-repeat;
		color: #777;
		line-height: 1.6;
	}
	.int-type.int-issues  header { background-position: 5px 8px; }
	.int-type.int-time    header { background-position: 5px -192px; }
	.int-type.int-discuss header { background-position: 5px -392px; }

		.int-type header h1 {
			font-size: 1.4em;
		}

	#features .int-type .wrap {
		padding-top: 75px;
	}
		.int-type .group {
			overflow: visible;
		}
			.int-type .group .clear {
				clear: both;
			}
			.int-type .group section {
				position: relative;
			}
				.int-type .wrap .group section h1 {
					margin-bottom: .85em;
					font-size: 1.4em;
				}
				.int-type .wrap .group section p {
					position: relative;
					margin: 0 !important;
				}
				.int-type .wrap .group section a {
					color: #444;
					font-weight: bold;
				}

				.int-logo {
					position: absolute;
					top: -135px; /* 60px + .wrap padding-top */
					left: 50%;
					height: 140px;
					background: url(../images/int-logos.png) no-repeat;
				}
				.int-logo.logo-fogbugz    { width: 79px;   margin-left: -40px;  background-position:   -10px 0; }
				.int-logo.logo-lighthouse { width: 77px;   margin-left: -38px;  background-position:  -109px 0; }
				.int-logo.logo-zendesk    { width: 117px;  margin-left: -59px;  background-position:  -206px 0; }
				.int-logo.logo-sifter     { width: 124px;  margin-left: -62px;  background-position:  -343px 0; }
				.int-logo.logo-basecamp   { width:  91px;  margin-left: -46px;  background-position:  -487px 0; }
				.int-logo.logo-freckle    { width:  83px;  margin-left: -42px;  background-position:  -598px 0; }
				.int-logo.logo-harvest    { width: 112px;  margin-left: -56px;  background-position:  -701px 0; }
				.int-logo.logo-campfire   { width:  91px;  margin-left: -46px;  background-position:  -833px 0; }
				.int-logo.logo-twitter    { width:  94px;  margin-left: -47px;  background-position:  -944px 0; }
				.int-logo.logo-webhooks   { width:  56px;  margin-left: -28px;  background-position: -1058px 0; }
				.int-logo.logo-api        { width:  53px;  margin-left: -26px;  background-position: -1134px 0; }

.int-type.int-time {
}
	.int-type.int-time  i.i-leaf {
		position: absolute;
		bottom: 10%; right: -52px;
		width: 32px;
		height: 94px;
		background: url(../images/leaf-rs.png) no-repeat;
	}

.int-type.int-build {
	margin-bottom: 60px;
}
	.int-type.int-build header {
		margin: 60px 160px 0;
		padding: 0 0 49px;
		background: url(../images/bg-feature-int-build.png) no-repeat 50% 100%;
	}
		.int-type.int-build header h1.section-title {
			margin: 0 !important;
			color: #4C4C66 !important;
		}
		.int-type.int-build header h1.section-title span {
			padding: 0 .4em;
			background: #FFF;
			font-weight: normal;
		}

	#features .int-type.int-build .wrap {
		padding-top: 40px;
		background-color: #F8F8FA;
		color: #7E7E8C;
	}
		.int-type.int-build section {
			width: 360px;
			padding-left: 80px;
		}
		.int-type.int-build section .int-logo {
			top: -58px;
			left: 0;
			right: 60px;
			margin-left: 0;
		}

	.int-type.int-build p.link-more {
		margin: 0;
		text-align: center;
	}
		.int-type.int-build p.link-more a {
			display: inline-block;
			-webkit-border-radius: 0 0 3px 3px;
			-moz-border-radius: 0 0 3px 3px;
			border-radius: 0 0 3px 3px;
			border-top: 1px solid #ADADC5;
			padding: .3em .8em .5em;
			background: #BABACF;
			color: #FFF;
			text-decoration: none;
			text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
			font-weight: bold;
		}
		.int-type.int-build p.link-more a:hover {
			background-color: #ADADC5;
		}


/* Security */

#security-vendors {
	margin-bottom: 60px;
}
	#security-vendors hgroup.section-title h1 {
		color: #4C4C66;
	}
	#security-vendors hgroup.section-title h2 {
		color: #7E7E8C;
	}
	#features #security-vendors .wrap {
		background: #F8F8FA url(../images/bg-features-dotted.png) repeat-y 50% 0;
		color: #7E7E8C;
	}
		#features #security-vendors section {
			text-align: center;
		}
		#features #security-vendors section img {
			margin-bottom: 1em;
		}
		#features #security-vendors section p {
			margin: 0 40px;
		}



/* Partners & Security
============================== */

section.columns {
	padding: 40px 0 0;
	overflow: hidden;
}
	section.columns hgroup {
		float: left;
		width: 220px;
		text-align: right;
	}
		section.columns hgroup h1 {
			margin: 0;
		}
		section.columns hgroup h2 {
			margin: .75em 0 0;
			color: #888;
			line-height: 1.5;
			font-weight: normal;
		}
	section.columns .wrap {
		float: right;
		width: 640px;
	}
		section.columns section {
			float: left;
			width: 300px;
			margin: 0 0 20px 20px;
		}
		section.columns section:last-child {
			margin-bottom: 30px;
		}
			section.columns section h2 {
				margin: 0 0 1.4em;
				padding-left: 21px;
				background: url(../images/i-leaf.png) no-repeat 0 .3em;
				color: #554D3A;
			}
			section.columns section h3 {
				margin: 0 0 .75em;
				color: #79AD90;
				font-size: 1.2em;
			}
			section.columns section p {
				color: #888;
			}

		section.columns dl {
			float: left;
			width: 300px;
			margin: 0 0 40px 20px;
			color: #888;
			line-height: 1.5;
			font-size: .9em;
		}
			section.columns dl dt {
				position: relative;
				height: 80px;
				margin-top: -35px;
				vertical-align: bottom;
			}
			section.columns dl dt img {
				position: absolute;
				bottom: 0; left: 0;
			}

			section.columns dl dd {
				margin: .75em 0 40px;
			}
			section.columns dl dd p {
				margin-top: 1.6em;
			}

			section.columns dl strong a {
				color: #6E9100;
			}


		section#integration dl:nth-child(n+3) {
			margin-bottom: 0;
		}

		section#partners dl dt {
			height: 100px;
		}
		section#partners dl:last-of-type dt {
			height: 80px;
		}
		section#partners dl:last-of-type dd {
			margin-bottom: 0;
		}

		section#tools dl dt {
			height: 70px;
			margin-top: -20px;
		}



section.columns.col-3 {
}
	section.columns.col-3 hgroup {
		margin-top: 4px;
	}
	section.columns.col-3 dl {
		width: 193px;
		margin-bottom: 0;
	}
		section.columns.col-3 dl dt {
			margin: 0;
			height: 36px;
		}


section.columns.col-4 {
}
	section.columns.col-4 hgroup {
		margin-top: 4px;
	}
	section.columns.col-4 dl {
		width: 140px;
		margin-bottom: 0;
	}
		section.columns.col-4 dl dt {
			margin: 0;
			height: 36px;
		}


/* Buzz */

section.columns blockquote {
	margin-left: 20px;
	font-size: 1.2em;
	line-height: 1.6;
}
	section.columns blockquote p {
		color: #554D3A;
	}
section.columns blockquote p:before,
section.columns blockquote p:after {
	line-height: .75em;
	font-weight: bold;
	font-size: 1em;
}
section.columns blockquote p:before {
	content: '“';
	margin-left: -.65em;
	margin-right: .2em;
}
section.columns blockquote p:after {
	content: '”';
	margin-left: .2em;
}
section.columns footer {
	margin: 0 0 40px 20px;
}
	section.columns footer p {
		display: table-cell;
		color: #888;
	}
	section.columns footer img {
		display: inline-block;
		margin-top: -.2em;
		vertical-align: middle;
	}
	section.columns footer span.sep {
		color: #DDD;
	}


p.highlight {
	margin: 30px 0;
	color: #99A;
	font-size: 1.5em;
	text-align: center;
}
	p.highlight strong {
		color: #333;
		font-weight: normal;
	}
	p.highlight span {
		color: #DDD;
	}
	

span.notice {
	padding: .1em .2em;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	background-color: #E1F1FA;
	color: #39C;
	text-shadow: 0 1px 0 #FFF;
}



/* Sign Up
============================== */

/* Minimal Layout */

#minimal {
	background: #534B38 url(../images/bg-header-pattern-alt.png) repeat-x 50% 0;
}
	#minimal header,
	#minimal header .container {
		height: 140px;
		background: transparent none;
	}
	#minimal header hgroup {
		position: static;
		width: 620px;
		margin: 0 auto;
		padding: 20px 0 0;
	}
		#minimal header hgroup h2 {
			display: none;
		}
	#minimal .page {
		background: transparent none;
	}
	#minimal .page .container {
		width: 620px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding: 30px 40px;
		background-color: #FFF;
		box-shadow: 0 2px 5px rgba(0, 0, 0, .7);
		-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .7);
		-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .7);
	}

	#minimal > footer .container,
	#minimal > footer .container a {
		color: #989381;
	}


/* Summary */

.summary {
	width: 620px;
	height: 3em;
	margin: 20px auto;
	text-shadow: 0 1px 1px #000;
	overflow: hidden;
}
	.summary h2 {
		float: left;
		margin: 0;
		color: #FFF;
		line-height: 1.4;
		font-size: 1.8em;
	}
	.summary p {
		float: right;
		margin: 0;
		color: #DBFF6C;
		line-height: 2.4;
		text-align: right;
		font-weight: bold;
		font-size: 1.2em;
	}
		.summary p a {
			border-bottom: 1px dashed #7b853f;
			color: #DBFF6C;
			text-decoration: none;
		}
		.summary p a:hover {
			border-bottom-style: solid;
		}
		.summary p del {
			margin-right: .2em;
			color: #7A843F;
			font-weight: normal;
		}
		.summary p ins {
			margin-right: .2em;
			color: #F2FFCC;
		}


/* Form */

#signup fieldset {
	margin: 0 -40px;
	padding: 0 40px;
	overflow: hidden;
}
	#signup fieldset legend {
		font-size: 1.4em;
	}
	#signup fieldset p.helper {
		margin: .5em 0 2em;
		color: #888;
		font-size: .95em;
	}


/* Coupon Code */

#signup #discount,
#signup #discount-ask {
	margin-bottom: 30px;
}
	#signup #discount-ask a {
		border-bottom: 1px dashed #CCC;
		color: #888;
		text-decoration: none;
	}
	#signup #discount-ask a:hover {
		border-bottom-style: solid;
		color: #000;
	}
	#signup #discount-ask a.disabled {
	  border: 0;
	  color: #888 !important;
	  text-decoration: line-through;
	  cursor: default;
	}
	#signup #discount-ask .form-field span {
	  margin-left: .5em;
	}

p.discount {
	margin: 0 -1em 2em;
	padding: 1em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #EFF5EE;
	color: #899A84;
	font-size: 1.1em;
}
	p.discount strong {
	  margin-right: .5em;
		color: #71806C;
	}
p.referral {
  width: 620px;
  margin: 0 auto -21px;
  padding: 20px 40px 40px;
  border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
  background-color: #E1F1FA;
	color: #39C;
	font-size: 1.1em;
}
  p.referral strong {
    margin-right: .25em;
    color: #000;
  }


/* Submit button */

#signup .form-submit {
	margin: 30px -40px -30px;
	border-top: 1px solid #D7E7DB;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	padding: 40px;
	background-color: #EFF5EE;
	color: #899A84;
	overflow: hidden;
}
	#signup .form-submit p.helper {
		float: left;
		margin: .9em 0 0;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	}
	#signup .form-submit p.helper a {
		color: #899A84;
	}
	#signup .form-submit p.helper a:hover,
	#signup .form-submit p.helper strong {
		color: #71806C;
	}
	#signup .form-submit input {
		float: right;
	}



/* Error 404
============================== */

#minimal.error header {
	z-index: 100;
}
	#minimal.error header hgroup {
		position: static;
		width: 330px;
		height: 57px;
		margin: 0 auto;
		padding: 51px 0 0;
	}
		#minimal.error header hgroup h1,
		#minimal.error header hgroup h2 {
			width: 330px;
			margin: 0;
			background-image: url(../images/header-404.png);
			background-repeat: no-repeat;
			color: #FFF;
			text-indent: -9999em;
			font-size: .8em;
		}
		#minimal.error header hgroup h1 {
			height: 40px;
			background-position: 0 0;
		}
		#minimal.error header hgroup h2 {
			display: block !important;
			height: 17px;
			background-position: 0 -40px;
		}
		#minimal.error header hgroup a {
			display: block;
			height: 100%;
		}

		#minimal.error header b.leaf {
			position: absolute;
			top: 71px; left: 50%;
			width: 175px;
			height: 166px;
			margin-left: -387px;
			background: url(../images/leaf-error.png) no-repeat 0 0;
		}
		
		#minimal.error header hgroup h1.help-moved {
			width: 454px;
			height: 41px;
			margin-left: -60px;
			background: url(../images/header-moved.png);
		}

#minimal.error .page {
	position: relative;
	z-index: 500;
}
	#minimal.error .page .container {
		padding: 40px;
		background-color: #E5E2DA;
	}
		#minimal.error .page h2 {
			margin: 1.2em 0 .4em;
		}



/* Blog
============================== */

#blog {
	overflow: hidden;
}
#articles {
	float: left;
	padding: 25px 0 0 140px;
}


	/* Navigation */

	#articles > nav {
		margin: 2em 0;
		border-top: 1px solid #DDD;
		padding-top: 1em;
		font-size: 1.1em;
		overflow: hidden;
	}
		#articles > nav a {
			margin-right: 1em;
			border-bottom: 1px solid #DDD;
			color: #99A;
			text-decoration: none;
		}
		#articles > nav a:hover {
			border: 0;
		}


	/* Entry */

	article {
		position: relative;
		width: 500px;
		margin: 0 0 40px;
	}
		article h2 {
			margin: 0 0 .3em;
			color: #046;
			font-size: 1.6em;
		}
			article h2 a {
				border-bottom: 1px solid #CDE;
				color: #046 !important;
				text-decoration: none;
			}
			article h2 a:hover {
				border: 0;
			}

		article footer {
			margin: 0 0 1em;
			color: #99A;
			font-size: .91em;
		}
			article footer img {
				display: block;
				position: absolute;
				top: .6em; left: -140px;
				border-radius: 3px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				-khtml-border-radius: 3px;
			}
			article footer time.pop {
				position: absolute;
				top: .2em; left: -140px;
				width: 80px;
				color: #99A;
				font-size: 1.6em;
				text-transform: uppercase;
			}
			article footer a.comments-count {
				display: block;
				position: absolute;
				top: 35px; left: -140px;
				width: 40px;
				height: 34px;
				margin: .25em 0 0;
				padding: 0;
				background: url(../images/bg-comments-count.png) no-repeat 0 0;
				color: #FFF;
				font-size: 1.5em;
				font-weight: bold;
				line-height: 1.6;
				text-align: center;
				text-decoration: none;
				overflow: hidden;
			}
			article footer a.comments-count:hover {
				background-position: 0 -50px;
				color: #FFF;
				text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
			}

		article h3 {
			margin: 2em 0 1.25em;
			font-size: 1.3em;
			color: #000;
		}
		article h4 {
			margin: 2em 0 1.25em;
			color: #046;
			font-size: 1.2em;
		}
		article p {
			margin: 0 0 1em;
			font-size: 1.1em;
			line-height: 1.6;
		}
			article p.notice {
				margin: 3em 0 0;
				padding: 1em 1.5em;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-khtml-border-radius: 5px;
				background-color: #E1F1FA;
				color: #39C;
				text-shadow: 0 1px 0 #FFF;
			}

		article p img {
			display: block;
			border: 1px solid #DDD;
			padding: 3px;
		}
			article p img.image-left {
				float: left;
				margin: .4em 20px .6em 0;
			}
			article p img.image-right {
				float: right;
				margin: .4em 0 .6em 20px;
			}
			article p img.image-center {
				display: block;
				margin: .4em auto .6em;
			}
			article p img.no-border {
				border: 0;
				padding: 0;
			}
			article p .caption {
				display: block;
				margin: .75em 0 0;
				color: #99A;
				font-size: .85em;
			}

		article ul,
		article ol {
			margin: 0 0 1em 3em;
			font-size: 1.1em;
		}
			article ul li {
				list-style-type: circle;
				list-style-position: outside;
			}
			article ol li {
				list-style-position: outside;
			}

		article blockquote {
			margin-left: 2em;
			color: #99A;
		}

		article pre {
			margin: 0 0 2em;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			padding: 1.25em 1.5em;
			background-color: #2E3034;
			color: #FFF;
			overflow: auto;
		}


		/* Continue Reading */

		article > nav {
			margin: 2em 0 0;
		}
			article > nav a {
				border-bottom: 1px solid #DDD;
				color: #99A !important;
				font-size: 1.1em;
				font-weight: bold;
				text-decoration: none;
			}
			article > nav a:hover {
				border: 0;
			}


		/* Tumblr notes */

		ol.notes {
			margin: 4.5em 0 3em;
		}
			ol.notes li {
				margin: 0 0 .5em;
				color: #888;
				list-style: none;
			}
			ol.notes li a {
				color: #554D3A;
			}
			ol.notes li img.avatar {
				margin-right: .2em;
				vertical-align: -.2em;
			}


		/* Disqus comments */

		#disqus_thread {
			width: 500px;
		}


/* Sidebar
------------------------------ */

#sidebar {
	float: right;
	width: 220px;
	padding-top: 25px;
}
	#sidebar section {
		margin: 2em 0;
		padding: .5em 0 0;
		border-top: 1px solid #DDD;
	}


	/* Go back */

	#sidebar p.go-back {
		margin: 0 0 2em;
		padding-bottom: 2em;
		border-bottom: 1px solid #DDD;
		color: #888;
	}


	/* Introduction */

	#sidebar p.introduction {
		margin: 0 0 2em;
		padding-bottom: 1.75em;
		border-bottom: 1px solid #DDD;
		color: #888;
	}
		#sidebar p.introduction strong {
			padding-left: 19px;
			background: url(../images/i-leaf.png) no-repeat 0 center;
			color: #554D3A;
		}


	/* Subscribe to feed */

	#sidebar p.subscribe {
		margin: 0 0 2em;
	}
		#sidebar p.subscribe a {
			padding: .2em 0 .2em 20px;
			background: url(../images/i-rss.png) no-repeat 0 center;
			color: #902e00;
			font-size: 1.1em;
			font-weight: bold;
			text-decoration: none;
		}
		#sidebar p.subscribe a:hover {
			text-decoration: underline;
		}


	/* Search */

	#sidebar fieldset {
		position: relative;
	}
		#sidebar fieldset input[type='search'] {
			width: 195px;
		}
		#sidebar fieldset input[type=submit] {
			display: block;
			position: absolute;
			top: 50%; right: 0;
			width: 13px;
			height: 13px;
			margin: -.6em 0 0;
			background: transparent url(../images/b-search.gif) no-repeat 0 0;
			border: 0;
			text-align: left;
			text-indent: -9999px;
			cursor: pointer;
		}



/* Release Notes
============================== */

#release-notes {
}
	#release-notes p.loading {
		margin: 0;
		padding: 80px 0;
		text-align: center;
	}
	#release-notes article {
		position: relative;
		width: auto;
		margin: 0 -40px 40px;
		padding: 0 40px 40px;
		border-bottom: 2px solid #E9E8E5;
	}
	#release-notes article.last { margin-bottom: 0; padding-bottom: 20px; border: 0; }
	
		#release-notes article h1 {
			margin: 0 0 40px;
			color: #999;
			font-size: 1.5em;
		}
		#release-notes article h2 {
			margin: 0 0 1em;
			padding-left: 20px;
			color: #999;
			font-size: 1.2em;
		}
			#release-notes article h2.h-features 	{ background: url(../images/i-leaf.png) no-repeat 0 center; color: #3B783F; }
			#release-notes article h2.h-bugfixes 	{ background: url(../images/i-bug.png) no-repeat 0 center; color: #7E1404; }
		
		#release-notes article ul {
			margin: 0 0 40px;
		}
		#release-notes article ul.last { margin: 0; }
		
			#release-notes article ul li {
				margin: 0 0 1.5em;
				padding-left: 20px;
				background: url(../images/i-bullet.gif) no-repeat 0 5px;
				font-size: .9em;
				list-style-type: none;
			}
			#release-notes article ul li.last { margin: 0; }



/* API
============================== */

#api {
	overflow: hidden;
}
	#api #doc {
		float: left;
		width: 540px;
		margin-left: 80px;
	}
		#api #doc h1 {
			margin: 1.25em 0 .75em;
			color: #046;
			font-size: 1.6em;
		}
		#api #doc h2 {
			margin: 2em 0 1.25em;
			font-size: 1.3em;
			color: #000;
		}
		#api #doc h3 {
			margin: 2em 0 1.25em;
			color: #046;
			font-size: 1.2em;
		}
		#api #doc p {
			margin: 0 0 1em;
			line-height: 1.6;
		}
		#api #doc ul,
		#api #doc ol {
			margin: 0 0 1em 3em;
		}
			#api #doc ul li {
				list-style-type: circle;
				list-style-position: outside;
			}
			#api #doc ol li {
				list-style-position: outside;
			}

		#api #doc p.warning {
			margin: 2em 0;
			border-left: 2px solid #D88;
			padding: .2em 0 .2em 1em;
			color: #B44;
			line-height: 1.4;
			overflow: hidden;
		}


	/* Code snippets */

	#api .code_container {
		position: relative;
		display: block;
		margin: 0 -1em 1.5em;
		border-width: 1px 0;
		border-style: solid;
		border-color: #DDD;
		padding: 1.25em 1em 1.4em;
		background-color: #F5F5F5;
	}
		#api .code_container i {
			position: absolute;
			top: -1px; right: 0;
			padding: .1em .5em;
			background-color: #DDD;
			color: #333;
			text-transform: uppercase;
			text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
			font-style: normal;
			font-weight: bold;
			font-size: .85em;
		}
		#api .code_container p {
			margin: 0 !important;
			padding: 0;
			color: #999;
			font-weight: bold;
			font-size: .9em;
			text-decoration: none;
			text-shadow: 0 1px 0 #FFF;
		}

		/* HTTP Request */

		#api .code_container.http-request {
			border-color: #D5E1EC;
			background-color: #F9F9FF;
		}
			#api .code_container.http-request i {
				background-color: #D5E1EC;
				color: #069;
			}

		/* Ruby */

		#api .code_container.ruby {
			border-color: #D0EFC8;
			background-color: #F3FFF0;
		}
			#api .code_container.ruby i {
				background-color: #D0EFC8;
				color: #166D00;
			}

		/* Response */

		#api .code_container.response {
			border-color: #DDD;
			background-color: #F5F5F5;
			cursor: pointer;
		}
			#api .code_container.response i {
				background-color: #DDD;
				color: #333;
			}
			#api .code_container.response pre,
			#api .code_container.response.expand p {
				display: none;
			}
			#api .code_container.response.expand     { cursor: default; }
			#api .code_container.response.expand pre { display: block; }



/* Tabs */

#api #sidebar {
	position: fixed;
	top: 160px;
	left: 50%;
	margin-left: 250px;
}
#api #sidebar ul {
	margin: .5em 0 0;
	padding: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #F3F3F3;
	background: rgba(0, 0, 0, .05);
}
	#api #sidebar ul li {
		margin: 0;
		padding: .35em .5em;
		list-style: none;
	}
		#api #sidebar ul li a,
		#api #sidebar ul li strong {
			display: block;
			color: #888;
			text-decoration: none;
		}
		#api #sidebar ul li a:hover {
			color: #333;
		}
		#api #sidebar ul li strong {
			color: #000;
		}


/* Output Switcher */

#output-switcher {
	position: relative;
	width: 184px;
	height: 35px;
	margin: 2em 1.5em 0;
	background: url(../images/output-switch.png) no-repeat 0 0;
	overflow: hidden;
}
	#output-switcher a {
		float: left;
		width: 88px;
		height: 25px;
		margin: 2px;
		padding: 6px 0 0;
		color: #777;
		text-shadow: 0 1px 1px #FFF;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		outline: none;
	}
	#output-switcher a:hover {
		color: #333;
		-webkit-transition: color .1s linear;
	}
	#output-switcher a.selected {
		background: url(../images/output-switch.png) no-repeat 0 -35px;
		color: #FFF;
		text-shadow: 0 1px 1px rgba(0, 0, 0, .33);
		cursor: default;
	}

#api #sidebar p.meta {
	margin: .6em 0;
	color: #AAA;
	text-align: center;
	font-size: .85em;
}


/* Syntax Highlighter */

.html .tag 				{ color : green; }
.html .doctype 		{ color: #708090; }

.erb .tag 				{ color : green; }
.erb .doctype 		{ color: #708090; }

.ruby .constants 	{ color: #A0A; }
.ruby .method 		{ color: black; }
.ruby .keywords 	{ color : red; }
.ruby .ivar 			{ color : blue; }
.ruby .comment 		{ color: #708090; }
.ruby .symbol 		{ color: green; }
.ruby .string 		{ color: green; }



/* Referrers
============================== */

#referrer {
	border-width: 0 0 3px;
	border-style: solid;
	font-size: .8em;
}
	#referrer .wrap {
		position: relative;
		width: 440px;
		margin: 0 auto;
		padding: 20px 310px 20px 45px;
		text-align: left;
		line-height: 1.4;
	}
	#referrer h3 {
		margin: 0;
		font-size: 1.2em;
		color: #FFF;
	}
	#referrer p {
		margin: .5em 0 1em;
	}
	#referrer p:last-child {
		margin-bottom: 0;
	}
	#referrer code {
		font-weight: bold;
	}
	#referrer a {
		font-weight: bold;
	}
	#referrer img {
		position: absolute;
		top: 2.5em; right: 0;
	}

/* Rackspace Cloud */

.ref-rackspace {
	border-color: #266599;
	background: #265380 url(../images/bg-ref-rackspace.gif) repeat-x 0 0;
	color: #D4DDE6;
}
	.ref-rackspace .wrap {
		background: url(../images/logos/rackspace-ref.gif) no-repeat 100% center;
	}
	.ref-rackspace a,
	.ref-rackspace code {
		color: #FFF;
	}

/* Versions */

.ref-versions {
	border-color: #000;
	background: #000 url(../images/bg-ref-versions.gif) repeat-x 0 0;
	color: #BBB;
}
	.ref-versions .wrap {
		background: url(../images/logos/versions-ref.gif) no-repeat 100% 100%;
	}
	.ref-versions a,
	.ref-versions code {
		color: #EEE;
	}

/* Lighthouse */

.ref-lighthouse {
	border-color: #3B414A;
	background: #282D33 url(../images/bg-ref-lighthouse.gif) repeat-x 0 0;
	color: #7B7B7B;
}
	.ref-lighthouse .wrap {
		background: url(../images/logos/lighthouse-ref.png) no-repeat 100% center;
	}
	.ref-lighthouse a,
	.ref-lighthouse code {
		color: #BBB;
	}

/* Basecamp */

.ref-basecamp {
	border-color: #DBE0CB;
	background: #E8ECDC url(../images/bg-ref-basecamp.gif) repeat 0 0;
	color: #555;
}
	.ref-basecamp .wrap {
		background: url(../images/logos/basecamp-ref.png) no-repeat 100% center;
	}
	.ref-basecamp h3 {
		color: #000 !important;
	}
	.ref-basecamp a,
	.ref-basecamp code {
		color: #000;
	}

/* Harvest */

.ref-harvest {
	border-color: #FE9F43;
	background-color: #F57A00;
	color: #FFDFBF;
}
	.ref-harvest .wrap {
		background: url(../images/logos/harvest-ref.gif) no-repeat 100% center;
	}
	.ref-harvest a,
	.ref-harvest code {
		color: #FFF;
	}

/* Stack Overflow */

.ref-stackoverflow {
	border-color: #AAA;
	background-color: #DDD;
	color: #444;
}
	.ref-stackoverflow .wrap {
		background: url(../images/logos/stackoverflow-ref.png) no-repeat 100% 35%;
	}
	.ref-stackoverflow h3,
	.ref-stackoverflow a,
	.ref-stackoverflow code {
		color: #000 !important;
	}



/* A/B Test
============================== */

#primary.test-a ul li.link-signup {
	padding-right: 30px;
	padding-left: 0;
	background-position: 100% 50%;
}
#primary.test-b ul li.link-signup {
	padding-left: 0;
	background: transparent none;
}
	#primary.test-b ul strong {
		color: #FFF;
	}
	#primary.test-b ul li.link-signup a {
		xfont-weight: normal;
	}