/*
Site Name: Ellis Training
Version: 1.0
Author: Peter Mansell & Andy Pearson
Author URI: http://www.binamic.co.uk
Date: 13/10/09
Time: 12:29:00
*/

body {
	color:#333;
	font:62.5%/1.5 Helvetica, Arial, sans-serif;
	background-color:#b0c4d7;
}
h1,
h5 {
	font-size:3.6em;
	color:#3d5e89;
	font-weight:bold;
	line-height:1.1;
	padding:0 0 20px;
}
h2,
h6 {
	font-size:2.2em;
	color:#3d5e89;
	font-weight:bold;
	line-height:1.1;
	padding:16px 0 6px;
}
h3 {
	font-size:1.7em;
	color:#6e93b6;
	font-weight:bold;
	line-height:1.1;
	padding:10px 0;
}
h4 {
	font-size:1.3em;
	color:#6e93b6;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px 0 0;
}
p {
	font-size:1.3em;
	line-height:1.6;
	padding-bottom:10px;
}
a {
	color:#3d5e89;
	text-decoration:none;
	border-bottom:2px solid #d7e1eb;
}
a:hover {
	color:#000;
	border-color:#000;
}
ul,
ol {
	font-size:1.3em;
	padding:0 24px 10px;
}
ul { list-style:disc; }
ol { list-style:decimal; }

ul ul,
ul ol,
ol ul,
ol ol {
	padding-bottom:0;
	font-size:1em;
}

img { display:block; }

pre {
	clear:both;
	margin-top:36px;
	font-size:1.2em;
	line-height:1.4;
	color:#e2e1dc;
	background-color:#232323;
	border:3px solid #1c1c1c;
	padding:15px;
	overflow:auto;
	font-family:"Monaco", "Courier New", Courier;
}


/*
---- Structure
*/
.container {
	width:720px;
	margin:0 auto;
	padding:0 20px;
}
#page {
	background:#fff url(../images/backgrounds/page.gif) repeat 0 21px;
	padding-bottom:40px;
}
#page .t { background:transparent url(../images/backgrounds/page-top.gif) repeat-x top left; }


/*
---- Header
*/
#header {
	padding:30px 0 24px;
}
	#header h1,
	#header h2,
	#header h5,
	#header h6,
	#header p {
		font-size:1.1em;
		float:left;
		text-indent:-99999px;
		overflow:hidden;
		padding:0;
	}
	#header a {
		display:block;
		width:480px;
		height:90px;
		border:none;
		background:transparent url(../images/ellis-training.gif) no-repeat top left;
	}
	#header p {
		float:right;
		padding:0;
		width:210px;
		height:90px;
		background:transparent url(../images/cool.gif) no-repeat top left;
	}

/*
---- Navigation
*/
#navigation {
	padding-bottom:20px;
	float:left;
}
#navigation ul {
	background:#849eb7;
	list-style:none;
	padding:0;
	float:left;
	width:720px;
	height:54px;
	font-size:1.6em;
	font-weight:bold;
}
#navigation li {
	float:left;
}
#navigation a {
	display:block;
	float:left;
	width:120px;
	border:none;
	line-height:54px;
	text-align:center;
	color:#1e476d;
	text-shadow:rgba(255,255,255,0.7) 0 1px 0;
	background:#849eb7 url(../images/backgrounds/nav.png) no-repeat -120px 0;
}
#navigation a:hover {
	background:#c5d5e3 url(../images/backgrounds/nav.png) no-repeat -120px -54px;
}
#navigation a.current {
	color:#1c3a01 !important;
	background:#64c70d url(../images/backgrounds/nav.png) no-repeat -120px -108px !important;
}

#navigation .first a { background-position:0 0; }
#navigation .first a:hover { background-position:0 -54px; }
#navigation .first a.current { background-position:0 -108px !important; }

#navigation .last a { background-position:-240px 0; }
#navigation .last a:hover { background-position:-240px -54px; }
#navigation .last a.current { background-position:-240px -108px !important; }


/*
---- Content
*/
#content,
#home-content {
	float:left;
	padding:6px 0 20px;
	background:transparent url(../images/backgrounds/content-t.gif) no-repeat top left;
}
#content .b,
#home-content .b { float:left; padding-bottom:6px; background:transparent url(../images/backgrounds/content-b.gif) no-repeat bottom left; }
#content .c,
#home-content .c { float:left; background:#fff url(../images/backgrounds/content-c.gif) repeat-y top left; width:720px; }
#content .g { float:left; background:transparent url(../images/backgrounds/content-g.gif) no-repeat top left; width:720px; }

