/* CSS for resaturate.com */

/* Layout */

body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #333;
	height: 100%;
}

#centred {
	width: 746px;
	padding-top: 15px;
	margin: 0px auto 0px auto;
}

#column_left {
	width: 140px;
	float: left;
}

#marque_area {
	height: 120px;
	border-bottom: 1px solid #e9e9e9;
}

#nav_separator {
	height: 75px;
}

#copyright {
	padding-top: 80px;
	line-height: 1.2em;
	border-top: 1px solid #e9e9e9;
}

#column_left_divider {
	width: 26px;
	height: 300px;
	float: left;
}

#column_right {
	width: 580px;
	float: left;
}

#top_bar {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 120px;
	border-bottom: 1px solid #e9e9e9;
}

#strapline {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 30px;
	text-align: right;
}

#title {
	padding: 0px 0px 0px 0px;
	margin: 70px 0px 0px 0px;
}

#column_inner_left {
	padding: 12px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 400px;
	float: left;
}

#column_inner_divider {
	padding: 12px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 20px;
	height:200px;
	float: left;
}

#column_inner_right {
	padding: 12px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 160px;
	float: left;
}

#cta_left {
	padding: 0px 6px 0px 0px;
	margin: 10px 0px 0px 0px;
	width: 178px;
	height: 80px;
	border-right: 1px solid #e9e9e9;
	float: left;
}

#cta_right {
	padding: 0px 0px 0px 12px;
	margin: 10px 0px 0px 0px;
	width: 200px;
	float: left;
}

.text_block {
	width: auto;
}

.rule {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #e9e9e9;
}

.rule_dark {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #999;
}

.folio_logo {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 158px;
	float: left;
}

.folio_text {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 210px;
	float: left;
}

.pad_16 {
	padding-top: 16px;
}

.clear { clear: both; }

ul.list_standard {
	padding-left: 16px;
	font-size: 1.1em;
}

ul.list_standard_after_h3 {
	margin-top: 0px;
	padding-left: 16px;
	font-size: 1.1em;
}

.centre { text-align: center; }

/* Text */

p {
	padding: 0px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 1.1em;
	line-height: 1.5em;
}

p.pad_top{
	padding-top: 8px;
}

.grey_light { 
	color: #a7a7a7;
	font-size: 1em;
}

.grey_lighter {
	color: #d9d9d9;
	font-size: 1em;
}

h1 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.3em;
}

h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #727272;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.3em;
}

h3 {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.3em;
}


/* Nav Lists */

#nav_main{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

#nav_main li.no_link {
	padding: 7px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 18px;
	text-indent: 5px;
	display: block;
	border-bottom: 1px solid #e9e9e9;	
}

#nav_main li a {
	padding: 7px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 18px;
	text-indent: 5px;
	display: block;
	border-bottom: 1px solid #e9e9e9;	
}

#nav_sub{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

#nav_sub li a {
	padding: 7px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 18px;
	text-indent: 5px;
	display: block;
	border-top: 1px solid #e9e9e9;	
}

li a:hover {
	background-color: #efefef;
}

#nav_main li.active_page {
	padding: 7px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 1.1em;
	height: 18px;
	text-indent: 5px;
	display: block;
	border-bottom: 1px solid #e9e9e9;
	color: #fff;
	background: #f90;
}

#nav_main li.active_page_on {
	background: #f90;
}

#nav_sub li.active_page {
	padding: 7px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 18px;
	text-indent: 5px;
	display: block;
	border-top: 1px solid #e9e9e9;
	color: #fff;
	background: #f90;
}

/* Links */

img { border: 0px; }

/* ------ */

a.text:link {
	color: #f90;
	text-decoration: none;
	border-bottom:1px dotted #f90;
}

a.text:visited {
	color: #f90;
	text-decoration: none;
	border-bottom:1px dotted #f90;
}

a.text:hover {
	color: #999;
	text-decoration: none;
	border-bottom:1px dotted #999;
}

/* ------ */

a.link_right:link {
	color: #f90;
	text-decoration: none;
}

a.link_right:visited {
	color: #f90;
	text-decoration: none;
}

a.link_right:hover {
	color: #999;
	text-decoration: none;
}

/* ------ */

a.link_primary:link {
	font-size: 1.1em;
	color: #333;
	text-decoration: none;
}

a.link_primary:visited {
	font-size: 1.1em;
	color: #333;
	text-decoration: none;
}

a.link_primary:hover {
	font-size: 1.1em;
	color: #666;
	text-decoration: none;
}

/* ------ */

a.link_active_on:link {
	color: #fff;
	text-decoration: none;
}

a.link_active_on:visited {
	color: #fff;
	text-decoration: none;
}

a.link_active_on:hover {
	color: #333;
	text-decoration: none;
}

/* ------ */

a.link_secondary:link {
	font-size: 1.1em;
	color: #999;
	text-decoration: none;
}

a.link_secondary:visited {
	font-size: 1.1em;
	color: #999;
	text-decoration: none;
}

a.link_secondary:hover {
	font-size: 1.1em;
	color: #666;
	text-decoration: none;
}

/* ------ */

a.link_cta:link {
	color: #f90;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

a.link_cta:visited {
	color: #f90;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

a.link_cta:hover {
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

/* Form */

form { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width: 400px; }

.label, label {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 120px;
	float: left;
	font-size: 1.1em;
}

.input { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width: 270px; height: 16px; float: left; }
textarea { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; margin-top: 6px; width: 400px; height: 200px; }
#button { margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; text-align: right; }

#error { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width: 300px; color: #c00; }

ul.list_error { margin-top: 0px; }


/* Other */

.in_content { padding-left: 5px; float: right; }

.job_type {
	padding: 0px 3px 0px 3px;
	margin: 0px 0px 0px 0px;
	display: inline;
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
	background-color: #ccc;
}

.job_type_p { padding:8px; color: #666; background-color: #f9f9f9; }
.key_title { width: 40px; float: left; font-weight: bold; }
.key_types { float: left; }