/**
 * Joseph Hawes
 * 26/03/10
 * http://www.josephhawes.co.uk
 */
/* ------------ Self Clear ------------ */
#primary-navigation {
	overflow: hidden;	
}
* html #primary-navigation { 
	height: 1%; 
}
body {
	position: relative;
	
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
/* ------------ Global ------------ */
h2 {
	margin-bottom: 10px;	
	font-size: 1.8em;
}
.black-border-left {
	background: url('../images/layout/black-border.png') top left repeat-y;
}
.black-border-right {
	background: url('../images/layout/black-border.png') top right repeat-y;
}
.black-border-both {
	background: url('../images/layout/black-border-both.png') top right repeat-y;

}
.no-black-border-left {
	padding-left: 40px;
	background: url('../images/layout/no-black-border.png') top left repeat-y;
}
p.no-black-border-left {
	background-image: none;
}
.no-black-border-right {
	background: url('../images/layout/no-black-border.png') top right repeat-y;
}
.underline {
	padding-bottom: 5px;
	border-bottom: 2px solid #a00000;
}
img.image-right {
	float: right;
	margin-bottom: 20px;
}
img.avoid-border {
	margin-left: 10px;
	margin-right: 10px;
}
/* Columns */
div.three-col-container div {
	width: 235px;
	min-height: 200px;
	margin-right: 0;
	padding: 0 25px 0 15px;
}
div.three-col-container div.col-1 {
	padding-left: 25px;
}
div.two-col-container div.col-1 img.image-right {
	margin-right: -50px;
}
div.three-col-container div.col-3 {
	width: 230px;
}
div.two-col-container div.col-2 {
	padding-top: 30px;
}
/* Buttons */
.button {
	width: 118px;
	height: 18px;
	padding: 3px 6px;
	color: #FFF;
	cursor: pointer;
	text-transform: uppercase;
}
a.button:hover,
a.button {
	color: #FFF;
	text-decoration: none;
}
.button-left {
	text-align: right;
	background: #000 url('../images/layout/button-left-bg.png') top right no-repeat;
}
.button-right {
	text-align: left;
	background: #000 url('../images/layout/button-right-bg.png') top right no-repeat;
}
/* ------------ Font Families ------------ */
/* Headings & Main Navigation */
h1, h2, h3,
span.calendar-cell-date,
.button,
#primary-navigation {
	font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
}
#container {
	margin: 0 auto;
}
/* Header */
#header {
	margin-top: 50px;
}
#header h1 {
	margin: 0 0 0 20px;
}
#header h1 a {
	color: #000;
	text-decoration: none;
}
/* ------------ Primary Navigation ------------ */
#primary-navigation {
	margin: 0;
	padding: 4px 0 5px 15px;
	min-height: 20px;
	font-size: 1.1em;
}
#primary-navigation a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#primary-navigation li {
	display: block;
	float: left;
	padding: 3px 0 3px 0;
	margin-right: 35px;
}
#primary-navigation li:hover,
#primary-navigation li.active {
	border-bottom: 10px solid #a00000;
}
#primary-navigation-bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	width: 100%;
	background-color: #000;
	z-index: -1;
}
/* ------------ Secondary Navigation ------------ */
#secondary-navigation {
	margin: 0;
	padding: 30px 0 100px 0;
	list-style-type: none;
	line-height: 1.3em;
}
#secondary-navigation li {
	padding-left: 20px;
	margin: 10px 0;
	font-size: 1.1em;
}
#secondary-navigation li a {
	color: #808080;
	text-decoration: none;
}
#secondary-navigation li a:hover {
	text-decoration: underline;
}
#secondary-navigation li.active {
	background: url('../images/layout/red-border.png') top left repeat-y;
}
#secondary-navigation li.activegreen {
	background: url('../images/layout/green-border.png') top left repeat-y;
}
#secondary-navigation li.active, #secondary-navigation li.activegreen {
	font-weight: bold;
	color: #222222;
}
/* ------------ Footer ------------ */
#footer p {
	margin: 0;
	padding: 40px 0;
	color: #999;
}
/* ------------ Page Specific ------------ */
/* Home */
body#home-body #container {
	background: url('../images/layout/cheerleader.png')  190px 50px no-repeat;
}
body#contact-body #container {
	background: url('../images/layout/cheerleader_small.png')  440px 140px no-repeat;
}
body#home-body #main-content {
	margin-bottom: 30px;
	min-height: 340px;
}
body#home-body div.three-col-container {
	background-color: #f9f9f9;
}
body#home-body #main-content #text-container {
	margin-top: 100px;
	padding-left: 575px;
}
body#home-body div.three-col-container div.col-1,
body#home-body div.three-col-container div.col-2,
body#home-body div.three-col-container div.col-3 {
	position: relative;	
}
body#home-body div.three-col-container div {
	width: 140px;
	padding-right: 120px;
}
body#home-body div.three-col-container div a {
	position: absolute;
	bottom: 5px;
	left: 15px;
}
body#home-body div.three-col-container div.col-1 {
	/*background: url('../images/layout/home-col-1-bg.jpg') top right no-repeat;*/
	background: top right no-repeat;
}
body#home-body div.three-col-container div.col-1 a {
	left: 25px;
}
body#home-body div.three-col-container div.col-2 {
	background: url('../images/layout/home-col-2-bg.jpg') top right no-repeat;
}
body#home-body div.three-col-container div.col-3 {
	width: 135px;
	background: url('../images/layout/home-col-3-bg.jpg') top right no-repeat;
}
/* Tutors */
body#tutors-body div.three-col-container {
	padding-top: 50px;
}
body#tutors-body div.three-col-container h2 {
	margin: 10px 0 0 0;
}
body#tutors-body div.three-col-container strong {
	margin-bottom: 30px;
	display: block;
}
/* Courses */
div.courses-grey-box {
	position: relative;
	width: 300px;
	margin-left: 10px;
	padding: 30px 200px 30px 30px;
	color: #FFF;
	background-color: #b3b3b3;
}
div.courses-grey-box a.button {
	position: absolute;
	right: 0;
	bottom: 20px;
}
/* Testimonials */
#testimonials-cycle-container {
	position: relative;
	margin-top: -30px;
	padding-bottom: 60px;
	width: 830px;
	height: 440px;
}
#testimonials-cycle {
	display: block;
}
#testimonials-cycle div {
	position: relative;
	width: 800px;
	height: 400px;
}
#testimonials-cycle div p {	
	position: absolute;
	bottom: 20px;
	left: 20px;
	margin: 0;
	width: 240px;
}
#testimonials-cycle div img {	
	position: absolute;
	top: 0;
	right: 0;
}
#testimonials-cycle-control {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0 0 80px 0;
	width: 830px;
}
#testimonials-cycle-control li {
	position: absolute;
	top: 0;
	display: block;
	float: right;	
}
#testimonials-cycle-control li#testimonials-cycle-prev {
	right: 400px;
}
#testimonials-cycle-control li#testimonials-cycle-next {
	display: none;
	right: 10px;
}
/* Booking */
#calendar-container {
	position: relative;
	width: 830px;
	height: 540px;
	margin-top: 20px;
}
#calendar-months {
	position: absolute;
	top: 0;
	left: 30px;
	padding: 0;
	margin: 0;
	background-color: #000;
}
#calendar-months li {
	display: block;
	float: left;
	padding: 3px 0;
	width: 64px;
	font-size: 0.9em;
	text-align: center;
}
#calendar-months li.active {
	background-color: #a00000;
}
#calendar-months li,
#calendar-months li a {
	color: #FFF;
	text-decoration: none;
}
#calendar-container #calendar-table {
	position: absolute;
	top: 40px;
	left: 30px;
	width: 768px;
	height: 500px;
}
.calendar_back_1 { background: url('../images/layout/calendar-bg.png') top left no-repeat; }
.calendar_back_2 { background: url('../images/layout/calendar-bg-2.png') top left no-repeat; }
.calendar_back_3 { background: url('../images/layout/calendar-bg-3.png') top left no-repeat; }
.calendar_back_4 { background: url('../images/layout/calendar-bg.png') top left no-repeat; }
.calendar_back_5 { background: url('../images/layout/calendar-bg-2.png') top left no-repeat; }
.calendar_back_6 { background: url('../images/layout/calendar-bg-3.png') top left no-repeat; }
.calendar_back_7 { background: url('../images/layout/calendar-bg.png') top left no-repeat; }
.calendar_back_8 { background: url('../images/layout/calendar-bg-2.png') top left no-repeat; }
.calendar_back_9 { background: url('../images/layout/calendar-bg-3.png') top left no-repeat; }
.calendar_back_10 { background: url('../images/layout/calendar-bg.png') top left no-repeat; }
.calendar_back_11 { background: url('../images/layout/calendar-bg-2.png') top left no-repeat; }
.calendar_back_12 { background: url('../images/layout/calendar-bg-3.png') top left no-repeat; }

