/*
Theme Name: Joyent
Theme URI: http://brightcreative.com/
Description: Joyent site theme
Version: 3.0
Author: Dave Shea
Author URI: http://brightcreative.com/
Tags: joyent, orange, tan, white, two-column



	LAUNCH TO-DO's
	
	- correct line-height to relative units
	- more image optimization / spriting if possible
		- home page product images could be a single image, background-positioned in place


	-- -- -- -- -- -- --
	reset.css
	Undo browser defaults

	http://meyerweb.com/eric/tools/css/reset/
	v1.0 | 20080212
	-- -- -- -- -- -- --
	
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




																		/* -- Base Layout -- */
a {
	color: #fd6512;
	text-decoration: none;
	cursor: pointer;
}
a:hover, a:focus {
	text-decoration: underline;
}
abbr, acronym {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
}
address {
	font-style: normal;
}
blockquote {
	margin: 1em 30px;
}
body, html {
	height: 100%;
}
body {
	font: 13px "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	line-height: 20px;
	color: #4a3f2d;
	background: #fff url(/i/ui/body-bg.gif) repeat-y 50% 0;
}
code {
	font: 13px Monaco, Courier, monospace;
	line-height: 1.6;
}
dl {
	margin: 1em 0;
}
dt {
	margin-top: 1em;
	font-weight: bold;
}
dd {
	margin-bottom: 1em;
}
h1 {
	font-weight: normal;
	font-size: 22px;
	line-height: 30px;
	color: #564c3b;
	margin-top: 0;
	padding-bottom: 10px;
}
h2 {
	font-weight: bold;
	font-size: 16px;
	color: #4a3f2d;
}
h3 {
	font-size: 15px;
}
h4 {
	font-size: 13px;
	font-weight: bold;
}
h5, h6 {
	font-size: 13px;
}
h6 {
	font-weight: normal;
}
h3, h4, h5, h6 {
	margin: 1em 0;
}
h3.intro {
	font-weight: normal;
	font-size: 19px;
	line-height: 1.5; /* 27px */
	letter-spacing: -0.5px;
	color: #4a3f2d;
}
	.secondary h3.intro {
		color: #968b79;
		padding-left: 37px;
	}
hr {
	display: none;
}
input, textarea {
	font-size: 13px;
	border: none;
	background: #f4f4f4;
	padding: 3px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
	input:focus, textarea:focus {
		background: #e9e9e9;
	}
pre {
	width: 100%;
	overflow: auto;
	background: #e1eaee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
select {
	width: 80%;
}
strong {
	color: #4a3f2d;
}
textarea {
	width: 90%;
}
table {
	width: 100%;
	border-color: #fff;
}
td {
	background: #edebea;
	padding: 7px 10px;
	font-size: 12px;
}
	td.smart, td.joyent {
		background: #e2e0df;
	}
th {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	padding: 7px 10px;
	text-transform: uppercase;
}
tr {
	border-bottom: solid 2px #fff;
}
p {
	margin: 10px 0;
}

																		/* -- Base Layout -- */
#container {
	position: relative;
	min-height: 100%;
	position: relative;
}
#page, .secondary-nav .wrap, #header .wrap, #footer .wrap {
	width: 884px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.divide-top {
	margin-top: 20px;
	padding-top: 30px;
	border-top: solid 1px #c3bdb3;
	clear: both;
}
.divide-bottom {
	margin-bottom: 20px;
	padding-bottom: 30px;
	border-bottom: solid 1px #c3bdb3;
	clear: both;
}
.module-split, .module-full {
	width: 884px;
	overflow: hidden;
	clear: both;
}
.secondary-nav {
	margin-bottom: -73px;
	height: 73px;
	background: url(/i/ui/header-bg.gif) repeat-y 50% 0;
	overflow: hidden;
}
.secondary-nav .wrap {
	position: relative;
	background: url(/i/ui/header-wrap-bg.gif) repeat-y 0 0;
}
#header .wrap {
	background: url(/i/ui/container-bg.gif) repeat-y 0 0;
}
#page {
	background: url(/i/ui/container-bg.gif) repeat-y 0 0;
	padding-bottom: 320px;
}
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 230px;
	padding-top: 50px;
}


																		/* -- Header -- */