#main-content {
	padding:30px 22px;
	float:right;
	width:456px;
}

#home-content { padding-bottom:20px; background-image:url(../images/backgrounds/home-content-t.gif); }
#intro { padding:14px 0 4px 22px; float:left; width:444px; }
#additional-content { padding:14px 22px 14px 0; float:right; width:204px; }


/*
---- Sub Navigation
*/
#sub-navigation {
	margin:30px 0 30px;
	padding-left:22px;
	float:left;
	width:182px;
}
#sub-navigation ul {
	list-style:none;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.1;
	clear:both;
	float:left;
	margin-bottom:20px;
}
#sub-navigation ul li {
	float:left;
	padding-bottom:2px;
}
#sub-navigation ul a {
	color:#1c3a01;
	float:left;
	display:block;
	background-color:#85de35;
	border:none;
	padding:8px 6px 6px;
	width:170px;
	-khtml-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#sub-navigation ul a:hover {
	border:1px solid #85de35;
	padding:7px 5px 5px;
	background-color:#fff;
}
#sub-navigation ul a.current {
	background-color:#56af07 !important;
	color:#fff !important;
	padding:8px 6px 6px;
	border:none;
}
#sub-navigation ul ul {
	font-size:1em;
	width:182px;
	padding-bottom:12px;
	padding-top:6px;
}
#sub-navigation ul ul li {
	border-top:1px solid #b0c4d7;
	padding:0;
}
#sub-navigation ul ul li.first {
	border:none;
}
#sub-navigation ul ul a {
	-khtml-border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	border:none !important;
	background:transparent !important;
	padding:6px 6px 4px!important;
	color:#3d5e89;
}
#sub-navigation ul ul a:hover,
#sub-navigation ul ul a.current {
	color:#000 !important;
	background-color:transparent !important;
}

/* Additional Levels */
#sub-navigation ul ul ul {
	border-top:1px solid #b0c4d7;
	padding:0;
}


/*
---- Footer
*/
#footer {
	background:#b0c4d7 url(../images/backgrounds/footer.gif) repeat-x top left;
}
#footer .container div {
	float:left;
	width:100%;
	padding:18px 0;
}
#footer ul {
	float:left;
	list-style:none;
	padding:0 12px;
	line-height:1.1;
	font-size:1.1em;
}
#footer li {
	float:left;
	border-right:1px solid #8ca4bf;
	padding:0 6px;
}
#footer li.first { padding-left:0; }
#footer li.last { border-right:none; }

#footer p {
	float:right;
	padding:0 12px;
	color:#5f7ca0;
	line-height:1.1;
	font-size:1.1em;
}
#footer a { color:#5f7ca0; border:none; }
#footer a:hover { color:#000 !important; }

#footer .container .nav { padding-top:36px; border-bottom:2px solid #d8e2eb; }
#footer .container .nav ul,
#footer .container .nav p { color:#3d5e89; font-size:1.3em; }
#footer .container .nav a { color:#3d5e89; }

#footer .logos { padding:40px 0 60px !important; }
#footer .logos ul { padding:0; }
#footer .logos li { border:none; padding:0 2px 0 0; !important; }

#footer .company { padding-top:0 !important; }
#footer .company p { float:left; text-align:left; line-height:1.5; padding-left:0; }

/* 
---- Comments
*/
div.comment-block {
	padding:10px 0;
}
	div.comment-block div.post {
		float:left;
		width:25%;
		padding-top:10px;
	}
	div.comment-block div.comment {
		float:left;
		width:74%;
		padding-top:10px;
		border-left:2px solid #CCCCCC;
	}
		div.comment-block div.comment p,
		div.comment-block div.post p {
			padding:0 0 1em 20px;
		}
		div.comment-block div.post h5 { padding:0 5px 0 0; font-size:1.2em; }
		div.comment-block div.post p { padding:0 5px 0 0; }
		div.comment-block div.post p span { font-size:0.85em; color:#6E93B6; }
		div.comment-block div.comment a {
			margin-right:10px;
		}


/*
---- Home Banner
*/
#home-banner {
	float:left;
	clear:both;
	padding:6px 0 20px;
	background:transparent url(../images/backgrounds/home-banner-t.gif) no-repeat top left;
}
#home-banner .b { float:left; padding-bottom:6px; background:transparent url(../images/backgrounds/home-banner-b.gif) no-repeat bottom left; }
#home-banner .c { float:left; background:transparent url(../images/backgrounds/home-banner-c.gif) repeat-y top left; width:720px; }

