/* @override 
	http://localhost/wordpress/engagem/wp-content/themes/engagem/style.css
	http://192.168.1.10/wordpress/engagem/wp-content/themes/engagem/style.css
	http://dev.liquid24.com/engagem.co.uk/wp-content/themes/engagem/style.css
	http://www.engagem.co.uk/wp-content/themes/engagem/style.css
*/

/*
Theme Name: EngageM Theme
Theme URI: http://www.engagem.co.uk
Description: Theme developed by Liquid24 Specially for EngageM
Author: Liquid24
Author URI: http://www.liquid24.com
*/


/* @group Resets & Layouts */

/*
YUI CSS RESET
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
YUI CSS FONTS
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
YUI CSS BASE
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/*
VARIABLE GRID SYSTEM
Licensed under GPL and MIT.
*/
.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/*
FORMTASTIC

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

--------------------------------------------------------------------------------------------------*/


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }


/* SEMANTIC ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic ul.errors { color:#cc0000; margin:0.5em 0 1.5em 25%; list-style:square; }
form.formtastic ul.errors li { padding:0; border:none; display:list-item; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset > ol > li { display: inline-block; }
form.formtastic fieldset > ol > li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset > ol > li { display: block; }
* html form.formtastic fieldset > ol > li { height: 1%; }

form.formtastic fieldset > ol > li.required { }
form.formtastic fieldset > ol > li.optional { }
form.formtastic fieldset > ol > li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset > ol > li > li label { line-height:100%; padding-top:0; }
form.formtastic fieldset > ol > li > li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li fieldset { position:relative; }
form.formtastic fieldset > ol > li fieldset legend { position:absolute; width:25%; padding-top:0.1em; }
form.formtastic fieldset > ol > li fieldset legend span { position:absolute; }
form.formtastic fieldset > ol > li fieldset legend.label label { position:absolute; }
form.formtastic fieldset > ol > li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset > ol > li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset > ol > li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset > ol > li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.string input { width:74%; }
form.formtastic fieldset > ol > li.password input { width:74%; }
form.formtastic fieldset > ol > li.numeric input { width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset > ol > li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.radio { }
form.formtastic fieldset > ol > li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset > ol > li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset > ol > li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset > ol > li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.check_boxes { }
form.formtastic fieldset > ol > li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset > ol > li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset > ol > li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset > ol > li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset > ol > li.date fieldset ol li,
form.formtastic fieldset > ol > li.time fieldset ol li,
form.formtastic fieldset > ol > li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset > ol > li.date fieldset ol li label,
form.formtastic fieldset > ol > li.time fieldset ol li label,
form.formtastic fieldset > ol > li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset > ol > li.date fieldset ol li label input, 
form.formtastic fieldset > ol > li.time fieldset ol li label input, 
form.formtastic fieldset > ol > li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }



/* @end */

/*
ENGAGEM WEBSITE
Copyright (c) 2010, Liquid24. All rights reserevd.
*/
/*@font-face {
	font-family: 'Jura';
	src: url('fonts/jura.eot');
	src: local('Jura'), url('fonts/jura.woff') format('woff');
	src: url('fonts/jura.ttf') format('truetype');
}*/

form.formtastic fieldset.inputs ol li input, form.formtastic fieldset.inputs ol li textarea{
	border:1px solid #39b54a;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

form.formtastic fieldset.buttons ol li input, a.link-button {
	background-color: #c1c1c1;
	color: #4c4c4c;
	border-width: 0;
	padding: 7px 15px;
	font-size: 150%;
	-webkit-transition-property: color background-color border-color;
	-moz-transition-property: color background-color border-color;
	transition-property: color background-color border-color;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor: pointer;
	
}

form.formtastic fieldset.buttons ol li input:hover, alink-button:hover {
	
	background-color: #39b54a;
	color: white;
}

a {
	color: #48a655;
	text-decoration: none;
	-webkit-transition-property: color, background-color;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: color, background-color;
	-moz-transition-duration: 0.5s;
	transition-property:color, background-color;
	transition-duration: 0.5s;
	background-color: white;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

a:hover {
	color: white;
	background-color: #48a655;
}

blockquote {
	margin: 0;
	padding: 0;
	font: 150% Georgia, "Times New Roman", Times, serif;
	color: #515151;
}

blockquote span.name {
	color: #cacaca;
	font: italic 50% "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-left: 10px;
}

#hd {
	border-bottom: 2px dotted #cbcbcb;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#logo {
	overflow: hidden;
	margin-top: 20px;
}

#logo a {
	background-color: white;
	display: block;
	float: left;
}

