/* Written for: The Kerslake Company | By: William Law, Brown Bear Art */

/* css reset
----------------------------------------------------------------------------------------------------*/

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}table{border-collapse:collapse;border-spacing:0}


/* 960.css
----------------------------------------------------------------------------------------------------*/

.container_12,.container_16{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,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}


/* Text
----------------------------------------------------------------------------------------------------*/

h2,h3,h4,h5,h6 {
	margin: 20px 10px 10px;
	line-height: 1.3em;
	font-family: Helvetica, sans-serif;
	color: #1d7fb8; }

h2 img,h3 img,h4 img,h5 img,h6 img {
	vertical-align: baseline;
	margin-bottom: -1px; }

h1 { font-size: 25px; text-align: right; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 14px; font-weight: normal; }
h5 { font-size: 14px; margin-bottom: 0; }
h6 { font-size: 14px; font-weight: normal; margin-bottom: 0; }

.slim {
	margin-bottom: 0; }
	
.small {
	line-height: 18px;
	font-size: 12px; }
.small hr {
	margin: 10px; } 

.center {
	text-align: center; }	
.justify p {
	text-align: justify; }
.right p, .right h2, .right h3, .right h4, .right h5, .right h6 {
	text-align: right; }

table {
	font-size: 12px; }
thead {
	font-weight: bold; }
thead td {
	border-bottom: 1px solid #aaa;
	color: #444; }
tbody tr:hover td {
	background: #f0f0f2;
	color: #000; }
td {
	color: #666;
	border-bottom: 1px solid #e7e7ea;
	padding: 8px 6px 8px; }
td:first-child {
	font-weight: bold; }



/* Spacing
----------------------------------------------------------------------------------------------------*/

ol { list-style: decimal; }
ul { list-style: square; }
li { margin-left: 30px; }

p,dl,ol,ul,pre,table,address,fieldset {
	margin: 0 10px 10px; }

.float-l {
	margin-right: 15px;
	float: left; }
.float-r {
	margin-left: 15px;
	float: right; }


/* basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font:				14px/20px Helvetica, sans-serif;
	background: 		#e7e7ea url(../images/background.png);
	color:				#555;
	margin:				0 auto; }

a:focus {
	outline:			1px dotted invert; }

a:link {
	color: #1d7fb8; }
a:hover {
	color: #38a2e1;	}
a:active {
	color: #1d7fb8;	}
a:visited {
	color: #1d7fb8;	}

#body a[href^="http:"] {
	background:			transparent url(../img/icon/external.png) no-repeat right center;
	padding:			2px 12px 0 0;
	margin:				0 1px 0 0; }

#body .b-black a[href^="http:"] {
	background-image:	url(../img/icon/external-white.png); }

#body a[href^="http:"].ext-img {
	background: none;
	padding: 0;
	margin: 0; }

hr {
	margin: 20px 10px;
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0; }

em, q {
	font-style: italic;
	color: #333;
	font-family: Georgia, serif;
	border-bottom: 1px dotted #ddd; }
em:hover, q:hover {
	color: #1e83bd; }

q:before {
	content:			"\201C"; }
q:after {
	content:			"\201D"; }


/* Header
----------------------------------------------------------------------------------------------------*/

#header { }

#header .container_12 {
	padding-top:	30px;
	background: transparent url(../images/swirl.png) 180px -70px no-repeat; }

#navigation {
	width: 688px; }

#navigation ul {
	margin: 0;
	padding: 10px 0 0; }
	
#navigation ul li {
	margin:				0;
	list-style:			none;
	float:				left; }

#navigation ul li img {
	margin: -2px 0 -3px -5px;
	vertical-align: text-top;
	padding: 0; }

#navigation ul li a {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px; 
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	font-size:			11px;
	font-weight:		bold;
	display:			block;
	background:			#ddd;
	color:				#888;
	text-decoration:	none;
	padding:			3px 15px;
	margin:				0 2px; }

#navigation ul li a:hover {
	background:			#ccc;
	color:				#444; }