#banner { float:left; width:467px; padding:0 6px; position:relative;}
#banner a { display:block; border:none; width:455px; height:204px; position:absolute; top:6px; left:6px; z-index:2000; }
#banner img { padding:6px; }
#banner .frame {
	position:absolute;
	width:467px;
	height:216px;
	background:transparent url(../images/banner-frame.gif) no-repeat top left;
	z-index:1000;
}

#countdown { float:right; width:217px; padding:6px 11px 6px 13px;  }
#countdown h3 { padding:0 0 6px; color:#3d5e89; }
#countdown h3 a { border:none; }
#countdown p { font-size:1.3em; line-height:1.4; color:#3d5e89; }
#countdown p a { border:none; color:#3D5E89 !important; }

#countdown ul { float:left; width:100%; list-style:none; padding:0 0 12px; font-size:1em; line-height:1; }
#countdown li { float:left; padding-right:2px; }
#countdown li.last { padding:0; }
#countdown ul a,
#countdown ul .display { display:block; float:left; border:none; text-align:center; width:107px; height:67px; background:#60c209 url(../images/backgrounds/countdown.gif) no-repeat top left; font-size:1em; padding:0; }
#countdown ul span { display:block; width:107px; font-size:1.1em; line-height:24px; color:#2c5407; text-shadow:rgba(255,255,255,0.4) 0 1px 0; padding-top:5px; cursor:pointer; }
#countdown ul strong { display:block; width:107px; font-size:3em; line-height:32px; color:#1c3a01; text-shadow:rgba(255,255,255,0.5) 0 1px 0;  cursor:pointer; }

#countdown ul li.expired a,
#countdown ul li.expired .display { background:#b94107 url(../images/backgrounds/countdown_expired.gif) no-repeat top left; }
#countdown ul li.expired span { color:#631f03; }
#countdown ul li.expired strong { color:#5b1b02; }

#countdown .subtitle { padding:0; color:#6E93B6; }
#countdown .subtitle a { color:#6E93B6; }


/*
---- Ozzy's Blog
*/
#ozzy-blog { background:#fff url(../images/ozzy-small.jpg) no-repeat top right; height:128px; margin-top:-8px; position:relative; }
#ozzy-blog h3 { padding:0; }
#ozzy-blog h3 a { border:none; display:block; height:102px; padding:8px 0 0; }
#ozzy-blog p { padding:0; position:absolute; top:30px; }


/*
---- Newsletter Sign Up
*/
#sign-up h3 { padding:0; font-size:1.4em; color:#3D5E89; border-bottom:2px solid #B0C4D7; padding-bottom:6px; }
#sign-up form { padding-top:8px; }
#sign-up label { width:46px; padding-right:0; text-align:left; }
#sign-up .text { padding:0 0 8px; }
#sign-up .text input { width:134px; }
#sign-up .submit { padding-bottom:0; }
#sign-up .submit p { padding-left:46px; border:none; }


/*
---- Featured Courses
*/
#featured-courses {
	float:left;
}
#featured-courses h2 {
	width:720px;
	height:66px;
	padding:0;
	text-indent:-99999px;
	overflow:hidden;
	background:transparent url(../images/headers/training-courses.gif) no-repeat left center;
}

#featured-courses .t { float:left; padding:6px 0 20px; background:transparent url(../images/backgrounds/featured-t.gif) no-repeat top left; }
#featured-courses .b { float:left; padding-bottom:6px; background:transparent url(../images/backgrounds/featured-b.gif) no-repeat bottom left; }
#featured-courses .c { float:left; background:transparent url(../images/backgrounds/featured-c.gif) repeat-y top left; width:720px; }

#featured-courses .course { float:left; width:238px; padding-right:2px; }
#featured-courses .first { width:239px; }
#featured-courses .last { width:239px; padding-right:0; }

#featured-courses h4 { padding:6px 12px 6px; font-size:1.1em; border-bottom:1px solid #b0c4d7; line-height:1.1; }
#featured-courses h4 a { border:none; color:#6e93b6; }
#featured-courses h4 a:hover { color:#000; }
#featured-courses h3 { padding:18px 12px 6px; line-height:1.2; }
#featured-courses h3 a { border:none; }
#featured-courses p { font-size:1.2em; line-height:1.4; padding:0 12px; color:#3d5e89; }
#featured-courses p.more { padding:12px 12px 6px; width:auto; }


/*
---- Courses
*/