#nameplate {
	padding: 48px 0 30px 0;
}
#nameplate .logo {
	width: 221px;
	height: 35px;
	background: url(/i/ui/logo.png) no-repeat 0 0;
}
	#nameplate .logo a, #nameplate .logo a:visited {
		width: 100%;
		height: 100%;
		display: block;
		text-decoration: none;
		text-indent: -9999px;
	}
#nameplate .slogan {
	display: none;
}


																		/* -- Developer Center layout variation -- */
body.developer {
	background: #edebea url(/i/ui/body-bg-dev.gif) repeat-y 50% 0;
}
.developer #page {
	background: url(/i/ui/container-bg-dev.gif) repeat-y 0 0;
}
.developer .secondary-nav .wrap {
	height: 73px;
}
.developer #header .wrap {
	background: url(/i/ui/container-bg-dev.gif) repeat-y 0 0;
}
.developer .secondary-nav .wrap {
	position: relative;
	background: none;
}
.developer .nav a, .developer .nav a:visited {
	border-bottom: solid 1px #edebea;
}
.developer .nav a:hover, .developer .nav a:focus {
	text-decoration: none;
	border-color: #938b7d;
}
	.developer .secondary-nav a, .developer .secondary-nav a:visited {
		border-color: #c3bdb3;
	}
.developer .main-nav {
	padding-top: 20px;
}
.developer .secondary-nav {
	margin-bottom: 0;
	background: #c3bdb3;
}
.developer .secondary-nav ul {
	float: none;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 5px;
	width: auto;
}
.developer #nameplate {
	position: absolute;
	top: 23px;
	right: 0;
	padding: 0;
}
.developer #nameplate .logo {
	width: 334px;
	height: 33px;
	background: url(/i/ui/logo-dev.gif) no-repeat 0 0;
}
.developer .home-link {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}




																		/* -- Various Header Navigation Components -- */
.main-nav {
	float: left;
	margin-bottom: 43px;
}
.secondary-nav ul {
	float: right;
	width: 251px;
	padding-top: 40px;
	padding-left: 37px;
	position: relative;
	z-index: 10;
}
	.secondary-nav a, .secondary-nav a:visited {
		color: #534d43;
	}
	.secondary-nav ul li.login {
		margin-right: 0;
	}
.nav li {
	float: left;
	margin-right: 15px;
}
	.nav a, .nav a:visited, .home-link {
		font-size: 11px;
		text-transform: uppercase;
		text-decoration: none;
		color: #635e57;
		padding-bottom: 2px;
	}
	.main-nav li {
		margin-right: 25px;
	}
	.nav a, .nav a:visited {
		-webkit-transition: border-color 0.25s linear;
		-moz-transition: border-color 0.25s linear;
		-o-transition: border-color 0.25s linear;
		border-bottom: solid 1px #fff;
	}
	.secondary-nav a, .secondary-nav a:visited {
		border-color: #c3bdb3;
	}
	.nav a:hover, .nav a:focus {
		text-decoration: none;
		border-color: #938b7d;
	}

.main-nav .current_page_item a, .main-nav .current_page_item a:visited,
.main-nav .current_page_ancestor a, .main-nav .current_page_ancestor a:visited,
.blog .page-item-news a, .blog .page-item-news a:visited, 
.archive .page-item-news a, .archive .page-item-news a:visited,
.single .page-item-news a, .single .page-item-news:visited {
	border-bottom: solid 1px #b7b2ab;
}
.secondary-nav .current_page_item a, .secondary-nav .current_page_item a:visited {
	border-bottom-color: #9e9992;
}





																		/* -- General reusable styles -- */
a.button, a.button:visited, .button input {
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	background-color: #fd6512;
	display: block;
	padding: 5px 10px 5px 17px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: background 0.15s linear;
	-moz-transition: background 0.15s linear;
	-o-transition: background 0.15s linear;
	transition: background 0.15s linear;
}
	a.button:hover, a.button:focus,
	.button input:hover, .button input:focus {
		text-decoration: none;
		background-color: #d0520e;
		cursor: pointer;
	}
	a.button:active {
		background-color: #8d3708;
	}
	.button input {
		padding: 7px 45px 7px 10px;
		width: auto;
	}