#navigation ul .coaching-training a {
	padding:			3px 0 3px 15px; }

#navigation ul li ul {
	background:			#fff;
	padding:			0 0 2px;
	position: 			absolute;
	z-index:			3;
	left:				-999em }

#navigation ul .coaching-training {
	width:				10em; }
#navigation ul .coaching-training ul {
	width:				10em; }

#navigation ul .coaching-training ul li {
	width:				100%;
	display:			block;
	padding:			0;
	margin:				0;
	float:				none; }

#navigation ul .coaching-training ul li a {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	font-weight:		normal;
	background: 		#ddd;
	color:				#888;
	display: 			block;
	border-bottom:		0; }

#navigation ul .coaching-training ul li a:hover {
	background:			#ccc;
	color:				#444; }

#coaching-training #navigation ul .coaching-training ul li a {
	background: 		#fff;
	color:				#888; }

#coaching-training #navigation ul .coaching-training ul li a:hover {
	background:			#f0f0f2;
	color:				#444; }

#navigation ul li:hover ul {
	z-index: 5;
	left:				auto; }

#home li.home a, #coaching-training li.coaching-training a, #seminars li.seminars a, #about-us li.about-us a, #products li.products a, #faqs li.faqs a, #contact li.contact a {
	background:			#fff;
	border-bottom-color: #fff;
	color:				#444; }
#home li.home a:hover, #coaching-training li.coaching-training a:hover, #seminars li.seminars a:hover, #about-us li.about-us a:hover, #products li.products a:hover, #faqs li.faqs a:hover, #contact li.contact a:hover {
	background:			#fff;
	color:				#000;
	border-bottom-color: #fff; }	

#tagline {
	width: 232px; }

#location {
	padding-top: 5px;
	text-align: center;
	color: #fff; }


/* Content
----------------------------------------------------------------------------------------------------*/

#content {
	margin-bottom: 20px; }

#content .container_12 {
	padding-top: 2px;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; }

#content #maincol {
	margin-top: 8px;
	text-align: justify; }

.intro {
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;	
	padding: 0;
	color: #38a2e1;
	background: #f0f0f2; }

.intro h2 {
	margin-top: 15px; }
.intro p {
	font-size: 14px;
	line-height: 20px; }

.intro em {
	color: #1d7fb8; }
.intro em:hover {
	color: #222; }
	
.insert img {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 20px 10px; }
.insert.float-r img, .insert.float-l img {
	margin: 0; }


#divisions {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 10px 10px 5px;
	margin: 10px 0;
	background: url(../images/divisions.png) 0 0 repeat-y;
	font-size: 12px; }

#divisions h2 {
	font: italic 16px/1.2em Georgia, serif;
	margin: 0 -10px;
	padding: 0 15px;
	height: 2.6em; }

#divisions p {
	margin: 10px 5px; }

a.blocklink {
	display: block; 
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	text-decoration: none;
	background: #e7e7ea url(../images/findoutmore.png) bottom repeat-x;
	color: #444;
	border: 1px solid #aaa;
	padding: 4px 6px; }

a.blocklink:hover {
	text-decoration: underline;
	color: #000;
	border-color: #444; }

#divisions img {
	display: block;
	overflow: hidden;
	margin: -10px -10px 10px;
	border-bottom: 1px solid #fff; }

#divisions .alpha img {
	margin-left: -9px; }

.modules p {
	font-size: 12px; }


/* Products
----------------------------------------------------------------------------------------------------*/

.product {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	background: #fbfcfe url(../images/product.png) top repeat-x;
	border: 1px solid #d5e9f5;
	margin: 20px 10px 20px 0;
	padding: 10px 0 1px; }

.product h3 {
	margin: 0px 225px 10px 15px; }
.product p {
	margin: 10px 225px 10px 15px;
	font-size: 13px;
	line-height: 19px;
	padding: 0; }