#courses,
#sections { list-style:none; float:left; padding:0 0 36px 0; width:100%; font-size:1em; }
#courses li,
#sections li { float:left; width:100%; padding:0 0 18px 0; border-bottom:1px solid #B0C4D7; }
#courses li.last,
#sections li.last { border:none; padding-bottom:0; }
#courses .more-small,
#sections .more-small { float:right; width:auto; clear:none; padding:0; padding-top:18px;  }
#courses h2 a,
#sections h2 a { border:none;}

#sections h2 { padding:0; float:left; padding-top:18px; }
#sections p { clear:both; padding:8px 0 0; }

#courses { list-style:none; float:left; padding:0 0 36px 0; width:100%; font-size:1em; }
#courses li { float:left; width:100%; padding:0 0 18px 0; border-bottom:1px solid #B0C4D7; }
#courses li.last { border:none; padding-bottom:0; }
#courses h2 { font-size:1.6em; padding:0 0 0; }
#courses h3 { padding:3px 0 0 0; font-size:1.4em; }
#courses .header { float:left; padding:22px 0 0; width:330px; }
#courses .more-small { padding-bottom:10px; }


/* Course Page */
#course-header { padding-bottom:24px; }
#course-header h1 { padding:0; }
#course-header h2 { padding:6px 0 0; color:#6e93b6; }

#course-details { float:left; width:100%; border-top:1px solid #b0c4d7; border-bottom:1px solid #b0c4d7; margin-bottom:24px; }
#course-details ul { list-style:none; padding:12px 0 0; float:left; font-size:1em; width:280px; }
#course-details li { float:left; clear:left; width:280px; }
#course-details li span { float:left; width:44px; font-size:1.1em; padding-top:2px; }
#course-details li strong { float:left; font-size:1.4em; }
#course-details .actions { float:left; width:280px; padding:6px 0 0; }
#course-details .actions p { width:auto; }
#course-details p { float:left; font-size:1.2em; font-weight:bold; padding:0 9px 0 0; }
#course-details p.arrangement-only { padding:3px 0 0 0; font-weight:normal; color:#999; }
#course-details .image { float:left; padding:12px 12px 12px 0; }

#course-images { float:right; width:170px; }
#course-images .image { padding:0 0 12px 12px; }

/*
---- Breadcrumbs
*/
#breadcrumbs {
	float:left;
	list-style:none;
	border-bottom:1px solid #b0c4d7;
	padding:6px 14px 8px;
	width:692px;
	font-size:1.1em;
	color:#3e6a94;
}
#breadcrumbs li { float:left; padding-right:13px; background:transparent url(../images/backgrounds/breadcrumb.gif) no-repeat center right; }
#breadcrumbs li.last { background-image:none; }
#breadcrumbs a { border:none; color:#1e476d; }
#breadcrumbs a:hover { color:#000; }


/*
---- Buttons
*/
p.more,
p.more-small,
p.read-now,
p.booking-form,
p.course-dates {
	float:left;
	width:100%;
	padding:0;
}
p.more a,
p.more-small a,
p.read-now a,
p.booking-form a,
p.course-dates a {
	display:block;
	float:left;
	width:124px;
	height:30px;
	background:transparent url(../images/buttons/find-out-more.gif) no-repeat top left;
	text-indent:-99999px;
	overflow:hidden;
	border:none;
}
p.more a:hover,
p.more-small a:hover,
p.read-now a:hover,
p.booking-form a:hover,
p.course-dates a:hover {
	background-position:bottom left !important;
}

p.more-small a {
	width:112px;
	height:24px;
	background:transparent url(../images/buttons/find-out-more_small.gif) no-repeat top left;
}
p.read-now a {
	width:83px;
	height:24px;
	background:transparent url(../images/buttons/read-now.gif) no-repeat top left;
}
p.booking-form a {
	width:103px;
	height:24px;
	background:transparent url(../images/buttons/booking-form.gif) no-repeat top left;
}
p.course-dates a {
	width:100px;
	height:24px;
	background:transparent url(../images/buttons/course-dates.gif) no-repeat top left;
}