#nav {
	font-size: 121.43%;
}

#nav .cta {
	float: right;
	font-weight: bold;
	display: block;
}

#nav .cta {
	float: right;
	font-weight: bold;
	display: block;
}

#nav .cta a  {
	padding: 6px 40px 5px;
	color: white;
	display: block;
	background: url(images/CTA.gif) no-repeat center bottom;
	-webkit-border-radius:0px;
	-moz-border-radous:0px;
	border-radius:0px;
}

#nav ul {
	float: right;
	margin: 60px 0 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	width: 675px;
	clear: both;
}

#nav ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

#nav ul li a {
	font-weight: bold;
	color: #48a655;
	background-color: white;
	display: block;
	padding: 5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

#nav ul li a:hover {
	background-color: #48a655;
	color: white;
}

#stage {
	height: 500px;
	-webkit-border-radius:10px;
}

#stage ul {
	margin: 0;
	padding: 0;
	width: 940px;
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	-webkit-border-radius:10px;
}

#stage ul li {
	list-style-type: none;
	width: 900px;
	margin-right: 40px;
	position: absolute;
	float: left;
	top: 0;
	left: 0;
	height: 100%;
	color: white;
}

#stage ul li h2 {
	font: normal 300% Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
	margin-bottom: 20px;
}

#stage ul li a {
	color: white;
	background-color: transparent;
}

#stage ul li a.read-more {
	font: 135.71% Georgia, "Times New Roman", Times, serif;
	text-align: right;
	display: block;
}

#stage ul li a.tab {
	position: absolute;
	top: 0;
	left: 100%;
	width: 50px;
	height: 210px;
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	margin-left: -10px;
	margin-top: -1px;
}

#stage ul li img.illustration {
	float: left;
}

#stage ul li div.text {
	width: 400px;
	position: absolute;
	bottom: 0;
	margin-bottom: 20px;
	margin-right: 20px;
	display: block;
	right: 0;
}

#stage ul li.coaching_tab {
	z-index: 3;
	background-image: url(images/BgTabCoaching.png);
	position: absolute;
}

#stage ul li.training_tab {
	background-image: url(images/BgTabSales.png);
	position: absolute;
	z-index: 2;
}

#stage ul li.curriculum_tab {
	z-index: 1;
	background-image: url(images/BgTabDesign.png);
	left: 0;
	position: absolute;
}

#stage ul li.coaching_tab a.tab {
	background-image: url(images/BgHeaderCoaching.gif);
	
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 3;
}

#stage ul li.training_tab a.tab {
	background-image: url(images/BgHeaderSales.gif);
	top: 145px;
	position: absolute;
	left: 100%;
	z-index: 2;
}

#stage ul li.curriculum_tab a.tab {
	background-image: url(images/BgHeaderDesign.gif);
	top: 291px;
	left: 100%;
	position: absolute;
	z-index: 1;
}

#stage ul li.curriculum_tab img.illustration {
	margin-left: -1px;
}

#blog {
	margin-top: 20px;
	border-top: 2px dotted #cbcbcb;
}

#blog_ft {
	border-top: 2px dotted #cbcbcb;
}

#blog_ft ul {
	margin: 0;
	padding: 0;
	float: right;
}

#blog_ft ul li {
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
}

#blog_ft ul li a {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	padding: 5px;
	font-size: 150%;
}

#blog_ft {
	
}

ol.posts {
	margin: 0;
	padding: 0;
}

ol.posts li.post {
	margin-right: 10px;
	float: left;
	width: 460px;
	list-style-type: none;
	margin-left: 0;
}

ol.posts li.post:last-child {
	margin-left: 10px;
	margin-right: 0;
}

.post .head {
	margin-bottom: 20px;
}

.post .head h3 {
	font-size: 150%;
	margin-bottom: 0;
}