.product h3 a:hover {
	color: #1d7fb8; }

.checkout li {
	list-style: none; }
.checkout li img {
	margin: 0 0 -3px -20px; }	

.product .info {
	border-left: 1px solid #eee;
	padding-left: 10px;
	margin-left: 10px;
	width: 200px;
	overflow: hidden;
	display: block;
	float: right; }

.product .info p {
	color: #aaa;
	margin: 5px 0 10px;
	padding: 0; }

.product .info p span {
	color: #1d7fb8; }

.product form input, #products .link {
	float: right;
	margin: -2px 10px 0 0; }

dl {
	margin: 5px 0;
	font-size: 12px; }
dl img {
	margin: 0 4px -3px -20px; }
dt {
	font-weight: bold;
	float: left;
	display: block; }
dd {
	display: block;
	margin-left: 90px; }

.success {
	margin-top: 80px; 
	margin-bottom: 80px; }

#content.article .container_12 {
	background: #fff url(../images/bg-article.png) center top no-repeat; }

/* Side
----------------------------------------------------------------------------------------------------*/

#content #side {
	margin: 0 10px 0 0;
	width: 230px;
	font-size: 12px; }

#side h2, #side h3,#side h4,#side h5,#side h6 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	margin: 20px 10px 10px;
	padding: 3px 5px;
	line-height: 1.3em;
	font-family: Helvetica, sans-serif;
	background: #f0f0f2;
	color: #555; }

#side h2 a, #side h3 a,#side h4 a,#side h5 a,#side h6 a {
	display: block;
	text-decoration: none; }
#side h2 a:hover, #side h3 a:hover,#side h4 a:hover,#side h5 a:hover,#side h6 a:hover {
	text-decoration: none; }

#side p {
	margin: 0 15px 10px; }


.twtr-doc {
	margin: 0 10px; }

a.twtr-join-conv {
	font-size: 10px; }

.twtr-hd, .twtr-ft {
	display: none; }

#side .twtr-doc h2,#side .twtr-doc h3,#side .twtr-doc h4 {
	background: inherit;
	color: inherit; }

#successstories, .block {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: 10px;
	border: 1px solid #ccc;	
	padding: 9px 10px;
	background: #f0f0f2; }
#products .block {
	margin: 20px 10px 20px 0; }

#products .block h3 span, #products .product h3 span {
	font-weight: normal;
	margin-right: 5px;
	color: #ff8a2d;
	font-style: italic; }

#successstories h3 {
	margin: 0 10px 10px; }
.block h3, .block h4, .block h5, .block h6 {
	margin-top: 5px; }

#successstories p, .block p {
	margin: 0;
	padding: 0 10px 10px; }
#successstories p {
	font: italic 13px/18px Georgia, serif;
	background: url(../images/quote.png) left top no-repeat; }

#successstories p span {
	color: #1d7fb8;
	font-style: normal;
	font-family: Helvetica, sans-serif;
	display: block;
	padding-top: 3px; }
	
#successstories .morestories {
	font-style: normal;
	background-image: none; }


/* Footer
----------------------------------------------------------------------------------------------------*/

#footer {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	background: url(../images/footer.png) bottom repeat-x;
	border: 1px solid #fff; 
	margin: 15px -10px 0 0;
	padding: 10px 9px 8px;
	font-size: 12px;
	color: #ddd;
	text-align: center; }
	
#footer p {
	margin: 0; }
#footer a {
	color: #888; }
#footer a:hover {
	color: #444; }

#footer span {
	color: #888;
	margin: 0 5px; }


/* mootools maskslide
----------------------------------------------------------------------------------------------------*/

#box1, #box2 {
	position:absolute;
}
#box1 span, #box2 span {
	display:block;
	float:left;
}

.slidemask1, .slidemask2 {
	position:relative;
	overflow:hidden;
}
.slidemask1 {
	padding-left: 20px;
	width: 147px;
	height: 37px; }
.slidemask2 {
	float: left;
	border-right: 1px solid #ccc;
	margin-right: 20px;
	width: 250px;
	height: 250px; }

span img {
	display:block;
	border:none; }
