/* CSS Document */

/* - - - - - - - - - - - - - - - - - -
	Evolution 7 Web Design
	http://www.evolution7.com
- - - - - - - - - - - - - - - - - - */

/*Global Styles*/
/*Colours are set in colour style sheets*/

* {padding:0; margin:0;}
body {color:#667580; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}

/*Text, formatting*/
a {text-decoration:none; outline:none;}
	a:hover{text-decoration:underline;}
	a img {border:none;}

p {padding-bottom:10px;}
h1 {color:#fff; display:none;}
h2 {font-family:"Charlotte Sans Book", "Gill Sans MT", GillSans, "Avenir 55 Roman", "Formata Regular", "Myriad Pro", Myriad, "Myriad", Arial, Helvetica, sans-serif; padding:5px 0 24px; font-size:23px; text-transform:lowercase; font-weight:normal; line-height:19px;}
h3 {padding:10px 0; font-size:12px; font-weight:bold;} /*Coloured*/
h4 {padding:10px 0; font-size:12px; font-weight:bold; color:#838F98;} /*Grey*/

#content ul, #content ol {margin:0; padding:0 0 10px 10px;}
	#content ul li {padding:2px 0 2px 9px; list-style-type:none;}

/*Layout*/
#top {position:absolute; width:100%; height:7px; line-height:3px; background:#A8BDCD; z-index:999;}
	/*Percentage scaling wrapper to stay with the background*/
#wrapper {position:absolute; top:10%; left:27%; margin:10px 0 0 -240px; width:660px; z-index:1;}
#left-col {float:left; width:220px;}
#content {float:right; width:407px; padding:0 0 20px 28px; border-left:1px solid #e5ebf0;}

.left {float:left; padding-right:15px;}
.right {float:right; padding-left:15px;}
.hr {height:1px; line-height:1px; background:url(../images/global/divider.png) no-repeat; margin:20px 0; clear:both; width:100%;}
.gallery-thumb {float:left; padding:2px; background:#fff; border:1px solid #e5eaef; margin:0 5px 15px 0; width:120px; height:90px; text-align:center;}
	.gallery-thumb:hover {border:1px solid #2E859C;}

/*Fade top of page*/
#fade {position:absolute; top:7px; height:56px; background:url(../images/global/white-over.png) no-repeat; width:915px; z-index:2;}
* html #fade {background:none;}

/*Logo*/
#logo a {width:175px; height:75px; display:block; padding-bottom:40px;}
#logo b {display:none;}
#logo img {display:none;}/*Fallback image. True display images are set in colour style sheets*/

/*Homepage*/
#btn-school {float:left; margin:20px 20px 0 -14px;}
	#btn-school, #btn-school a {width:161px; height:112px; display:block; background:url(../images/global/btn-home-schools.gif) no-repeat;}
#btn-studio {float:left; margin-top:20px;}
	#btn-studio, #btn-studio a {width:151px; height:112px; display:block; background:url(../images/global/btn-home-studios.gif) no-repeat;}
* html #btn-school {margin-left:-3px;}

/*Trainers*/
.trainer {padding:15px 0; float:left; clear:both; width:100%; background:url(../images/global/divider.png) no-repeat;}
	.trainer img {float:left; padding-right:15px;}
	.trainer p {overflow:auto; padding:0;}
		* html .trainer p {height:1%;}
	.trainer strong {color:#E64E5B;}
	
/*Table BG*/
.td-bg {background:url(../images/global/divider.png) repeat-y transparent;}
* html .td-bg {background:#F5F7F8;}

/*Quote*/
.quote {width:364px; padding:40px 18px 18px 18px;}
.quote-btm {width:364px; padding:7px 18px 18px 18px; background:url(../images/global/bg-quote-btm.gif) no-repeat;}
	.quote-btm h3 {font-weight:normal; font-style:italic;}

/*Category*/
.category {float:left; display:block; width:106px; height:125px; margin:0 10px 20px 0; background:url(../images/global/bg-category.gif) top; padding:7px;}
	.category:hover {background-position:bottom; text-decoration:none; margin:1px 10px 19px 0;}
	.category img {padding-bottom:2px;}
	.category h3 {font-size:14px; padding:0;}
	.category h4 {font-size:14px; padding:0; color:#A8BDCD;}
	
/*Category Nav*/
#category-nav {margin:10px 0; width:100%; height:40px;}
	#category-nav a {float:left; display:block; width:50px; height:20px; padding-top:4px; margin-right:3px; text-align:center; background:url(../images/studios/bg-category-nav.gif); font-size:14px; font-weight:bold; color:#fff; text-decoration:none;}
	#category-nav a:hover {background-position:center;}
	#category-nav .on {background-position:bottom;}
	#category-nav p {float:left; width:80px; padding-top:5px;}

/*Classes*/
.classes {float:left; width:380px; padding:10px; margin-bottom:10px; background:url(../images/global/divider.png) repeat-y;}
	.classes b {float:left; width:260px; padding-top:6px;}
	.classes span {float:left; padding-top:6px;}
	.classes .medium-button {float:right;}
	
/*Booking Nav*/
#booking-nav {margin:10px 0; width:100%; height:40px; background:url(../images/global/divider.png) bottom no-repeat; font-weight:bold;}
#booking-nav a, #booking-nav span {float:left; padding:0 18px 0 5px; line-height:16px; height:16px; display:block; background:url(../images/global/bg-booking-nav.gif) no-repeat; color:#A8BDCD;}
	#booking-nav b {color:#fff; padding-right:4px;}
	#booking-nav a:hover, #booking-nav .complete {background-position:center left; color:#667580; text-decoration:none;}
	#booking-nav .on {background-position:bottom left; color:#61BDDB;}


/*Nav*/
#nav { width: 220px; height: 400px; text-transform:lowercase; font-size:13px; font-weight:bold;}
	#nav a {color:#a8bdcd; padding:7px 0 8px; display:block;}
		#nav a:hover {text-decoration:none;}
	#nav div {padding-left:75px;}
	/*Subnav*/
	#nav ul {margin:0 5px 10px 74px; font-size:12px; line-height:13px;}
	#nav li {list-style-type:none; display:inline;} /*IE6 fix*/
		#nav li a {padding:4px 0 4px 9px; color:#838F98;}
		#nav li a:hover {padding:4px 0 4px 10px;}

/*Footer*/
#footer {margin:150px 10px 0 25px; padding:28px 0 0 26px; font-size:10px; line-height:12px; color:#BBC2C6; background:url(../images/global/bg-footer.gif) top left no-repeat;}
	#footer a {color:#BBC2C6;}
	
/*Global Hide*/
#btn-school strong, #btn-studio strong {display:none;}

/*Global Hover*/
#btn-school a:hover, #btn-studio a:hover {background-position:bottom;}

/*Forms*/
#content form {width:400px; clear:both;}
	form fieldset {clear:both; border:none; padding-bottom:10px;}
	form fieldset legend {padding:14px 0 5px; font-size:13px; font-weight:bold; margin:0;}
	input, select, textarea {font-size:13px; color:#869EAD; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
	textarea {overflow:auto;}
	#content form div {clear:both; display:block; width:399px; margin:8px 0 0 0;}
		#content form div label {display:block; float:left; width:120px; padding:3px 5px; margin:0 0 5px 0;}
		/*Required*/
		form div.required label, label.required {background:url(../images/global/bg-required.gif) right no-repeat;}
		/*Field Styles*/
		form div select, form div textarea, form div input.inputText {margin:0; padding:3px; border:1px solid #A8BDCD; background:#FBFCFC;}
			form div select, form div input.inputText {width:254px;}
			form div textarea {width:380px; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 5px;}
		form div input.inputDouble {margin-top:5px;}
	/*Radios*/
	#content form .radio_list {float:left; width:220px; padding:0; margin:0;}
		#content form .radio_list li {width:250px; clear:both; background:none; padding:0; margin:0;}
		.radio_list input {float:left; width:18px; outline:none;}
		#content form .radio_list label {line-height:8px; padding:3px 0;}
		* html .radio_list label {position:relative; top:3px;}
	/*Large Radios*/
	#content form .large_radio_list {width:390px; padding-bottom:10px;}
	#content form .large_radio_list li {width:390px; height:16px; padding:8px 0; clear:both; background:url(../images/global/divider.png) bottom no-repeat; margin:0;}
	.large_radio_list a {float:right;}
	input[type="radio"] {outline:none !important; background:red;}

	/*Checkboxes*/
	.checkbox-list input {float:left; width:16px;}
		.checkbox-list label {line-height:8px;}
		* html .checkbox-list label {line-height:13px;}
	/*Notes*/
	#content .form-notes {padding:0 0 0 130px; width:220px; margin:-5px 0 0 0; font-size:11px;}
	* html #content .form-notes {padding:5px 0 0 133px;}
	/*Date of Birth*/
	#d-o-b input {width:40px; padding:1px 3px; padding:2px; border:1px solid #AEBEC8; background:#FBFCFC; }
	/*Active States*/
	input:focus, textarea:focus, select:focus, input:active, textarea:active, select:active, input.inputText:focus, input.inputText:active, #d-o-b input:focus {background:#fff; border:1px solid #7898B2;}
	/*Inorrect Field*/
	#content .incorrect-field {border:1px solid #EDB2B2; background:#fff;}
	
/*Feedback boxes*/
.feedback_error, .feedback_success, .feedback_information {margin-bottom:20px; padding:2px 20px 10px 45px; width:330px; opacity:.90;}
	.feedback_error ul, .feedback_success ul, .feedback_information ul {padding:0 0 5px;}
.feedback_error {border:1px solid #EDB2B2; background:url(../images/global/bg-validation.gif) no-repeat 10px 10px #FFFAFA;}
	.feedback_error h4 {padding:9px 0; color:#E64E5B;}
	#content .feedback_error li {background-image:url(../images/about/li.gif);}
.feedback_success {border:1px solid #D1EBB7; background:url(../images/global/bg-success.gif) no-repeat 10px 10px #F9FFF5;}
	.feedback_success h4 {padding:9px 0; color:#92CD35;}
	#content .feedback_success li {background-image:url(../images/studios/li.gif);}
.feedback_information {border:1px solid #BDD9E9; background:url(../images/global/bg-information.gif) no-repeat 10px 10px #F9FCFF;}
	.feedback_information h4 {padding:9px 0; color:#34A5DB;}
	#content .feedback_information li {background-image:url(../images/schools/li.gif);}
/*Buttons*/
.buttons {float:left; width:400px; clear:both; padding-bottom:20px;}
.button {float:left; margin-right:10px; display:block; width:100px; height:34px; text-align:center; line-height:34px; color:#fff; font-size:14px; font-weight:bold; background:url(../images/global/bg-button.gif);}
	.button:hover {background-position:bottom; color:#fff; text-decoration:none;}
.medium-button {display:block; width:80px; height:28px; text-align:center; line-height:28px; color:#fff; font-size:12px; font-weight:bold; background:url(../images/global/bg-med-button.gif);}
	.medium-button:hover {background-position:bottom; color:#fff; text-decoration:none;}
.small-button {font-size:11px; text-transform:uppercase; font-weight:bold;}