.form-row {
	width: 100%;
	overflow: hidden;
	clear: both;
}


																		/* -- Content pieces that sit on the left -- */
.module-split .main {
	width: 549px;
	padding-right: 47px;
	float: left;
}

.alignleft {
	float: left;
	margin: 5px 30px 20px 0;
}
.alignright {
	float: right;
	margin: 5px 0 20px 30px;
}
.customer-list {
	width: 100%;
	overflow: hidden;
}
.customer-list .customer {
	float: left;
	width: 28%;
	margin-right: 5%;
}
.lead-in {
	margin-bottom: 20px;
}
	.lead-in p {
		font-size: 16px;
		line-height: 22px;
		color: #635e57;
		margin-bottom: 10px;
	}
.data-point {
	padding: 0 0 0 195px;
	margin: 35px 0;
	width: 364px;
	overflow: hidden;
	clear: both;
	position: relative;
}
	.data-point img {
		position: absolute;
		top: 2px;
		left: 0;
	}
	.data-point h2, .data-point p {
		margin: 0;
	}


.pagination {
	margin: 0 -47px 0 0;
	padding: 23px 0 0 0;
	border-top: solid 1px #c3bdb3;
}
	.main .pagination ol {
		width: 100%;
		overflow: hidden;
	}
	.main .pagination li {
		margin: 0;
		list-style: none;
		float: left;
		font-size: 11px;
		line-height: 1;
	}
	.pagination a, .pagination a:visited, span.current {
		display: block;
		color: #4a3f2d;
		margin: 0 3px 0 0;
		padding: 8px 10px;
		background: #e0ddd9;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: background 0.15s linear;
		-moz-transition: background 0.15s linear;
		-o-transition: background 0.15s linear;
		transition: background 0.15s linear;
	}
		.pagination a:hover {
			text-decoration: none;
			background: #d6d3cd;
		}
		span.current {
			background: none;
		}
		.pagination a.prev, .pagination a.next {
			color: #fff;
			background: #c3bdb3;
		}
		.pagination a.prev:hover, .pagination a.next:hover {
			background: #a9a194;
		}
.tags {
	margin: 20px -47px 0 0;
	padding: 23px 0 0 0;
	border-top: solid 1px #c3bdb3;
}
.extended-info {
	margin: 30px 0;
}
.extended-info .wrap {
	background: #edebea;
	padding: 20px;
}
.extended-info h3 {
	margin-top: 0;
}



																		/* -- basic content formatting -- */
.main li {
	margin-left: 30px;
	list-style: square;
}
	.main ol, .main ul {
		margin: 20px 0;
	}
	.main ol li {
		list-style: decimal;
	}


																		/* -- Content pieces that sit on the right -- */
.module-split .secondary {
	width: 288px;
	float: left;
}