#calendar-container #calendar-table td {
	/*position: relative;*/
	width: 104px;	/* (768/7) - 5  */
	height: 95px; /* (500/5) - 5 */
	margin: 3px 3px 0 0;
	padding: 0;
	background: url('../images/layout/calendar-cell-bg.gif') bottom right no-repeat;
}
#calendar-container #calendar-table td.row-one {
	padding-top: 15px;
}
#calendar-container #calendar-table td.has-content {
	background-image: url('../images/layout/calendar-cell-bg-has-content.gif');
}
#calendar-container #calendar-table td div.calendar-cell-inner {
	height: inherit;
	position: relative;
}
div.calendar-cell-inner p {line-height: 1em; margin-top: -5px;}

#calendar-container #calendar-table span.calendar-cell-date {
	position: absolute;
	top: 2px;
	right: 8px;
	font-size: 1.2em;
	color: #333;
}
#calendar-container #calendar-table p {
	position: absolute;
	top: 30px;
	left: 2px;
	padding: 0 5px;
	font-size: 0.9em;
	color: #333;
}
#calendar-container #calendar-table a {
	position: absolute;
	bottom: 6px;
	left: 6px;
}
#calendar-container #calendar-table td.calendar-off span.calendar-cell-date {
	color: #BBB;
}





#calendar-table td.white_back { background-color: white; !important}

.payment_complete { width: 500px; background-image: url(../images/payment_complete_illustration-01.png); background-repeat:no-repeat; background-position: right bottom; }
.payment_complete p { width: 300px; }















.dblcol { 
width: 470px;
-moz-column-count:2;
-moz-column-gap:20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
 
}

#contact_holder { padding-top: 100px; padding-left: 30px; }
.contact_title { padding-left: 20px; float:left; padding-right: 30px; width:100px; clear:both; font-size: 16px; }
.contact_item { float:left }


.booking-button {
float:right;
margin-right: -200px;
width: 118px;
height: 18px;
padding: 3px 6px;
color: white;
cursor: pointer;
text-transform: uppercase;
}
.booking-button:hover {
color:white;
}