@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Calibri, sans-serif;
	font-size: 12px;
	line-height: 140%;
	text-align: center;
	color: #111111;
	background: #FFF url(../images/page_bg.jpg) repeat-x scroll 0 106px;
}
h2 {
	font-size: 18px;
	color: #B60B01;
}
h5 {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	margin: 0;
	padding: 0;
}
input {
        border: 1px #B60B01 solid;
        height: 14px;
        font-size: 12px;
        color: #333;
}
input.input_submit {
        height: 22px;
		border: none;
}
textarea {
		border: 1px #B60B01 solid;
		font-size: 12px;
		color: #333;
}

a {
	color: #000;
}

/* Clear Fix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


#header {
	width: 100%;
	height: 106px;
	background: url(../images/header_bg.png) top left repeat-x;
	text-align: center;
	min-width: 960px;
}
	#header #content {
		margin: 0 auto;
		width: 960px;
		height: 106px;
	}
		#header #content #logo {
			float: left;
			width: 97px;
			height: 105px;
			_overflow: hidden;
		}
	#header #content #logo-text {
		float: left;
		height: 37px;
		margin: 28px 0px 0px 5px;
	}
        #header #content #newsletter {
                width: 180px;
                height: 70px;
                float: right;
        }

	#header #content #pri_nav {
		float: left;
		height: 30px;
		width: 863px;
		background: #FFF;
		margin: 5px 0px 0px 0px;
		_margin-top: 1px;
	}
		#pri_nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			float: left;
			height: 30px;
		}
			#pri_nav ul li {
				float: left;
				overflow: hidden;
				_height: 24px;
				_padding-top: 7px;
			}
			#pri_nav ul li.home {
			}
			#pri_nav ul li.schools {
			}
			#pri_nav ul li.holiday_camps {
			}
			#pri_nav ul li.birthday_parties {
			}
			#pri_nav ul li.sports_clubs {
			}
			#pri_nav ul li.one_to_one_coaching {
			}
			#pri_nav ul li.coaches {
			}
			#pri_nav ul li.testimonials {
			}
			#pri_nav ul li.contact_us {
			}
				#pri_nav ul li a {
					padding: 8px;
					height: 14px;
					font-size: 12px;
					text-decoration: none;
					color: #B60B01;
					display: block;
					_display: inline;
				}
				#pri_nav ul li a.active {
					font-size: 12px;
					text-decoration: none;
					color: #FFF;
					padding: 8px;
					height: 14px;
					display: block;
					_display: inline;
					background: #B60B01;
				}
				#pri_nav ul li a:hover {
					text-decoration: underline;
				}
#container {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	.background: #FFF;
}

#footer {
	width: 960px;
	height: 120px;
	margin: 0 0 15px 0;
	margin-bottom: 20px;
	text-align: left;
	float: left;
	background: url(../images/footer_bg.png) top left no-repeat;
}
	ul.footer {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		height: 30px;
	}
		ul.footer li {
			float: left;
			margin: 2px 0 0 5px;
			padding: 5px;
			overflow: hidden;
			color: #FFF;
		}
			ul.footer li a {
				font-size: 12px;
				color: #FFF;
				border: 0px;
			}

ul.links {
		list-style: none;
		margin: 0;
		padding: 0;
		float: right;
		height: 75px;
	}
		ul.links li {
			float: left;
			margin: 2px 0 0 5px;
			padding: 5px;
			orverflow: hidden;
			color: #FFF;
		}
			ul.links li a {
				font-size: 12px;
				color: #FFF;
			}

#copy {
	background: #FFF;
}
			
/*===============================
Home
===============================*/
#page_home {
	width: 960px;
}
#page_home #flash_panel_holder {
	background: #B60B01;
	width: 960px;
	height: 329px;
}
                #page_home ul#image_panel {
                        margin: 0px 0px 0px 1px;
                        padding: 0px;
                        overflow: hidden;
                        width: 958px;
                        height: 328px;
                }
                ul#image_panel li img{
	                border: 0;
                }

#page_home #buttons {
	width: 960px;
	height: 66px;
	margin-top: -2px;
}
#page_home #buttons ul {
	list-style: none;
	float: left;
	height: 66px;
	padding: 0;
	margin: 0;
}
#page_home #buttons li {
	float: left;
}

#page_home #copy {
	width: 958px;
	float: left;
	*margin-top: 10px;
	border-left: 1px #EFEFEF solid;
	border-right: 1px #EFEFEF solid;
	background: url(../images/bg_test.jpg) center no-repeat #F8FBFF;
	_margin-top: 0px;
	_padding-top: 10px;
}

#page_home #left {
	width: 290px;
	float: left;
	padding: 0px 15px;
}

#page_home #copy h2 {
        font-size: 24px;
        padding: 0 0 10px 0;
        margin-bottom: 0;
        border-bottom: 1px #B60B01 solid;
}
#page_home #copy p {
        font-size: 14px;
        line-height: 150%;
        text-align: left;
}

#page_home #centre {
	width: 288px;
	float: left;
    padding: 0px 15px;
}
#page_home #right {
	width: 290px;
	float: left;
	padding: 0px 15px;
}

/*===============================
Document
===============================*/
#page_document {
	width: 960px;
	.margin-top: 10px;
}
#page_document #images {
	float: right;
	padding-right: 10px;
	margin-top: 10px;
	width: 300px;
	overflow: hidden;
	text-align: center;
}
#page_document #images img {
	margin: 5px 0;
	border: 1px #B60B01 solid;
}
#page_document #copy {
	width: 950px;
	float: left;
	padding-left: 10px;
}
#page_document #copy #right {
	float: left;
	width: 630px;
}
#page_document #copy #right h2 {
	margin-top: 16px;
}
#page_document #copy #right ul {
        margin: 0px;
        padding: 0px;
        list-style: none;

}
#page_document #copy #right ul li {
	text-indent: 20px;
}