/* -- second level nav -- */
.second-level-nav {
	padding: 0 0 18px 0;
	font-size: 12px;
}
	.second-level-nav h3 {
		background: url(/i/ui/secondary-divider.gif) no-repeat 0 100%;
		color: #443b32;
		font-size: 1em;
		padding-left: 37px;
		padding-bottom: 15px;
		margin-top: 0;
	}
	.second-level-nav h3 a, .second-level-nav h3 a:visited {
		font-weight: normal;
	}
	.second-level-nav ul {
		background: url(/i/ui/secondary-divider.gif) no-repeat 0 100%;
		padding: 0 0 37px 0;
		font-size: 12px;
	}
	.second-level-nav ul ul {
		display: none;
	}
	.second-level-nav li {
		padding: 0 0 3px 37px;
		line-height: 21px;
	}
	.second-level-nav a, .second-level-nav a:visited {
		color: #847762;
	}
	.second-level-nav .current-cat a, .second-level-nav .current-cat a:visited,
	.second-level-nav .current_page_item a, .second-level-nav .current_page_item a:visited {
		font-weight: bold;
		color: #554a3a;
	}
	/* -- second level nav highlighting -- */
	.current-news, .current-9, .current-11, .current-31, .current-17, .current-69, .current-84 {
		background: url(/i/ui/secondary-nav-indicator.gif) no-repeat 0 -12px;
	}
	.current-events, .current-74, .current-80, .current-87, .current-208, .current-3103, .current-3283, .current-3325 {
		background: url(/i/ui/secondary-nav-indicator.gif) no-repeat 0 12px;
	}
	.current-63, .current-78, .current-88, .current-96, .current-206, .current-3101, .current-3341 {
		background: url(/i/ui/secondary-nav-indicator.gif) no-repeat 0 36px;
	}
	.current-67, .current-71, .current-86, .current-91, .current-407 {
		background: url(/i/ui/secondary-nav-indicator.gif) no-repeat 0 59px;
	}
	.current-65, .current-89, .current-3280 {
		background: url(/i/ui/secondary-nav-indicator.gif) no-repeat 0 82px;
	}
	.current-3195 {
		background: url(/i/ui/secondary-nav-indicator.gif) no-repeat 0 105px;
	}

/* technology second-level nav */
.second-level-nav .technology li, .second-level-nav .technology-overview li {
	padding: 0 0 3px 67px;
	line-height: 21px;
}
	.page-item-67 {background: url(/i/products/icons.gif) no-repeat 37px -46px;}
	.page-item-65 {background: url(/i/products/icons.gif) no-repeat 37px -92px;}
	.page-item-63 {background: url(/i/products/icons.gif) no-repeat 37px -1px;}

/* -- extra sidebar content -- */
.extra {
	font-size: 12px;
}
	.extra h3 {
		font-size: 1em;
		color: #443b32;
		padding-left: 37px;
		margin: 15px 0 0 0;
	}
	.extra p {
		color: #847762;
		margin: 0;
		padding: 0 0 15px 37px;
		background: url(/i/ui/secondary-divider.gif) no-repeat 0 100%;
	}
	.extra .illustration {
		float: right;
		width: auto;
		height: auto;
		margin: 10px 0 0 5px;
	}

/* -- sidebar callout -- */
.secondary .callout {
	width: 160px;
	overflow: hidden;
	margin: 25px 0 0 37px;
	padding: 18px;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
	.secondary .callout h3 {
		margin: 0;
		line-height: 1.375;
	}
	.secondary .callout p {
		font-size: 12px;
		line-height: 1.5;
	}
	
/* -- sidebar forms -- */
.secondary .form {
	margin: 20px 0;
	padding-left: 37px;
}
	.services .form {
		padding: 20px 0 0 0;
		margin: 40px 0 20px 37px;
		border-top: solid 1px #c3bdb3;
	}
	.technology .secondary .form {
		margin: 40px 0 20px 0;
		padding-top: 30px;
		border-top: solid 1px #c3bdb3;
	}

	.secondary .form input, .secondary .form textarea {
		width: 80%;
	}
	.secondary .form h3 {
		font-size: 13px;
		margin-bottom: 10px;
	}
	.secondary .form label {
		font-size: 12px;
	}
	.secondary .form input, .secondary .form textarea {
		display: block;
		width: 75%;
		margin-bottom: 10px;
		background: #fff;
	}
	.secondary .form .button input {
		font-size: 11px;
		text-transform: uppercase;
		color: #fff;
		background-color: #fd6512;
		display: block;
		width: auto;
		padding: 7px 45px 7px 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		-webkit-transition: background 0.15s linear;
		-moz-transition: background 0.15s linear;
		-o-transition: background 0.15s linear;
		transition: background 0.15s linear;
	}
		.secondary .form .button input:hover, .secondary .form .button input:focus {
			text-decoration: none;
			background-color: #d0520e;
			cursor: pointer;
		}
	.secondary .form textarea {
		height: 50px;
	}

																		/* -- Style for Home Page -- */
.homepage .module-split .main {
	width: 582px;
	padding-right: 14px;
}
/* top tier */
.homepage h1 {
/*
	letter-spacing: -1px;
	font-size: 24px;
*/
	padding: 0 380px 0 0;
}
.homepage .lead-in p {
	font-size: 14px;
	line-height: 24px;
}
.homepage .product {
	padding: 0;
	width: 171px;
	float: left;
}
	.homepage .product h2 {
		margin: 0;
		font-size: 14px;
		font-weight: normal;
		color: #000;
		padding-left: 6px;
	}
	.homepage .product h2 span {
		display: block;
		font-size: 18px;
		font-weight: bold;
	}
	.homepage .product p {
		font-size: 12px;
		line-height: 20px;
		margin: 8px 0;
		padding-left: 6px;
	}
	.homepage .sm {
		margin-right: 12px;
	}
	.homepage .sp {
		padding-left: 37px;
	}
		.homepage .secondary a, .homepage .secondary a:visited {
			color: #467b96;
		}
.homepage .callout {
	padding-right: 16px;
	margin: 33px 12px 0 0;
	float: left;
	background: url(/i/ui/home-callout-arrow.gif) no-repeat 100% 127px;
}
	.homepage .callout .wrap {
		width: 136px;
		padding: 22px 25px;
		background: #edebea;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
	}
	.homepage .callout p {
		margin: 0;
	}
	.homepage .callout .button {
		margin-top: 20px;
		margin-bottom: 0;
	}
	.homepage .more {
		display: block;
		margin-top: 10px;
		text-align: center;
	}
.homepage .secondary h3 {
	font-size: 18px;
	line-height: 22px;
}


/* middle tier */
.homepage h4 {
	font-size: 16px;
	font-weight: normal;
}
.homepage .customer {
	width: 384px;
	margin-right: 13px;
	float: left;
}
.homepage .tech {
	width: 185px;
	float: left;
}
.homepage .partnership {
	width: 185px;
	padding-left: 37px;
}
.homepage .odo {
	vertical-align: baseline;
	position: relative;
	top: 3px;
}


																		/* -- Style for Customers Page -- */
.customers h2 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 20px;
}
	.customer-gilt {
		width: 565px;
		height: 440px;
		background: url(/i/customers/gilt-lg.jpg) no-repeat;
	}
	

																		/* -- Style for Services Page -- */
.services .illustration {
	margin: -10px 0 10px 0;
}
.purchasing .button {
	width: 100px;
	float: left;
	margin: 20px 0 20px 0;
}
.configure {
	background: #edebea;
	width: 100%;
	overflow: hidden;
	margin: 20px 0 0 0;
}
.configure ul {
	margin: 0;
}
.configure .options li {
	font-size: 22px;
	font-weight: bold;
	color: #467b96;
	background: #dae5ea;
	float: left;
	border: solid 3px #fff;
	border-width: 0 3px 3px 0;
	padding: 46px 5px 6px 0;
	margin: 0 0 23px 0;
	text-align: right;
	width: 71px;
	cursor: pointer;
	list-style: none;
}
	.configure .options span {
		font-size: 16px;
		font-weight: normal;
	}
	.configure .options li.size4 {
		/* odd number of items, need to adjust to fit */
		width: 70px;
	}
	.configure .options li.size32 {
		border-right: 0;
	}
	.configure .options li.selected {
		color: #fff;
		background: #618fa5 url(/i/ui/services-selected.gif) no-repeat 50% 100%;
		padding: 46px 5px 29px 0;
		margin-bottom: 0;
		border: 0;
	}
.configure .stats {
	width: 280px;
	clear: left;
	float: left;
	margin: 0 19px 20px 15px;
	display: none;
}
	.configure .stats-4 {
	 display: block;
	}
.configure .stats li {
	list-style: square;
	margin-left: 1em;
	font-size: 12px;
}
.configure .stats li.price {
	font-size: 11px;
	line-height: 1.2;
	list-style: none;
	color: #a69c8c;
	background: #fff;
	padding: 10px 15px;
	margin: 0 40px 20px 0;
	float: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #d8d4ce 0 2px 0;
}
	.configure .price .amount {
		color: #4a3f2d;
		display: block;
		text-align: center;
		font-size: 24px;
		font-weight: bold;
		letter-spacing: -1px;
	}
	.configure .price .currency {
		font-size: 12px;
		font-weight: normal;
		position: relative;
		top: -5px;
	}
.configure .role {
	width: 215px;
	float: right;
	font-size: 12px;
}
	.configure .role img {
		position: relative;
		top: 2px;
		vertical-align: baseline;
	}
	
.network-hardware .lead-in {
	margin-bottom: 30px;
}
.network-hardware h4 {
	font-weight: bold;
	font-size: 13px;
}
.network-hardware th {
 	text-transform: none;
 	background: #dcd9d7;
 	border-right: solid 1px #fff;
 	width: 180px;
}
.network-hardware .data-centers {
	margin-left: 37px;
	width: 251px;
}
.network-hardware .data-centers p {
	font-size: 12px;
}	
.network-hardware .data-centers li {
	font-size: 12px;
	list-style: square;
	margin-left: 1em;
}
																		/* -- Style for Technology Overview Page -- */
.technology-overview .second-level-nav {
	padding: 32px 0 18px 0;
}



																		/* -- Style for Technology sub-pages -- */
.technology table {
	margin: 25px 0;
}
.technology .main p .illustration {
	float: right;
	margin: 0 0 20px 30px;
	position: relative;
	top: -40px;
}
/* SmartMachines graphic */
.technology .burst {
	background: url(/i/illustration/bursting.png) no-repeat 0 24px;
	padding-right: 212px;
	padding-bottom: 120px;
}
/* SmartDC graphic */
.technology .reasons {
	background: url(/i/products/sdc-full.png) no-repeat 100% 85px;
	margin-right: -47px;
}
	.blocking {height: 45px; float: right; clear: right;}
	.b-1 {width: 210px;}
	.b-2 {width: 280px;}
	.b-3 {width: 360px;}
	.b-4 {width: 410px; height: 90px;}
	.b-5 {width: 360px; height: 60px;}
	.b-6 {width: 210px; height: 270px;}
.technology .reasons li {
	margin: 10px 0;
}
/* SmartPlatform graphic */
.technology .main div.plumbing .illustration {
	float: none;
	margin: 0;
	position: static;
	top: 0;
}
/* white paper / cta panel */
.white-paper .wrap {
	padding: 20px 25px;
}
	.white-paper br { /* thank you wordpress */
		display: none;
	}
	.white-paper h4 {
		font-size: 12px;
		line-height: 17px;
		margin: 0;
	}
	.white-paper ul {
		width: 100%;
		overflow: hidden;
		padding: 0;
	}
	.white-paper p {
		margin: 0;
		font-size: 12px;
		line-height: 17px;
	}
	.white-paper li {
		margin: 0;
		list-style: none;
	}
	.white-paper li.download {
		float: left;
		width: 110px;
		padding-left: 60px;
		position: relative;
	}
	.white-paper li.download a, .white-paper li.download a:visited {
		display: block;
	}
	.white-paper img {
		position: absolute;
		top: 3px;
		left: 0;
	}
	.white-paper li.action {
		float: left;
		padding-left: 71px;
		width: 240px;
		background: url(/i/ui/or.png) no-repeat 24px 0;
	}
	.white-paper a.button, .white-paper a.button:visited {
		float: left;
		padding-right: 65px;
		margin-top: 10px;
	}


																		/* -- Style for News & Events -- */
.blog .post, .archive .post, .single .post {
	margin-bottom: 30px;
}
.blog h1.page-title, .archive h1.page-title, .single h1.page-title {
	border-bottom: solid 1px #c3bdb3;
	padding-right: 47px;
	margin-bottom: 20px;
	margin-right: -47px;
}
.blog h2, .archive h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: 28px;
}
	.blog h2 a, .blog h2 a:link, .archive h2 a, .archive h2 a:link {
		color: #564c3b;
	}
.blog small, .archive small, .single small {
	margin-top: 8px;
	display: block;
	font-size: 11px;
}
.blog .upcoming, .archive .upcoming, .single .upcoming,
.blog .archives, .archive .archives, .single .archives {
	margin-left: 37px;
}
	.blog .upcoming li, .archive .upcoming li, .single .upcoming li {
		margin-bottom: 10px;
	}
	.blog .upcoming h3, .archive .upcoming h3, .single .upcoming h3,
	.blog .archives h3, .archive .archives h3, .single .archives h3 {
		font-size: 11px;
		text-transform: uppercase;
		font-weight: normal;
		margin-bottom: 5px;
	}
	.blog .upcoming .date, .archive .upcoming .date, .single .upcoming .date {
		display: block;
	}
	.blog .archives a, .blog .archives a:visited,
	.archive .archives a, .archive .archives a:visited,
	.single .archives a, .single .archives a:visited {
		color: #999288;
		margin-bottom: 5px;
		display: block;
	}

																		/* -- Style for Contact Page -- */
.contact .map {
	margin-bottom: 20px;
}
.contact dl {
	width: 100%;
	overflow: hidden;
}
.contact dt {
	width: 120px;
	float: left;
	clear: left;
	margin: 0 0 20px 0;
}
.contact dd {
	float: left;
	margin: 0 0 20px 0;
}
.contact .extra p {
	background: none;
}
.contact .extra h3 {
	margin-bottom: 10px;
}
.contact .extra img {
	float: right;
	margin: 0 0 5px 5px;
}
.contact form {
	clear: left;
}
	.contact form li {
		list-style: none;
		margin: 0;
		width: 49%;
		float: left;
	}
	.contact textarea {
		display: block;
		width: 87%;
		height: 100px;
	}
	.contact .comment {
		width: 100%;
		float: none;
	}
	.contact .buttons {
		clear: left;
	}

	
	/* Marketo styling */
	.mktFormReq label, .required {
		padding-right: 20px;
		background: url(/i/ui/required-field.gif) no-repeat 100% 50%;
	}
	.mktError p {
		color: #b2470d;
		font-weight: bold;
		margin: 0 0 20px 0;
	}

																		/* -- Style for Support Page -- */
.support .lead-in {
	border-bottom: solid 1px #c3bdb3;
	padding-bottom: 20px;
	margin-bottom: 10px;
}
.support .facets {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
	.support .facets li {
		width: 163px;
		margin: 0 28px 0 0;
		padding: 0;
		list-style: none;
		float: left;
	}
	.support .facets li.system {
		margin-right: 0;
	}
.support .extra p {
	background: none;
}
.support .extra h3 {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 5px;
}
.facets .deco {
	width: 163px;
	height: 117px;
	margin-top: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
	.facets .kb .deco {
		background: #878369 url(/i/illustration/support-kb.png) no-repeat 0 0;
	}
	.facets .forums .deco {
		background: #467b96 url(/i/illustration/support-forum.png) no-repeat 0 19px;
	}
	.facets .system .deco {
		background: #fd6512 url(/i/illustration/support-system.png) no-repeat 0 8px;
	}
.support .legacy p {
	padding-left: 90px;
	background: url(/i/illustration/support-legacy.png) no-repeat 10px 0;
}
	
	

																		/* -- Style for Developer Center -- */
.developer .module-split .main {
	width: 572px;
	margin-right: 24px;
	padding: 0;
}
.developer h1 {
	margin: 40px 0 0 0;
	padding: 0 0 10px 0;
}

/* -- product entry points -- */
.developer .tech {
	clear: left;
	width: 100%;
	overflow: hidden;
	padding: 14px 0;
	margin: 0;
}
.developer .tech h2 {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1.2;
	color: #000;
	background: #fff;
	width: 143px;
	height: 50px;
	padding: 165px 13px 0 13px;
	margin-right: 7px;
	float: left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
	.developer .tech h2 span, .developer .tech h3 span {
		font-size: 17px;
		font-weight: bold;
		display: block;
		letter-spacing: -1px;
		white-space: nowrap;
	}
	.developer .tech h3 span {
		font-size: 16px;
	}
.developer .tech h3 {
	margin: 0;
}
.developer .tech h3 a, .developer .tech h3 a:visited {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2;
	color: #000;
	background-color: #dcd9d4;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 103px;
	height: 50px;
	padding: 125px 12px 0 12px;
	margin-right: 5px;
	float: left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: background 0.15s linear;
	-moz-transition: background 0.15s linear;
	-o-transition: background 0.15s linear;
	transition: background 0.15s linear;
}
	.developer .tech h3 a:hover, .developer .tech h3 a:focus {
		text-decoration: none;
		background-color: #d6d3cd;
	}
	.developer .tech h3.wiki a, .developer .tech h3.wiki a:visited {
		background-image: url(/i/illustration/dev-wiki.png);
	}
	.developer .tech h3.docs a, .developer .tech h3.docs a:visited {
		background-image: url(/i/illustration/dev-docs.png);
	}
	.developer .tech h3.forums a, .developer .tech h3.forums a:visited {
		background-image: url(/i/illustration/dev-forums.png);
	}
	.developer .tech h3.codesnippets a, .developer .tech h3.codesnippets a:visited {
		background-image: url(/i/illustration/dev-code.png);
	}
	.developer .tech h3.started a, .developer .tech h3.started a:visited {
		background-image: url(/i/illustration/dev-started.png);
	}

.developer .sm h2 {
	background: #fff url(/i/products/sm-large.png) no-repeat 50% 12px;
}
.developer .sp h2 {
	background: #fff url(/i/products/sp-large.png) no-repeat 50% 12px;
}
.developer .codesnippets {
	margin-right: 0;
}


/* -- sidebar twitter feed -- */
.developer .twitter {
	padding-left: 37px;
}
	.developer .twitter dt {
		background: #e1eaee;
		padding: 22px 18px;
		margin: 0;
		overflow: hidden;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
	}
	.developer .twitter dd {
		margin: 0;
		padding: 12px 0 0 0;
		background: url(/i/ui/developer-twitter-bubble.gif) no-repeat 63px 0;
	}
	.developer .twitter dd img {
		float: left;
		margin: 0 14px 10px 0;
	}
	.developer .twitter dd h4 {
		margin: 5px 0 0 0;
		font-size: 11px;
		line-height: 14px;
		font-weight: bold;
	}
	.developer .twitter dd p {
		font-size: 11px;
		line-height: 14px;
		margin: 0;
	}
/* -- sidebar developer programs -- */
.developer .developer-programs {
	margin-left: 37px;
}
.developer .developer-programs h3 {
	margin-top: 0;
}
/* -- sidebar blog headlines -- */
.developer .blog {
	margin-left: 37px;
	padding-bottom: 45px;
}
	.developer .blog li {
		font-size: 12px;
		line-height: 1.4;
		margin-bottom: 10px;
	}
	.developer .blog li.more {
		float: left;
		padding: 5px 18px 10px 0;
		background: url(/i/ui/developer-more.gif) no-repeat 100% 9px;
	}
	.developer .blog a, .developer .blog a:visited {
		color: #4a3f2d;
	}

																		/* -- Error 404 -- */






																		/* -- Footer -- */
#footer {
	font-size: 11px;
	background: #c3bdb3;
}
#footer .wrap {
	padding-bottom: 60px;
	background: url(/i/ui/footer-logo.gif) no-repeat 0 bottom;
	position: relative;
}
#footer a.home-link, #footer a.home-link:visited {
	position: absolute;
	left: 0;
	top: 150px;
	display: block;
	width: 86px;
	height: 40px;
}
#footer h3 {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #534d43;
	border-bottom: solid 1px #9c978f;
	padding-bottom: 1px;
	margin-bottom: 6px;
}
#footer li {
	line-height: 1;
	margin-bottom: 6px;
}
#footer li a, #footer li a:visited {
	color: #534d43;
}
#footer .col {
	float: left;
	width: 138px;
}
#footer .col-2 {
	width: 194px;
}
#footer .col-2 ul {
	float: left;
	width: 90px;
	margin-right: 14px;
}
#footer .col-2 ul.last {
	margin-right: 0;
}