.post .head h3 a {
	padding: 5px 10px;
	margin-left: -10px;
	display: inline-block;
	margin-right: -10px;
}

.post .head abbr {
	font-weight: bold;
	border-bottom-style: none;
}

.post .foot {
	border-top: 2px dotted #cbcbcb;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}

.post .foot a {
	padding: 2px 5px;
	display: inline-block;
}

.grid_6 img {
	float: right;
}

ol.posts li.post.empty {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 150%;
	width: 98%;
	text-align: center;
}

div.loading {
	font-size: 150%;
	padding: 10px 10px 10px 40px;
	margin-bottom: 10px;
	margin-top: 10px;
	color: white;
	background: #48a655 url(images/loading.gif) no-repeat 5px center;
}

.page .clearfix {
	margin-bottom: 20px;
}

.page h2 {
	margin-top: 0;
	margin-bottom: 10px;
}

.page .head {
	margin-top: 300px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	color: white;
}

.page .head .alpha {
	margin-top: -300px;
}

.page .head .alpha img {
	margin-left: 20px;
}

.page blockquote.bigquote {
	padding: 60px 110px;
	font-size: 200%;
	line-height:100%;
	margin: -30px 0 0;
	height: 100px;
	color: white;
}

.page .omega h1 {
	font-size: 300%;
	line-height: 50px;
	margin-top: -50px;
	margin-bottom: 0;
	color: black;
}

.page .omega .summery {
	margin-right: 10px;
	margin-top: 10px;
}

.page .grid_4.editable {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.page .grid_4.editable h2{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.page a.link-button {
	float: right;
}

.page.coaching .head {
	background-color: #9f185d;
	height: 200px;
}

.page.coaching blockquote.bigquote {
	background: url(images/BgQuoteCoaching.png) no-repeat center center;
}

.page.coaching .omega h1 {
	color: #9f185d;
}

.page.coaching a.link-button {
	background-color: #9f185d;
	color: white;
}

.page.coaching a:hover.link-button {
	background-color: #d11f7b;
	color: white;
}

.page.coaching .grid_4 {
	background-color: #ffd8ec;
	color: #9f185d;
}

.page.training .head {
	background-color: #12abe1;
	height: 200px;
}

.page.training blockquote.bigquote {
	background: url(images/BgQuoteSales.png) no-repeat center center;
}

.page.training .omega h1 {
	color: #12abe1;
}

.page.training a.link-button {
	color: white;
	background-color: #12abe1;
}

.page.training a:hover.link-button {
	color: white;
	background-color: #14c0ff;
}

.page.training .grid_4 {
	background-color: #e5f8ff;
	color: #12abe1;
}

.page.curriculum .head {
	background-color: #663191;
	height: 200px;
}

.page.curriculum .head .illustration {
	margin-left: 0;
	margin: 0;
}

.page.curriculum blockquote.bigquote {
	background: url(images/BgQuoteDesign.png) no-repeat center center;
}

.page.curriculum .omega h1 {
	color: #663191;
}

.page.curriculum a.link-button {
	background-color: #663191;
	color: white;
}

.page.curriculum a:hover.link-button {
	background-color: #8a42c4;
	color: white;
}

.page.curriculum .grid_4 {
	background-color: #edd8ff;
	color: #663191;
}

#nav ul li, #blog_ft ul li {
	padding: 0 0 0 10px;
	background: url(images/slash.gif) no-repeat left center;
}

#nav ul li.first, #nav ul li:first-class, #blog_ft ul li:first-child {
	background: none;
}

#ft {
	font-size: 85.71%;
	color: #4c4c4c;
	border-top: 2px dotted #cbcbcb;
	margin-top: 20px;
	padding-bottom: 20px;
}

#ft h3 {
	margin-top: 10px;
	margin-bottom: 0;
	color: black;
}

#ft .grid_3.alpha p {
	margin-bottom: 10px;
}

#ft p {
	margin: 0;
}

#ft .networking strong {
	float: left;
	display: block;
	width: 45px;
}

#ft .sitemap ul {
	margin: 0;
	padding: 0;
}

#ft .sitemap ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#ft .sitemap ul li a {
	color: #4c4c4c;
}

#ft .grid_3.omega {
	padding-top: 90px;
}