/*
---- Forms
*/
form.base div {
	padding:0 0 16px;
	clear:both;
}
form.base label {
	display:block;
	float:left;
	width:100px;
	font-weight:bold;
	font-size:1.3em;
	padding:4px 6px 0 0;
	text-align:right;
	color:#666;
}
form.base div.date label,
form.base div.select label { padding-top:0; }
form.base div.text input,
form.base div.password input,
form.base textarea {
	padding:3px 4px;
	font-size:13px;
	font-family:Arial, sans-serif;
}
form.base textarea { width:300px; }
form div.no-label { padding-left:168px; }
form.base div.error-message {
	border:none;
	font-size:1.2em;
	font-weight:bold;
	color:#c60000;
	padding:3px 0 0 106px;
}
form.base p {
	clear:both;
	padding:3px 0 0 106px;
	color:#666;
	font-size:1.2em;
}
form.base .submit {
	border-top:2px solid #B0C4D7;
}
form.base .submit p {
	padding-top:8px;
	border-top:6px solid #e6eef6;
}
form.base div.checkbox {
	padding-left:102px;
}
form.base div.checkbox label {
	float:none;
	display:inline;
	padding:0 0 0 3px;
}
form.base div.checkbox span { font-size:1.3em; float:right; width:90%; }
form.base div.checkbox div.error-message { padding-left:0; }
form.base div.long-input label {
	width:auto;
	text-align:left;
	margin-left:106px;
}
form.base div.checkbox input { float:left; }
form.base div.address input { margin-bottom:4px; }
form.base div.address input.last { margin-bottom:0; }

form.base fieldset { border-top:1px solid #b0c4d7; padding-bottom:18px; }
form.base fieldset.last { padding-top:32px; }
form.base fieldset h3 { padding:32px 0 18px; }
#candidates { padding:0; }
#candidates div { padding-bottom:24px; }
#candidates div div { padding:0 0 5px; }
#candidates .select { padding-left:106px; }
#candidates select { width:230px; margin-right:3px; }
#candidates .error-message { padding:3px 0 0 106px !important; }

#candidates .course-select { padding:4px 0 0; min-height:26px; }
#candidates .course-select .select { font-size:1.2em; padding:3px 0 0 106px; }

#candidates .date-select,
#candidates .date-select .select { padding-bottom:0px; }

form.base fieldset .textarea label { line-height:1.1; }


/*
---- Page Content
*/
#intro .first h2 { padding-top:0; }
#page-content .content .image { float:right; padding:0 0 12px 12px; }

p.back { padding:8px 0 0; border-top:2px solid #b0c4d7; clear:both; }


/*
---- Images
*/
#courses div.image a,
#course-details .image img,
#course-images img,
#page-content .content .image img,
div.testimonial div.image img,
.testimonial-image img {
	border:3px solid #b0c4d7;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/*
---- Articles
*/

div.news-article h1 { padding-bottom:0; }
div.news-article h3 { padding:0 0 20px 0; }

h3 span { font-size:0.7em; }
.article { padding:0 0 1em 0; }

/*
---- Testimonial
*/

div.testimonial,
#testimonial-slideshow {
	border:1px solid #B0C4D7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	clear:both;
	padding:11px;
	background-color:#fff;
}
	div.testimonial h5 { font-size:1.3em; padding:0 5px 5px 0; }
	div.testimonial p { padding:6px 0 0; font-size:1.1em; line-height:1.4; }
	div.testimonial p a { white-space:nowrap; font-weight:bold; }
	div.testimonial div.image { float:left; padding-right:6px; }
	div.meta { clear:both; }
		div.meta p { line-height:1.1; padding:0; }


#testimonials .testimonial-block { padding:12px 0 20px; border-bottom:1px solid #B0C4D7; margin-bottom:2px; }
#testimonials .last { border-bottom:none; }
#testimonials .testimonial-text { float:left; width:316px; }
#testimonials .testimonial-image { float:right; width:126px; }
#testimonials .testimonial-image img { margin-bottom:12px; }
#testimonials .testimonial-meta { clear:both; }
#testimonials h5 { font-size:1.4em; padding:0 0 10px; width:auto; line-height:1.3; clear:both; }
#testimonials h5 span { font-size:0.9em; font-weight:normal; color:#97aec4; padding-left:3px; }

#testimonial-slideshow { padding:11px 0; }
#testimonial-slideshow div.testimonial { padding:0 11px; border:none; }

/*
---- Accomodation
*/
table { width:100%; padding-bottom:18px; }
table td,
table th { font-size:1.3em; padding:6px 5px 5px; color:#333; vertical-align:middle; }
table th { font-size:1.1em; color:#6E93B6; border-bottom:2px solid #B0C4D7; line-height:1.2; padding-bottom:8px; vertical-align:bottom; }
table tr.alt td { background-color:#eff3f7; }
table p { font-size:1em; padding:0; }

/* Flash Messages */
#flashMessage {
	border:1px solid #000;
	font-size:1.4em;
	font-weight:bold;
	padding:6px 9px;
	margin:0 0 18px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#flashMessage.error {
	color:#c60000;
	border-color:#c60000;
	background-color:#fff3f3;
}
#flashMessage.success {
	color:#04B500;
	border-color:#04B500;
	background-color:#E5FFE4;
}

/* Clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */