/* reset styles v1.0 (modified) - curtesy of eric meyer @ http://meyerweb.com/ - thank you eric */
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;}
a { outline: 0; text-decoration: none; color: #004691; }
a:hover { text-decoration: underline; }

/* global */
body {
	background-color: #fff;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 13px;
	line-height:18px;
	letter-spacing: 0.02em;
	color: #333333;
}
div#container {
	width: 955px;
	margin: 0 auto;
	position: relative;
}

#banner {
	position: relative;
	height: 330px;
	}
	
	h1 {
		width: 591px;
		height: 293px;
		background: transparent url('/img/h1.jpg') no-repeat 0 0;
		text-indent: -5000em;
	}

	ul.nav  {
		position: absolute;
		top: 0;
		right: 0;
		width: 330px;
		height: 330px;
		background: transparent url('/img/nav.jpg') no-repeat;
	}
	.nav li {display: inline;}
	.nav li a:link, .nav li a:visited {text-indent: -5000em; overflow: hidden; z-index: 10; }
	
	
	.nav .li-index a:link, .nav .li-index a:visited {position: absolute; left: 0; top: 220px; width: 110px; height: 110px; background: url('/img/nav.jpg') no-repeat 0 -220px;}
	.nav .li-index a:hover, .nav .li-index a:focus {background: url('/img/nav.jpg') no-repeat 0 -550px;}
	.nav .current-li-index a:link, .nav .current-li-index a:visited {position: absolute; left: 0; top: 220px; width: 110px; height: 110px; background: url('/img/nav.jpg') no-repeat 0 -880px;}
	
	
	.nav .li-training-courses a:link, .nav .li-training-courses a:visited {position: absolute; left: 110px; top: 220px; width: 110px; height: 110px; background: url('/img/nav.jpg') no-repeat -110px 220px;}
	.nav .li-training-courses a:hover, .nav .li-training-courses a:focus {background: url('/img/nav.jpg') no-repeat -110px -550px;}
	.nav .current-li-training-courses a:link, .nav .current-li-training-courses a:visited {position: absolute; left: 110px; top: 220px; width: 110px; height: 110px; background: url('/img/nav.jpg') no-repeat -110px -880px;}
	
	
	.nav .li-clinics a:link, .nav .li-clinics a:visited {position: absolute; left: 110px; top: 110px; width: 110px; height: 110px; background: url('/img/nav.jpg') no-repeat -110px -110px;}
	.nav .li-clinics a:hover, .nav .li-clinics a:focus {background: url('/img/nav.jpg') no-repeat -110px -440px;}
	.nav .current-li-clinics a:link, .nav .current-li-clinics a:visited {position: absolute; left: 110px; top: 110px; width: 110px; height: 110px; background: url('/img/nav.jpg') no-repeat -110px -770px;}
	
	
	.nav .li-how-jackie-works a:link, .nav .li-how-jackie-works a:visited {position: absolute; left: 220px; top: 110px; width: 110px; height: 110px; background: url('/img/nav.jpg') no-repeat -220px -110px;}
	.nav .li-how-jackie-works a:hover, .nav .li-how-jackie-works a:focus {background: url('/img/nav.jpg') no-repeat -220px -440px;}
	.nav .current-li-how-jackie-works a:link, .nav .current-li-how-jackie-works a:visited {position: absolute; left: 220px; top: 110px; width: 110px; height: 110px; background: url('/img/nav.jpg') no-repeat -220px -770px;}
	
	
	.nav .li-about a:link, .nav .li-about a:visited {position: absolute; left: 220px; top: 0; width: 110px; height: 110px; background: url('/img/nav.jpg') no-repeat -220px 0;}
	.nav .li-about a:hover, .nav .li-about a:focus {background: url('/img/nav.jpg') no-repeat -220px -330px;}
	.nav .current-li-about a:link, .nav .current-li-about a:visited {position: absolute; left: 220px; top: 0; width: 110px; height: 110px; background: url('/img/nav.jpg') no-repeat -220px -660px;}

	
	#contact {
		position: absolute;
		bottom: 0;
		left: 0;
		color: #333333;
		}
		ul#contact {
			float: left;
			margin: 10px 0 0 0;
		}
		ul#contact li {
			float: left;
			list-style:none;
			padding-left:50px;
			line-height:18px;
			/*background: transparent url('/img/bullet.gif') no-repeat 0 5px;*/
		}
		ul#contact a {
			color: #333333;
		}
		ul#contact a:hover {
			color: #0070C1;
		}
		#contact .enquiries {
			background: transparent url('/img/contact-email.png') no-repeat 0 0;
			padding: 10px 0 0 50px;
			margin: 0 15px 0 0;
			width: 265px;
			height: 24px;
			font-weight: bold;
			font-size: 14px;
		}
		#contact .callme {
			background: transparent url('/img/contact-tel.png') no-repeat 0 0;
			padding: 10px 0 0 50px;
			width: 106px;
			height: 24px;
			font-weight: bold;
			font-size: 14px;
		}
		
		

	
#content {
	clear: both;
	padding: 15px 0 0;
	}
	
	
	
	#training-courses #content, #clinics #content, #how-jackie-works #content, #about #content {
		margin-bottom: 25px;
	}
	
	div.no_col {
		/*width: 800px;*/
	}
	
	#content hr {
		border: 0;
		color: #84B798;
		background-color: #84B798;
		height: 1px;
		margin: 10px 0 25px;
	}
	
	#content p {
		padding: 0 0 15px;
	}
	
	#content a {
		color: #0185CD;
		text-decoration: underline;
	}
	
	#content h3 {
		font-size: 16px;
		color: #B30038;
		padding: 0 0 15px;
	}
	
	#content h4 {
		padding: 0 0 15px;
	}
	
	#content address {
		padding: 0 0 15px;
	}
	
	#content ul {
		margin: 0 0 15px;
	}
	#content ul li {
		margin: 0 0 3px 25px;
		list-style-type: disc;
	}
	
	#content_col_l {
		float: left;
		width: 470px;
		padding: 0 15px 0 0;
	}
	
	#content_col_r {
		padding: 0 0 0 485px;
	}
	
	#content .beeb_box, #content .beeb_box_alt {
		position: relative;
		float: left;
		background-color: #e6e6e6;
		margin-bottom: 15px;
		width: 470px;
		min-height:211px;
		height:auto !important;
		height:211px;
	}
	
	#content .beeb_box_alt {
		margin-left: 15px;
	}
	
	#content .beeb_box p, #content .beeb_box_alt p {
		padding: 10px 0 0 10px;
	}
	
	#content .pretty-hover {
		background-color: #f3f3f3;
		cursor: pointer;
	}
	
	#content img.beeb_box_img {
		float: right;
		margin: 0 0 0 10px;
		bottom: 0;
		right: 0;
	}
	
	#content .beeb_box_link_a a {
		position: absolute;
		z-index: 100;
		bottom: 0;
		left: 0;
		padding: 11px 70px 10px 10px;
		width: 210px;
		height: 39px;
		background: #CDDAD1 url('/img/beeb_box_link_a.gif') no-repeat right center;
		color: #0E8000;
		font-weight: bold;
		text-decoration: none;
	}
	#content .beeb_box_link_b a {
		position: absolute;
		z-index: 100;
		bottom: 61px;
		left: 0;
		padding: 11px 70px 10px 10px;
		width: 210px;
		height: 39px;
		background: #CDDAD1 url('/img/beeb_box_link_a.gif') no-repeat right center;
		color: #0E8000;
		font-weight: bold;
		text-decoration: none;
	}
	
	#content .beeb_box_link_a a:hover, #content .beeb_box_link_b a:hover {
		text-decoration: underline;
	}
	
	#content .beeb_box_link_a span, #content .beeb_box_link_b span {
		display: block;
		font-weight: normal;
	}
	
	#index #content h2 {
		width: 470px;
		height: 41px;
		text-indent: -5000em;
		}
		#content h2.h2-1 { background: #fff url('/img/h2-1.png') no-repeat 0 0; }
	#index #content h2 a {
		width: 470px;
		height: 41px;
		text-indent: -5000em;
		display: block;
		}
		#index #content h2.h2-2 a { background: #fff url('/img/h2-2.png') no-repeat 0 0; }
		#index #content h2.h2-2 a:hover { background: #fff url('/img/h2-2.png') no-repeat 0 -41px; }
		#index #content .pretty-hover h2.h2-2 a { background: #fff url('/img/h2-2.png') no-repeat 0 -41px; }
		#index #content h2.h2-3 a { background: #fff url('/img/h2-3.png') no-repeat 0 0; }
		#index #content h2.h2-3 a:hover { background: #fff url('/img/h2-3.png') no-repeat 0 -41px; }
		#index #content .pretty-hover h2.h2-3 a { background: #fff url('/img/h2-3.png') no-repeat 0 -41px; }
		#index #content h2.h2-4 a { background: #fff url('/img/h2-4.png') no-repeat 0 0; }
		#index #content h2.h2-4 a:hover { background: #fff url('/img/h2-4.png') no-repeat 0 -41px; }
		#index #content .pretty-hover h2.h2-4 a { background: #fff url('/img/h2-4.png') no-repeat 0 -41px; }
		#index #content h2.h2-5 a { background: #fff url('/img/h2-5.png') no-repeat 0 0; }
		#index #content h2.h2-5 a:hover { background: #fff url('/img/h2-5.png') no-repeat 0 -41px; }
		#index #content .pretty-hover h2.h2-5 a { background: #fff url('/img/h2-5.png') no-repeat 0 -41px; }
		#index #content h2.h2-6 a { background: #fff url('/img/h2-6.png') no-repeat 0 0; }
		#index #content h2.h2-6 a:hover { background: #fff url('/img/h2-6.png') no-repeat 0 -41px; }
		#index #content .pretty-hover h2.h2-6 a { background: #fff url('/img/h2-6.png') no-repeat 0 -41px; }

	#content h2 {
		font-size: 26px;
		line-height: 30px;
		color: #84b798;
		margin: 0;
		padding: 0 0 20px;
		font-weight: normal;
	}

	#about #content h2, #training-courses #content h2.heading, #clinics #content h2, #how-jackie-works #content h2 {
		width: 320px;
		height: 40px;
		text-indent: -5000em;
		margin: 25px 0 15px;
		}
		#about #content h2 { background: transparent url('/img/h2-who_we_are.png') no-repeat 0 0; }
		#training-courses #content h2.heading { background: transparent url('/img/h2-training_courses.png') no-repeat 0 0; }
		#clinics #content h2 { background: transparent url('/img/h2-clinics.png') no-repeat 0 0; }
		#how-jackie-works #content h2 { background: transparent url('/img/h2-how_jackie_works.png') no-repeat 0 0; }

	#content .next { padding: 20px 20px 0 0; margin: 0 0 0 15px; }
	#content .next a { font-size: 19px; background-color: #fff; display: inline-block; padding: 15px; color: #9391B4; text-decoration: none; }
	#content .next a:hover { background-color: #fff; color: #283471; text-decoration: underline;}
	
#footer {
	clear: both;
	width: 955px;
	margin: 0 auto;
	position: relative;
	/*background-color: #e6e6e6;*/
	text-align: center;
	padding: 20px 0;
	}
	#footer h2 {
		font-size: 16px;
		padding: 10px 0;
		color: #84B798;
	}

#footer_contact {
	color: #333333;
	text-align: left;
	}
	ul#footer_contact {
		margin: 10px 0 0 245px;
	}
	ul#footer_contact li {
		float: left;
		list-style:none;
		padding-left:50px;
		line-height:18px;
		/*background: transparent url('/img/bullet.gif') no-repeat 0 5px;*/
	}
	ul#footer_contact a {
		color: #333333;
	}
	ul#footer_contact a:hover {
		color: #0070C1;
	}
	#footer_contact .enquiries {
		background: transparent url('/img/contact-email.png') no-repeat 0 0;
		padding: 10px 0 0 50px;
		margin: 0 15px 0 0;
		width: 265px;
		height: 24px;
		font-weight: bold;
		font-size: 14px;
	}
	#footer_contact .callme {
		background: transparent url('/img/contact-tel.png') no-repeat 0 0;
		padding: 10px 0 0 50px;
		width: 106px;
		height: 24px;
		font-weight: bold;
		font-size: 14px;
	}
	#footer p {
		color: #737373;
		font-size: 13px;
		margin-top: 20px;
	}
	#footer p a {
		color: #737373;
	}


.copyright {
	text-align: right;
	font-size: 11px;
	
	padding: 0 0 20px;
	letter-spacing: 0.03em;
}
.copyright a {
	
}






/* misc */

.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
#content h3.pt30 { padding-top: 30px; }
#content h3.pb20 { padding-bottom: 20px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.imgr { float: right; padding: 0 0 15px 15px;}
.imgl { float: left; padding: 0 15px 15px 0;}

#content span.lightcolor {
	color: #9391B4;
}


.form_error li {
	font-weight: bold;
}

#contactContainer {
	padding: 0 0 0 15px ;
	font-weight: normal;
	text-align: left;
}
#contactContainer fieldset {margin:15px 0 0;}
#contactContainer label {font-weight:normal;display:block; color: #273370;}
	#contactContainer label span {
		font-weight:normal;
		color:#9391B4;
	}
#contactContainer .textfield {
	height:12px;
	padding: 5px;
	width:350px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:350px;
}
#contactContainer textarea {
	margin:7px 0 10px;
	padding: 5px;
	width:350px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:350px;
	overflow: auto;
}
.cf_areastoaddress {
	height:50px;
}
.cf_message {
	height:101px;
}
#contactContainer .submit {
	margin: 10px 0 10px;
	display: block;
}