/* @group Base */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, code, em, img, small, strong, sup, 
u, 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 { font: 13px/1.5 "HelveticaNeue-Light", "HelveticaNeue", "Helvetica Neue", Arial, Helvetica, "Liberation Sans", "Nimbus Sans L", "DejaVu Sans", "Bitstream Vera Sans", sans-serif; *font-size: small; *font: x-small; }
em { font-family: "HelveticaNeue-LightItalic", "HelveticaNeue-Italic", "Helvetica Neue", Arial, Helvetica, "Liberation Sans", "Nimbus Sans L", "DejaVu Sans", "Bitstream Vera Sans", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; }
img { border: 0; }
h1 { font-size: 197%; } /* 26px */
h2 { font-size: 153.9%; } /* 20px */
h3 { font-size: 116%; } /* 15px */
h4 { font-size: 100%; } /* 13px */
h5 { font-size: 85%; } /* 11px */
h6 { font-size: 69%; } /* 9px */
small, .small { font-size: 85%; }
h1, h2, h3, h4, h5, h6, ol, p, ul { margin: 0 0 0.62em 0; }
h1, h2, h3, h4, h5, h6 { line-height: 1.334; }
sup { vertical-align: baseline; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button, textarea, select { font: 99%; *font-size: 100%; }

/* @end */

/* @group CSS3 */

h1,
h2,
h3,
h4,
h5,
h6,
.nav {
	-webkit-text-stroke: 1px transparent;
}

p.message {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* @end */

/* @group Colour */

html,
body {
	background: #a11 url("/images/html.png") repeat-x center top;
	color: #345;
}

a,
.content h2 {
	color: #c33;
}

a:hover,
.content h3 {
	color: #900;
}

.header {
	background: #fff url("/images/header.jpg");
}

.nav a,
.nav a:hover {
	color: #fff;
}

.overview .nav .overview a,
.features .nav .features a,
.pricing .nav .pricing a,
.contact .nav .contact a {
	color: #fc3;
}

.content {
	background: #ddd url("/images/content.png") repeat-x center top;
}

.footer,
.footer a {
	color: #600;
}

/* @end */

/* @group Basic layout */

.header-wrapper,
.header,
.nav,
.content-wrapper,
.content,
.footer {
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}

.header-wrapper,
.content-wrapper,
.footer {
	padding: 0 8px;
}

/* @end */

/* @group Header */

.header-wrapper {
	background: url("/images/header-wrapper.png") no-repeat center top;
	margin-top: 24px;
	padding-top: 8px;
}

.header {
	height: 144px;
}

.header h1 {
	background: url("/images/header.h1.png") no-repeat left top;
	height: 144px;
	text-indent: -9000px;
	width: 384px;
}

/* @end */

/* @group Navigation */

.nav {
	height: 32px;
	line-height: 32px;
	margin-top: -32px;
}

.nav ul {
	float: right;
}

.nav li {
	display: block;
	float: left;
	font-size: 116%;
	list-style: none;
	padding: 0 32px 0 16px;
	text-align: center;
}

.nav li a {
	font-weight: bold;
	text-decoration: none;
}

.nav li a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Content */

.content-wrapper {
	background: url("/images/content-wrapper.png") repeat-y center top;
}

.content {
	padding: 32px 32px 24px 32px;
	width: 896px;
}

.content h1 {
	display: none;
}

.content ul {
	list-style-type: square;
	padding-left: 24px;
}

.content .columns {
	overflow: hidden;
}

.content .columns .column {
	float: left;
	width: 432px;
}

.content .columns .right {
	float: right;
}

.contact .content .columns .left {
	width: 288px;
}

.contact .content .columns .right {
	width: 576px;
}

.overview .content,
.contact .large {
	font-size: 138.5%;
	line-height: 1.9;
}

/* @end */

/* @group Form */

p.message {
	line-height: 16px;
	padding: 4px 4px 4px 24px;
}

p.error {
	background: #ffe5e5 url("/images/icons/error.png") no-repeat 4px center;
	border: 1px solid #f29999;
}

p.information {
	background: #e5f2ff url("/images/icons/information.png") no-repeat 4px center;
	border: 1px solid #99ccf2;
}

p.warning {
	background: #fff2e5 url("/images/icons/warning.png") no-repeat 4px center;
	border: 1px solid #f2cc99;
}

span.warning {
	background: url("/images/icons/warning-small.png") no-repeat left center;
	padding: 0 4px 0 11px;
	float: right;
	font-size: 85%;
}

p.success {
	background: #f2ffe5 url("/images/icons/success.png") no-repeat 4px center;
	border: 1px solid #ccf299;
}

form .field {
	float: left;
	padding: 2px;
}

form .full {
	width: 572px;
}

form .half {
	width: 284px;
}

form .quarter {
	width: 140px;
}

form .field label {
	margin: 2px;
	width: 176px;
}

form .field input,
form .field textarea {
	border: 1px solid #ccc;
	line-height: 18px;
	margin: 2px;
	padding: 2px;
}

form .full textarea {
	width: 562px;
}

form .half input {
	width: 274px;
}

form .quarter input {
	width: 130px;
}

.buttons {
	padding: 4px;
}

/* @end */

/* @group Footer */

.footer {
	background: url("/images/footer.png") no-repeat center top;
	font-size: 85%;
	height: 16px;
	line-height: 16px;
	padding: 24px 8px 16px;
	text-align: center;
}

/* @end */