@charset "utf-8";

/* FONTS */

	@font-face {
		font-family: 'Rockwell';
		src: url('../fonts/rockwellstd-webfont.eot');
		src: local('☺'), url('../fonts/rockwellstd-webfont.woff') format('woff'), url('../fonts/rockwellstd-webfont.ttf') format('truetype'), url('../fonts/rockwellstd-webfont.svg#webfontd1j5epsZ') format('svg');
		font-weight: normal;
		font-style: normal;
	}

/* CONTENT */

/* Text */

	html					{ font-size: 100%; }
	body					{ font-size: 12px; font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
							  color: #4a565a; }

/* Headers */

	h1, h2, h3, h4, h5, h6	{ font-weight: normal; color: #6eb312; }
	h1, h2					{ font-family: 'Rockwell'; }

	h1						{ font-size: 30px; line-height: 36px;
							  margin: 16px 0 0 0; }
	h2						{ font-size: 14px; line-height: 16px;
							  margin: 16px 0 0 0; }
	h3						{ font-size: 12px; line-height: 16px;
							  margin: 16px 0 0 0; }
	h4						{ font-size: 12px; line-height: 16px;
							  margin: 16px 0 0 0; }
	h5						{ font-size: 12px; line-height: 16px;
							  margin: 16px 0 0 0; }
	h6						{ font-size: 12px; line-height: 16px;
							  margin: 16px 0 0 0; }

/* Paragraphs */

	p						{ line-height: 16px;
							  margin: 12px 0 0 0; }

	p.summary				{ font-weight: bold; }
	p.details				{ font-size: 12px;
							  color: #999;
							  margin-top: 0; }

/* Lists */

	ul, ol					{ margin: 18px 0 0 0; padding-left: 30px; }
	ul ul, ul ol,
	ol ol, ol ul			{ margin-top: 0; }
	dl						{ margin: 18px 0 0 0; }

	li 						{ line-height: 18px; color: #6eb312; }
	li > span				{ color: #4a565a; }
	dt 						{ line-height: 18px; font-weight: bold; width: 80px; float: left; }
	dd 						{ line-height: 18px;
							  margin-left: 80px; }

	ul						{ list-style: disc; }
	ul ul					{ list-style: circle; }
	ul ul ul				{ list-style: square; }
	ol						{ list-style: decimal; }
	ol ol					{ list-style: decimal; }
	ol ol ol				{ list-style: decimal; }

	ol.none					{ list-style: none; }
	ol.custom				{ list-style: none; }
	ol.custom li			{ text-indent: -30px; }
	ol.custom li > span:first-child
							{ padding: 0 10px 0 0; color: #6eb312; }
	ol.custom.high li > span:first-child
							{ padding: 0 3px 0 0; }
							

/* Links */

	a						{ color: #6eb312; }
	a:visited				{ }
	a:focus,
	a:hover,
	a:active				{ color: #6eb312; }

	a.forwards				{ padding: 0 16px 0 0;
							  background: url(../images/layout/arrow_right.png) right no-repeat; }
	a.backwards				{ padding: 0 0 0 16px;
							  background: url(../images/layout/arrow_left.png) left no-repeat; }
	a.up					{ padding: 0 0 0 16px;
							  background: url(../images/layout/arrow_up.png) left no-repeat; }
	a.down					{ padding: 0 0 0 16px;
							  background: url(../images/layout/arrow_down.png) left no-repeat; }


/* Emphasised Text */

	em, i					{ font-style: oblique; }
	strong, b				{ font-weight: bold; }

/* Quotes */

	blockquote				{ font-style: oblique;
							  margin: 18px 0 0 0; padding: 0 30px 0 28px;
							  border-left: 2px solid #ccc; }
	blockquote > *:first-child
							{ margin-top: 0; }

	q						{ quotes: '\201C' '\201D' '\2018' '\2019'; }
	q:before				{ content: open-quote; }
	q:after					{ content: close-quote; }

/* Preformatted Text & Code */

	pre, code				{ font-size: 12px; line-height: 18px;
							  font-family: Consolas, "Courier New", Courier, monospace; }

	pre						{ margin: 18px 0 0 0; padding: 18px;
							  white-space: pre-wrap; white-space: -moz-pre-wrap;
							  white-space: -pre-wrap; white-space: -o-pre-wrap;
							  word-wrap: break-word;
							  background: #eee;
							  -moz-border-radius: 2px;
							  -webkit-border-radius: 2px; }

	code					{ padding: 0 0.3em; color: #fff;
							  background: #000; }
	pre.code				{ color: #fff;
							  background: #000; }
	pre.code code			{ padding: 0; }

/* Abbreviations */

	abbr					{ border-bottom: 1px dotted; cursor: help; }

/* Superscript & Subscript Text */

	sup 					{ vertical-align: super; vertical-align: 2px; }
	sub 					{ vertical-align: sub; vertical-align: -3px; }

/* Deleted & Inserted Text */

	del, strike				{ text-decoration: line-through; }
	ins, u 					{ text-decoration: underline; }

/* Other Text Styles */

	.small 					{ font-size: 12px; }
	.large 					{ font-size: 16px; }
	.note 					{ color: #999; }
	.error 					{ color: #ef003e; }

/* Images & Objects */

	img, object				{ border: 0; }

/* Tables */

	table					{ width: 100%; margin: 18px 0 0 0;
							  border-collapse: collapse; border-spacing: 0; }
	th, td 					{ line-height: 18px;
							  vertical-align: top;
							  padding: 4px 7px;
							  border: 0 solid #000; }
	th						{ font-weight: bold;
							  text-align: left; }

	thead th				{ color: #fff;
							  background: #000; }
	tfoot th, tfoot td		{ font-weight: bold;
							  border-top-width: 2px; }
	tbody th, tbody td		{ }

	tbody tr:hover th,
	tbody tr:hover td		{ background: #eee; }

	caption					{ font-size: 12px; line-height: 18px;
							  font-style: oblique; text-align: right;
							  margin: 0.5em 0 0 0;
							  caption-side: bottom; }

/* Figure */

	.figure					{ margin: 18px 0 0 0; width: 210px; }
	.figure img				{ display: block; }
	.figure p.legend		{ font-size: 12px;
							  font-style: oblique; text-align: right;
							  margin: 7px 0 0 0; }

/* Box */

	.box					{ margin: 18px 0 0 0; padding: 18px;
							  background: #eee;
							  -moz-border-radius: 2px;
							  -webkit-border-radius: 2px; }
	.box .details + p		{ margin-top: 0; }

/* Forms */

	form					{ }
	fieldset				{ margin: 0; padding: 0;
							  border: 0; }
	legend					{ display: none; }

	.form					{ margin: 0px 0 0 0; }
	.form > *:first-child 	{ margin-top: 0; }
	.form fieldset			{ margin: 10px 0 0 0; padding: 0; }
	.form h2				{ margin: 18px 0; }
	.form legend			{ font-size: 18px; line-height: 18px;
							  font-weight: bold; color: #000;
							  display: block;
							  margin: 1.05em 0 0 0; padding: 0; }
	.form legend span		{ }
	.form legend + *		{ margin-top: 0; }

	.form .control			{ overflow: hidden; margin: 0.5em 0 0 0; }
	.form p + .control		{ margin-top: 18px; }
	.form .mandatory		{ }
	.form .description		{ float: left; width: 140px; }
	.form .fields			{ margin: 0 0 0 150px; }
	.form .fields p			{ font-size: 12px;
							  margin: 7px 0 0 0; }

	.form label				{ display: block; }
	.form input + label		{ display: inline; padding: 0 8px 0 2px; }
	.form .asterisk			{ float: right; font-size: 18px; color: #ccc; font-weight: normal; }

	.form .actions			{ padding: 15px 0 0 0; background: transparent; text-align: center; }
	.form .actions legend	{ display: none; }

/* Inputs */

	input, button, select,
	textarea				{ font-size: 12px; line-height: 18px; font-family: sans-serif;
							  text-rendering: optimizeSpeed; }
	input[type=text],
	input.type_text,
	input[type=password],
	input.type_password,
	textarea,
	select					{ margin: 0; padding: 5px;
							  border: 1px solid #ccc;
							  -moz-border-radius: 2px;
							  -webkit-border-radius: 2px; }
	input[type=text]:focus,
	input.type_text:focus,
	input[type=password]:focus,
	input.type_password:focus,
	textarea:focus,
	select:focus			{ border-color: #6eb312; }
	select					{ padding: 4px; }
	input[type=file],
	input.type_file			{ margin: 0; }
	input[type=radio],
	input.type_radio,
	input[type=checkbox],
	input.type_checkbox 	{ margin: 0; vertical-align: -0.15em; font-size: 12px; }

	textarea.monospaced		{ font-family: Consolas, "Courier New", Courier, monospace; }
	optgroup				{ font-style: normal; font-weight: bold;
							  text-indent: 2px; }
	optgroup option			{ padding-left: 15px; }

	.size_liquid			{ width: 97%; }

	input.size_xxs			{ width: 3em; }
	input.size_xs			{ width: 6em; }
	input.size_s			{ width: 12em; }
	input.size_m			{ width: 18em; }
	input.size_l			{ width: 24em; }
	input.size_xl			{ width: 30em; }
	input.size_xxl			{ width: 36em; }

	textarea.size_xs		{ height: 42px; }
	textarea.size_s			{ height: 84px; }
	textarea.size_m			{ height: 168px; }
	textarea.size_l			{ height: 336px; }
	textarea.size_xl		{ height: 672px; }

/* Links */

	.links					{ padding: 0;
							  list-style: none;
							  border: solid #000; border-width: 2px 0; }
	.links ul				{ padding: 0 0 0 30px;
							  list-style: none; }
	.links li				{ border-top: 1px solid #eee; }
	.links > li:first-child	{ border-top: 0; }
	.links a				{ color: #000;
							  display: block;
							  padding: 4px 7px; }
	.links a:focus,
	.links a:hover,
	.links a:active,
	.links li.current > a	{ background: #eee; }
	.links li.active > a	{ font-weight: bold; }

/* Rule */

	.rule					{ border-top: 1px solid #ccc; margin: 20px 0 -1px 0; }
	.rule hr				{ display: none; }


/* UTILITIES */

/* Grid */

	.x						{ margin: 20px -10px 0 -10px; overflow: hidden; }
	.x:first-child			{ margin-top: 0; }

	.y						{ float: left; }
	.y > div				{ margin: 0 10px; }

	.y_1					{ width: 8.333%; }
	.y_2					{ width: 16.666%; }
	.y_3					{ width: 25%; }
	.y_4					{ width: 33.333%; }
	.y_5					{ width: 41.666%; }
	.y_6					{ width: 50%; }
	.y_7					{ width: 58.333%; }
	.y_8					{ width: 66.666%; }
	.y_9					{ width: 75%; }
	.y_10					{ width: 83.333%; }
	.y_11					{ width: 91.666%; }
	.y_12					{ width: 100%; }

	.y_l					{ width: 255px; }
	.y_r					{ width: 641px; }

/* Content */

	.c > *:first-child,
	.c > a > *:first-child,
	.c > .ba_lr:first-child + *,
	.c > .ba_rw:first-child + *
							{ margin-top: 0 !important; }

/* Text Alignment */

	.ta_c					{ text-align: center; }
	.ta_l					{ text-align: left; }
	.ta_r					{ text-align: right; }
	.ta_j					{ text-align: justify; }

/* Block Alignment */

	.ba_c					{ display: block;
							  margin-left: auto; margin-right: auto; }
	.ba_l					{ display: block;
							  margin-left: 0; margin-right: auto; }
	.ba_r					{ display: block;
							  margin-left: auto; margin-right: 0; }
	.ba_lw					{ display: block; float: left; clear: left;
							  margin-left: 0; margin-right: 18px; margin-bottom: 18px; }
	.ba_rw					{ display: block; float: right; clear: right;
							  margin-left: 18px; margin-right: 0; margin-bottom: 18px; }

/* Hidden */

	.p_yes					{ display: none; }


/* PAGE LAYOUT */

/* Body */

	html					{ height: 100%; }
	body					{ height: 100%; margin: 0 40px;
							  background: #5d5d5d url(../images/layout/bg.png) top repeat-x; }
	#top					{ min-height: 100%;
							  background: #fff; }
	#top > div				{ padding: 0 0 150px 0; }
	#bottom					{ margin: -150px 0 0 0; height: 150px; overflow: hidden; }
	#top, #bottom			{ width: 930px; margin-left: auto; margin-right: auto; position: relative; }

	#baseline				{ position: fixed; top: 0; right: 0; bottom: 0; left: 0;
						 	  background: url(../images/layout/baseline.png);
							  pointer-events: none; }

	body.mobile 			{ background: #fff; margin: 15px; }

/* Header */

	#header					{ padding: 9px 17px;
						  	  position: relative;
							  background: url(../images/layout/header_bg.png) top right no-repeat; }
	#header, #header a		{ color: #000; }

	#logo					{ display: block; }
	#title					{ font-size: 60px; line-height: 63px;
							  font-weight: bold; letter-spacing: -0.05em;
							  margin: 0; }
	#title a				{ text-decoration: none; }

/* Navigation */

	#nav					{ padding: 0 17px 17px 17px; overflow: hidden;
							  background: url(../images/layout/nav_shadow.png) bottom center no-repeat; }
	#nav ul					{ margin: 0; padding: 0; overflow: hidden;
							  list-style: none;
							  background: #90cb21 url(../images/layout/nav_bg.png) bottom repeat-x; }
	#nav li					{ display: block; float: left;
							  padding: 0; }
	#nav li:first-child		{ padding-left: 0; }
	#nav a					{ font-size: 14px; text-transform: uppercase;
							  color: #fff; text-decoration: none;
							  display: inline-block;
							  padding: 12px 16px; }
	#nav li:hover,
	#nav li.active			{ background: #181818 url(../images/layout/nav_bg_active.png) top repeat-x; }
	#nav a[href]:hover,
	#nav li.active a		{ background: url(../images/layout/nav_bg_active_arrow.png) top no-repeat; }

/* Breadcrumbs */

	#breadcrumbs p			{ font-weight: bold;
							  display: inline;
							  margin: 0; }
	#breadcrumbs ul			{ padding: 0; margin: 0;
							  list-style: none;
							  display: inline; }
	#breadcrumbs li			{ display: inline; }
	#breadcrumbs a			{ color: #000;
							  display: inline;}
	#breadcrumbs a[href]	{ padding: 0 16px 0 0;
							  background: url(../images/layout/arrow_right.png) right no-repeat; }

/* Main */

	#main					{ padding: 12px 17px 25px 17px; }
	#main > .x				{ overflow: visible; }

/* Sidebar */

	#sidebar				{ padding: 0 0 300px 0; }
	#sidebar ul				{ padding: 0; list-style: none;
							  margin-left: -17px; margin-top: 10px; }
	#sidebar li				{ background: url(../images/layout/sidebar_bg.png) top left no-repeat; }
	#sidebar a				{ text-decoration: none; font-size: 14px;
							  display: block;
							  padding: 10px 17px 8px 17px; }
	#sidebar ul ul			{ margin: 0 0 8px 17px; }
	#sidebar ul ul li		{ background: transparent; }
	#sidebar ul ul a		{ font-size: 12px; color: #999999;
							  padding: 0 0 0 10px; }

	#sidebar ul a[href]:focus,
	#sidebar ul a[href]:hover,
	#sidebar ul a[href]:active,
	#sidebar ul li.active a
							{ color: #333333; }
	#sidebar ul li.active ul a
							{ color: #999999; }
	#sidebar ul ul a[href]:focus,
	#sidebar ul ul a[href]:hover,
	#sidebar ul ul a[href]:active,
	#sidebar ul ul li.active a
							{ color: #333333; }
	#sidebar ul ul li.active a
							{ background: url(../images/layout/sidebar_arrow.png) 0 5px no-repeat; }

	#sidebar ul ul			{ display: none; }
	#sidebar ul li.active ul{ display: block; }

/* Testimonial */

	#testimonial			{ position: absolute; bottom: 150px; left: 0;
							  width: 235px; }
	#testimonial > div		{ margin: 0 17px -10px 17px;
							  background: url(../images/layout/testimonial_bg_top.png) top no-repeat; }
	#testimonial > div > div{ padding: 10px 12px 33px 12px; line-height: 16px; color: #fff;
							  background: url(../images/layout/testimonial_bg_bottom.png) bottom no-repeat; }
	#testimonial q			{ display: block; }
	#testimonial .quote		{ margin: 0; }
	#testimonial .cite		{ margin-top: 0.5em; font-weight: bold; }

/* Content */

	#content				{ }

/* Footer */

	#footer 				{ margin: 0; padding: 15px 17px; height: 116px;
							  background: #000;
							  border-top: 4px solid #6eb312; }
	#footer, #footer a		{ color: #999999; }

	#footer	p,
	#footer	li				{ font-size: 11px; line-height: 16px; }
	#footer em, #footer i	{ font-style: normal; color: #6eb312; }
	#footer	ul				{ padding: 0; list-style: 0; }

	.mobile-footer			{ border-top: 1px solid #ccc; padding-top: 10px; margin-top: 15px; padding-bottom: 15px; }

/* MEDIA PRINT */

@media print {
/* Hidden */

	#header,
	#footer,
	#sidebar,
	.p_no					{ display: none; }

/* Visible */

	.p_yes					{ display: block; }

/* Reset */

	body,
	#wrapper,
	#main,
	#content,
	#primary				{ display: block; float: none; clear: none; overflow: visible;
							  position: static; top: auto; right: auto; bottom: auto; left: auto;
							  width: auto; min-width: 0; max-width: none;
							  height: auto !important; min-height: 0; max-height: none;
							  margin: 0; padding: 0;
							  border: 0;
							  background: transparent; }
}