/*===============================
Coaches
===============================*/
#page_coaches {
}

#page_coaches #grid {
	float: left;
	width: 940px;
}

#page_coaches #grid ul.coaches {
	width: 100%;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
	#page_coaches #grid ul.coaches li {
		float: left;
		padding: 10px;
		width: 150px;
  	}
		#page_coaches #grid ul.coaches li h3 {
			font-size: 14px;
			font-weight: bold;
			color: #B60B01;
			margin: 5px 0;
			display: inline;
		}
		#page_coaches #grid ul.coaches li .image {
			width: 150px;
			height: 200px;
			float: left;
			text-align: center;
			margin: 0 10px 5px 0;
		}
		#page_coaches #grid ul.coaches li .name {
			width: 150px;
			float: left;
			text-align: center;
		}


/*===============================
Coaches
===============================*/
#page_coach {
}

#page_coach #grid {
	width: 950px;
	padding-left: 10px;
}

#page_coach #grid ul.coaches {
	width: 100%;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
	#page_coach #grid ul.coaches li {
		float: left;
		padding: 10px;
		width: 930px;
  	}
		#page_coach #grid ul.coaches li h3 {
			font-size: 14px;
			font-weight: bold;
			color: #B60B01;
			margin: 5px 0;
			display: inline;
		}
		#page_coach #grid ul.coaches li .image {
			width: 150px;
			height: 200px;
			color: #FFF;
			float: right;
			margin: 0 10px 5px 0;
		}

/*===============================
Gallery
===============================*/
#page_gallery {
	background: #FFF;
}

#page_gallery #flash {
	float: right;
	width: 425px;
	height: 349px;
	margin-bottom: 15px;
	margin-right: 15px;
}

#page_gallery #grid {
	float: left;
}

#page_gallery #grid ul.gallery {
	width: 100%;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
	#page_gallery #grid ul.gallery li {
		width: 120px;
		float: left;
		margin: 10px;
		text-align: center;
	}
		#page_gallery #grid ul.gallery li .gallery_title {
			font-size: 14px;
			font-weight: bold;
			color: #B60B01;
			margin: 5px 0;
			display: inline;
		}


/*===============================
Testimonials
===============================*/
#page_testimonials {
}

#page_testimonials #grid {
	width: 960px;
}

#page_testimonials #grid ul.testimonials {
	width: 100%;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
	#page_testimonials #grid ul.testimonials li {
		width: 440px;
		float: left;
		margin: 10px;
	}
		#page_testimonials #grid ul.testimonials li h3 {
			font-size: 12px;
			font-weight: bold;
			color: #B60B01;
			margin: 0;
			display: inline;
		}
		#page_testimonials #grid ul.testimonials li .text {
			float: left;
			margin: 0 10px 10px 0;
		}
		
/*===============================
Contact Us
===============================*/
#page_contact {
	float: left;
	background: #FFF;
}

#page_contact #footer {
	.font-weight: normal;
	.font-size: 12px;
	_margin-top: 10px;
}
#page_contact #footer ul.footer {
	.font-weight: normal;
	.font-size: 12px;
}
#page_contact #footer ul.footer li.copyright {
	.font-weight: normal;
	.font-size: 12px;
}

#page_contact #copy {
	float: left;
	padding-left: 10px;
	.padding-top: 15px;
}

#page_contact #form {
	width: 960px;
	float: left;
}
	#page_contact #form #left {
		width: 400px;
		float: left;
	}
		#page_contact #form #left ul {
			width: 100%;
			float: left;
			list-style: none;
			padding: 0;
			margin: 0;
		}
		#page_contact #form #left ul li {
			margin: 10px 0;
            width: 100%;
            float: left;
		}
			#page_contact li .left {
				width: 100px;
				float: left;
				text-align: right;
				padding-right: 10px;
			}
			#page_contact h3 {
				font-size: 12px;
				font-weight: bold;
				color: #B60B01;
				margin: 0;
				display: inline;
			}
			#page_contact li .right {
				width: 280px;
				float: left;
			}
	#page_contact #form #right {
		width: 50%;
		float: right;
		.margin-bottom: 15px;
	}
		#page_contact #form #right ul {
			width: 100%;
			float: left;
			list-style: none;
			padding: 0;
			margin: 0;
		}
		#page_contact #form #right ul li {
			.display: inline;
		}
		#page_contact #form #right ul li label {
			float: left;
			width: 100%;
		}
		#page_contact #form #right ul li input {
			float: left;
			width: 200px;
		}
		#page_contact #form #right ul li .input_submit {
			float: left;
			margin-left: 15px;
			margin-bottom: 15px;
			width: 75px;
		}

/*
============================
Join Newsletter
============================
*/

.newsletter_input_submit {
	width: 75px;
	height: 22px;
	background: url(../images/btn_submit.png) top left;
	_background: none;
	text-indent: -9999px;
	border: 0px;
	margin-left: 15px;
	margin-top: 15px;
}

#page_join_newsletter form {
        margin: 15px 0px 0px 0px;
        width: 800px;
        text-align: center;
}
#page_join_newsletter form label {
        font-size: 14px;
        color: #B60B01;
}
#page_join_newsletter form input {
        margin: 5px;
        height: 18px;
}
#page_join_newsletter form input.joinButton {
        background: #B60B01;
        color: #FFF;
        height: 24px;
        padding-bottom: 3px;
}
#page_join_newsletter form input.unsubButton {
        background: #B60B01;
        color: #FFF;
        height: 24px;
        padding-bottom: 3px;
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#header #content #pri_nav {
		
	}
}