@charset "utf-8";


/* CSS Document *//*------------ORIGINALLY IN RESET.CSS -----------------*/
/*  * adapted from: * https://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
/*    This file is used to allow all browsers to start from the same style properties.*/
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 properties for the menu in the header -----------------*/table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

		vertical-align: baseline;

	position: relative;

}
/*------------------------------------------------------------------------------*//* lists */ol, ul { }
ol    { list-style-type: decimal;

 }
ol ol { list-style-type: lower-alpha;

 }
ol li { zoom: normal;

 }
ul    { list-style-type: disc;

 }
ul li { }
blockquote, q { quotes: none;

 }
blockquote:before, blockquote:after,q:before, q:after {	content: '';

	content: none;

}
/* remember to define focus styles! */:focus { outline: 0;

 }
/* remember to highlight inserts somehow! */ins { text-decoration: none;

 }
del { text-decoration: line-through;

 }
/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse: collapse;

	border-spacing: 0;

}

/* additional reset styles */a img {border:0;

}

/*------------------ORIGINALLY CONTAINED IN BRAND.CSS----------------------*/html {margin: 0;

	padding: 0;

	font-size: 100%;

	vertical-align: baseline;

	zoom: 1;

	}
/* ----------One font for main body, to save time coding everything ------------------- */


@font-face {
	font-family: 'bodyfont';
    	src: url('../css/fonts/SourceSansPro-Regular.otf') format('OpenType');
    	font-weight: normal;font-style: normal;
	}

@font-face {	font-family: 'batmanforever';
    	src: url('../css/fonts/batmfa__.ttf') format('TrueType');
    	font-weight: normal;
font-style: normal;

}
/*--------------------------------------------------------------------------------------.blue {color: #7bd2f6;

}
.green {color: #0db04b;}
.orange {color: #f6921e;}
.yellow {color: #ffda78;}
.grey {color: #999;}
.dark-grey {color: #595959;}
.white {color: #fff}

/* Document Elements */a   	    { color: #0db04b;

 text-decoration: none;

 }
a:hover     { color: #000;

 text-decoration: underline;

 }
a:focus     { outline: none;

 }
abbr        {}

address     { font-style: normal;

 line-height: 1.6em;

 margin: 0 0 12px 0;

 }

body {	
	background: url(../images/background-tile.jpg) repeat left top #fed700; /*--here's the background colour when the web site's building --*/
	word-wrap: break-word;
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	zoom: 1;
	color: #444;

 /* --Change all title and paragraph colours here --*/
	background-color:#fff;
	font-family: bodyfont, Impact, Arial, Helvetica, sans-serif;
 /*	font-size: 0.75em;original size 0.75em */
	line-height: 100%;
}
  dl          {}
dt          { font-weight: bold;

 }
dd          { padding: 1px 0 0 20px;

 }
fieldset    {}

h1       {   font-family: bodyfont, "Times New Roman",  Impact, Arial, Helvetica, sans-serif;

 font-size: 2.5em;
 font-weight: normal;
 line-height: 1.0em;
 padding: 12px 0 0px 0;
 text-align: center;
 text-shadow: 2px 2px orange;

 }

h2, .h2     { font-family: bodyfont, "Times New Roman", Impact, Arial, Helvetica, sans-serif;

 font-size:2.5em;
 font-weight: normal;
 line-height: 1.3em;
 margin: 0;
 padding: 0 0 12px;
 text-align: center;
 text-shadow: 2px 2px orange;

}

h3, .h3     { font-family: bodyfont, "Times New Roman", Impact, Arial, Helvetica, sans-serif;

 font-size: 2.5em;
 font-weight: normal;
 line-height: 1.3em;
 margin: 0;
 padding: 0 0 12px;
 text-align: center;
 text-shadow: 2px 2px orange;

 }

h4, .h4     { font-family: "Times New Roman", Impact, Arial, Helvetica, sans-serif;

 font-size: 1.3em;
 font-weight: normal;
 line-height: 1.3em;
 margin: 0;
 text-transform: uppercase;

 }

h5          { font-family: "Times New Roman", Impact, Arial, Helvetica, sans-serif;

 font-size: 1.2em;
 font-weight: normal;
 line-height: 1.3em;
 margin: 0;
 text-transform: uppercase;
 }

h6          {  font-family: "Times New Roman", Impact, Arial, Helvetica, sans-serif;

 font-size: 1.1em;
 font-weight: normal;
 line-height: 1.3em;
 margin: 0;
 text-transform: uppercase;
 }

li	  {padding-bottom: 11px;

 line-height: 1.5em;

 }

ol          {
	font-family: bodyfont, "Times New Roman", Impact, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	padding-top: 5px;
	padding-left: 35px;

 }

p { 
	padding-bottom:12px;
	padding: 12px 0 0;
	font-family:  bodyfont, "Times New Roman", Arial, Helvetica, sans-serif;
	font-size:1.0em;
	text-align: justify;
	line-height:1.5em;
	margin-left: 20px;
	margin-right:20px;
	max-width:960px;

 
}
/* experimental font size - try vmax */
select      { padding: 3px 2px;

 }
table, th, tr, td     { font-family: bodyfont, "Times New Roman", Impact, Arial, Helvetica, sans-serif;

 font-size: 1.0em;
 font-weight: normal;
 line-height: 1.3em;
 z-index: 3;
}

label	 	{  float: left;

 line-height: 1.4em;

 padding-top: 4px;

 width: 120px;

 }

input, select, textarea 	{ /* -----------------------------------Table properties ------------------------------------*/		
		background: url(../images/background-input.jpg) repeat-x 0 0;

		border: solid 1px #ccc;

		font-size: 2.0em;

		font-family: bodyfont, "Times New Roman" Impact, Arial, Helvetica, sans-serif;

		float: left;

		height: 50px;

		margin-right: 6px;

		padding: 3px 6px;

		width: 500px;

 /* original value 275px */			}
textarea	{ font-size: 1.1em;

 }
select		{ padding: 3px;

 }
input:focus, select:focus, textarea:focus { background: #fff2cf;

 color: #3d3d3d;

 }
.tb 		{ border-color:#7c7c7c #b4b4b4 #ddd #b3b3b3;

 border-style:solid;

 border-width:1px;

 padding: 4px 7px 4px 6px;

 }
textarea    { height: 75px;

 }
ul          { padding: 30px;

 display:inline-block;

}
ul li       { list-style-type: none;

 display:inline-block;

}
ul li li    { list-style-image: none;

 list-style-type: circle;

 }
ul li li li { list-style-image: none;

 list-style-type: disc;

 }
ul li li li li { list-style-image: none;

 list-style-type: square;

 }
html {  scroll-behavior: smooth;

}

/*----------------------ORIGINALLY IN STRUCTURE.CSS ----------------------*/
.upper{    	position: fixed;

    	top: 400px;

    	background: #c9c9c9;

       	display: block;

}

/* -----------------------------Set Hyperlink colours------------------------*/
/* unvisited link */
a:link {  color: black;

}

/* visited link */
a:visited {  color: green;

}
/* mouse over link */a:hover {  color: hotpink;

}
/* selected link */a:active {  color: blue;

}
/*---------------------------------------Desktop menu buttons---------------------------------/*

html, body, .wrapper {height: 100%;}

body.home .main-nav li a.home 			{background: url(../images/menu-items-custom.png) no-repeat 0 -43px;}
body.about .main-nav li a.about 		{background: url(../images/menu-items-custom.png) no-repeat -63px -43px;}
body.parents .main-nav li a.parents 		{background: url(../images/menu-items-custom.png) no-repeat -152px -43px;}
body.taekwondo .main-nav li a.taekwondo 	{background: url(../images/menu-items-custom.png) no-repeat -230px -43px;}
body.kickboxing .main-nav li a.kickboxing 	{background: url(../images/menu-items-custom.png) no-repeat -344px -43px;}
body.karate .main-nav li a.karate 		{background: url(../images/menu-items-custom.png) no-repeat -448px -43px;}
body.FAQ .main-nav li a.FAQ 			{background: url(../images/menu-items-custom.png) no-repeat -600px -43px;}
body.contacts .main-nav li a.contacts 		{background: url(../images/menu-items-custom.png) no-repeat -646px -43px;}
body.resources .main-nav li a.resources 	{background: url(../images/menu-items-custom.png) no-repeat -724px -43px;}
body.private-tuition .main-nav li a.home 			{background: url(../images/menu-items-custom.png) no-repeat 0 -43px;}

body > .wrapper {height: auto;min-height: 100%;}

/*----------------------------------------- Black dropdown menu for mobile site MUST GO BEFORE THE MAIN FORMATTING -------------------------*/

#cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a {
	border: none;
	line-height: 1;
	margin: 0;
	padding: 0;
	z-index: 4;
}
#cssmenu {
  	height: 18px;/* original value 37px*/
	z-index: 4;
	display: block;
	top:100px;
	border: 3px solid;
	border-radius: 5px;
	width: 954px;
	border-color: #fff;/* Original value #080808 */
	margin:0px;
        padding: 0px;
}
#cssmenu > ul {
	list-style: inside none;
	margin: 0;
	padding: 0;
	z-index: 4;

}
#cssmenu > ul > li {
	list-style: inside none;
	float: left;
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 4;

}
#cssmenu.align-center > ul {
	text-align: center;
	z-index: 4;

}
#cssmenu.align-center > ul > li {
	float: none;
	margin-left: -3px;

}
#cssmenu.align-center ul ul {
	text-align: left;
}
#cssmenu.align-center > ul > li:first-child > a {
	border-radius: 0;

}
#cssmenu > ul > li > a {
	outline: none;
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	font-weight: 700;
	font-size: 1.0em;

 /* Original size 13px */
	font-family: bodyfont,Arial, Helvetica, sans-serif;
	border-right: 1px solid #fff;/* Original colour #080808;*/
		color: #ffffff;
		padding: 1px 9.5px;/*  parameters denote gap between each menu item */
}
#cssmenu > ul > li:first-child > a {	border-radius: 5px 0 0 5px;

}
#cssmenu > ul > li > a:after {	content: "";

	position: absolute;
	border-right: 5px solid;
	top: -1px;
	bottom: -1px;
	right: -2px;
	z-index: 4;
	border-color: #fff;

}
#cssmenu ul li.has-sub:hover > a:after {	top: 0;

	bottom: 0;

}
#cssmenu > ul > li.has-sub > a:before {	

	content: "";
	position: absolute;
	top: 16px;
	right: 6px;
	border: 5px solid transparent;
	border-top: 5px solid #ffffff;

}
#cssmenu > ul > li.has-sub:hover > a:before {	top: 19px;

}
#cssmenu > ul > li.has-sub:hover > a {	padding-bottom: 14px;

		z-index: 4;
		border-color: #3f3f3f;

}
#cssmenu ul li.has-sub:hover > ul,#cssmenu ul li.has-sub:hover > div {	display: block;

}
#cssmenu > ul > li.has-sub > a:hover,#cssmenu > ul > li.has-sub:hover > a {	background: #3f3f3f;

	border-color: #3f3f3f;

}
#cssmenu ul li > ul,#cssmenu ul li > div {

	display: none;
	width: auto;
	position: absolute;
	top: 50px;/* Original 38px  */
	background: #3f3f3f;
	border-radius: 0 0 5px 5px;
	z-index: 4;
	padding: 10px 0;/*Original 10 & 0 */
}

#cssmenu ul li > ul {	width: auto;

 /* Original value 200px */}
#cssmenu ul ul ul {	position: absolute;

}
#cssmenu ul ul li:hover > ul {	left: 100%;

	top: -10px;

	border-radius: 5px;

}
#cssmenu ul li > ul li {	display: block;

	list-style: inside none;
	position: relative;
	margin: 0;
	padding: 0;

}
#cssmenu ul li > ul li a {

	outline: none;
	display: block;
	position: relative;
	width: 400px; /* This is text width before text wrapping occurs */
	font: 40pt Arial, Helvetica, sans-serif;/* Original font size 10 */
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	margin: 0;
	padding: 8px 20px;/* original 8 & 20px */
}
#cssmenu,#cssmenu ul ul > li:hover > a,#cssmenu ul ul li a:hover {	background: #3c3c3c;

	background: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c3c3c), color-stop(100%, #222222));

	background: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);

	background: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);

	background: -ms-linear-gradient(top, #3c3c3c 0%, #222222 100%);

	background: linear-gradient(top, #3c3c3c 0%, #222222 100%);

}
#cssmenu > ul > li > a:hover {  background: #080808;

	color: #ffffff;

}
#cssmenu ul ul a:hover {	color: #ffffff;

}
#cssmenu > ul > li.has-sub > a:hover:before {	border-top: 5px solid #ffffff;

}
/*---------------------------------------------- =main structure --------------------------------------*/.content {	margin: 0, auto;

 	margin-left:auto;

	margin-right:auto;

	overflow: visible;

 	position: relative;

 	max-width:960px }
.main {	padding-bottom: 0px;

 /* must be same height as the footer - originally 105px*/}
 .gradient-top {	background: url(../images/gradient-top.png) repeat-x left top;

 	overflow: visible;

}
.header { /*------  IMPORTANT  - anything that goes between the header tags is fixed at the top of the screen when scrolling --------*/	

	max-width:960px;
 	padding-top: 0px;
 	z-index: 4;
 	position:fixed;
 	margin:auto;

}
.graph-nav-wrapper {	float: right;

 	overflow: visible;
 	width: 960px;

}
.graphics-wrapper {}
.graphics-text {float: left;

}
/*-------------------Header image set layout -----------------*/

.RSA-text {
	background: url(../images/academy-banner.png) no-repeat 0 0;
	top:0px;
	left:210px;
 	position:absolute;
 	height: 70px;
	width: 497px;
	z-index: 3;
}
.RSA-tagline {
	background: url(../images/say-yes.png) no-repeat 0 0;
 	top:75px;
	position:fixed;
 	height: 20px;
 	margin: 0px 0 0 140px;
 	width: 700px;
 	z-index: 3;

}
.RSA-logo-left {
	background: url(../images/big-logo.png) no-repeat;
 	top:0px;
 	height: 108px;
 	position: fixed;
	width: 110px;
 	z-index:3;
}
.RSA-logo-left>a {
 	height: 108px;
 	position: fixed;
	width: 110px;
 	z-index:3;
}
.RSA-logo-right {
	background: url(../images/big-logo.png) no-repeat;
 	top:0px;
	left: 850px;
 	height: 108px;
 	position: absolute;
	width: 110px;
 	z-index:3;
}
.RSA-logo-right>a {
 	height: 108px;
 	position: fixed;
	width: 110px;
 	z-index:3;
}
.header-background {

	background: url(../images/header-background.png) no-repeat;
 	top:  0px;
	margin-left: auto;
	margin-right: auto;
  	height: 120px;
 	position: fixed;
 	width: 960px;
 	z-index:0;
}
/*-------------------------------------------Header divide and homepage/resources page video formatting options--------------------------*/ 

.header-divide {
	background: url(../images/horizontal-divide.png) no-repeat 0 0;
 	margin-left:auto;
	margin-right:auto;
	top: 120px;
	position:relative;
	height: 20px;
	width: 667px;
	z-index: 1;
}
.homepage-video {
	top: 0px;
	height: 540px;
	position:relative;
	z-index: 1;
}

.tkd-video {
	top: 0px;
	height: 540px;
	position:relative;
	z-index: 1;
}

.karate-video {
	top: 0px;
	height: 540px;
	position:relative;
	z-index: 1;
}

.belt-tying-video {
	height: 480px;
	position:relative;
	z-index: 1;
}
.extra-header-padding {
	background: url(../images/content-top.png) no-repeat 0 0;
	position:relative;
	padding-top:120px;
 	max-width: 960px;
 	z-index: 1;
}
/*---------------------------Formatting of the white spaces and gaps between where the text goes ----------------------------------------------------------------*/

.content-body {	margin:auto;

	overflow: visible;
 	max-width: 960px;
 	z-index: 3;

	}
}
.content-body-top {	background: url(../images/content-top.png) no-repeat 0 0;

 	padding-top: 12px;

 	max-width:960px;

}
.content-body-bottom {	background: url(../images/content-bottom.png) no-repeat 0 bottom;

 	padding-bottom: 12px;

 	max-width:960px;

}
.content-body-tile, content-body-tile-padding {	background: #fff;

 	padding: 0px 0px;

	max-width:960px;

}
.content-body-tile-padding {	background: #fff;

 	padding: 0px 12px;

	max-width:960px;

}
.horizontal-divide {	background:url(../images/horizontal-divide.png) no-repeat 0 ;

 	clear: left;
 	height: 19px;
 	margin-left: auto;
	margin-right: auto;
 	margin-top: 30px;
 	margin-bottom: 30px;
	width: 667px;

}
	 /*--------------------------------About Us Page-------------------------------*/.bigger { font-size:200%;

 }
.smaller-body-text {
	font-size:1.0em;
}
/*---------------------------------------------- =Home page bullet points and carousel ------------------------*/
.bullet-points {
	float: left;
	margin-top: 0px;
	padding: 0;
	max-width: 960px;


}
	
.bullet-points li {
		background: url(../images/bullet-point.jpg) no-repeat 0px -1px;
		font-family: bodyfont, "Times New Roman", Impact;
		font-size: 1.0em;
		line-height:1.5em;
		width: 830px;
		margin-left: 25px;
		margin-top: 0px;
		padding-left: 50px;
		padding-top: 0px;
		padding-bottom: 12px;
		z-index:3;


}

body.home .column-wrapper p {padding-bottom: 6px;

}

/*---------------------------------------------- In-page to be displayed on the left or right of the screen ---------------------------------------*/
.content-left {float: left; width: 400px; margin-right: 20px; }
.content-left img {border: solid 1px #ccc; margin: 6px 24px 12px 0;}
.content-left-about-us {float: left; width: 300px; margin-right: 20px;}
.content-right-about-us {float: right; width: 300px; margin-left: 20px;}
.content-left img {border: solid 1px #ccc; }
.content-right {float: right; width: 400px; margin-left: 20px;}
.content-right img {border: solid 1px #ccc; margin: 6px 24px 12px 0;}

.contact-us-border {border: solid 10px #777; border-radius: 10px;}

/*-----------------------------------------------Main navigation buttons along the top of the screen -------------------------------------------*/
.main-nav {background: url(../images/background-nav.png) no-repeat 0 0;

 height: 61px;

 margin: 6px 0 0 -147px;

 width: 900px;

}

/*---------------------------------------------- Honour roll -------------------------------------*/

#honour-roll  p {
    font-family: bodyfont;
    font-size: 3.0em;
    background-color: yellow ;
}
/*---------------------------------------------- Navigation button formatting ---------------------------------------*/

#roundedpicframe {  border-radius: 10px;

  border: 5px solid #000;
  padding: 5px;
  width: 200px;
  height: 235px;
  margin-bottom:10px;
  margin-right:10px;
  position:relative;

  }
.picture-centre {	

	no-repeat:auto;
	margin-left:auto;
 	margin-right:auto;
	margin-top:525px;
 	margin-bottom:25px;
 	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	width: 200px;
	font-weight:bold;
	z-index:0;

}
.picture-centre img {	font-weight:bold;

	display: block;
	z-index:0;

}
.picture-left {
	float: left;
 	width: 200px;
 	font-weight:bold;
	z-index:1;

}
.picture-left img {
 	margin: 0px 0px 0px 0px;
	font-weight:bold;

}
.picture-centre-left-options-adults {
	float:left;
	left: 100px;
 	width: 200px;
 	font-weight:bold;
	z-index:1;

}
.picture-centre-left-options-adults img {
 	margin: 0px 0px 0px 0px;
	font-weight:bold;

}
.picture-centre-right-options-adults {
	float:right;
	right: 100px;
 	width: 200px;
 	font-weight:bold;
	z-index:1;

}
.picture-centre-right-options-adults img {
 	margin: 0px 0px 0px 0px;
	font-weight:bold;

}
.picture-centre-options-adults {
	float:left;
	left: 125px;
 	width: 200px;
 	font-weight:bold;
	z-index:1;
	no-repeat:auto;

}
.picture-centre-options-adults img {
 	margin: 0px 0px 0px 0px;
	font-weight:bold;

}
.picture-centre-left-options-juniors {
	float:left;
	left:200px;
 	width: 200px;
 	font-weight:bold;
	z-index:1;

}
.picture-centre-left-options-juniors img {
 	margin: 0px 0px 0px 0px;
	font-weight:bold;

}
.picture-centre-right-options-juniors {
	float:right;
	right:200px;
 	width: 200px;
 	font-weight:bold;
	z-index:1;

}
.picture-centre-right-options-juniors img {
 	margin: 0px 0px 0px 0px;
	font-weight:bold;

}
.picture-right {

	float: right;
 	width: 200px;
	font-weight:bold;
	z-index:1;

}
	.picture-right img {	margin: 0px 0px 0px 0px;
	font-weight:bold;

}
.circle-picture-right {	float: right;

 	margin-right:20px;
 	margin-top:25px;
 	margin-bottom:25px;
 	width: 200px;
	font-weight:bold;

}
.circle-picture-right img {  	

font-weight:bold;

}
.circle-picture-centre {	no-repeat:auto;

	margin-left:auto;
 	margin-right:auto;
	top:25px;
	margin-top:25px;
 	margin-bottom:25px;
 	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	width: 200px;
	font-weight:bold;
	z-index:0;

}
	.circle-picture-centre img {  	font-weight:bold;
	display: block;
	z-index:0;

}
.circle-picture-left {	float: left;

 	margin-left:20px;
 	margin-top:25px;
 	margin-bottom:25px;
 	width: 200px;
	font-weight:bold;

}
	.circle-picture-left img {  	margin: 0px 0px 0px 0px;

}
.button-text {
	font-weight:bold;
	text-align:center;
 	padding-top:5px;
	padding-bottom:6px;
	margin-top:0px;
	margin-bottom:0px;
	color:white;
 	no-repeat:0;
	font-size:1.0em;
	line-height: 1.0em;

}
/*---------------------------------------------- =Sub nav ---------------------------------------------*/
/* Old fonts:  FranklinGothicMediumCondRg for Content-left  */	

.content-left ul {font-family: Arial, Helvetica, sans-serif;
 padding: 0;

}
		.content-left li {background: url(../images/divider-sub-nav.png) no-repeat 0 bottom;

 margin-bottom: 2px;

 padding-bottom: 9px;

 padding-left: 6px;

}
		.content-left li a {			color: #f6921e;

			display: block;

			font-size: 1.3em;

			letter-spacing: .055em;

			line-height: 1.3em;

			padding-bottom: 2px;

			text-decoration: none;

			text-transform: uppercase;

		}
		.content-left li a:hover {color: #0db04b;

 text-decoration: none;

}
		.content-left li a.sub {padding-left: 12px;

}
		.content-left li a.selected {color: #0db04b;

}
			.content-left li a.hide span.arrow {visibility: hidden;

}
			.content-left li a:hover.hide span.arrow {visibility: visible;

}
				/*---------------------------------------------- =Testimonials ----------------------------------------*/.bb-testimonial {float: left;

 margin-top: 12px;

 padding: 0;

}
	.bb-testimonial span {		background: url(../images/sprites.png) no-repeat -4px -146px;

		color: #333;

		float: left;

		font-size: 2.0em;

		font-style: italic;

		height: 30px;

		width: 800px;

		padding: 0;

		padding-left: 48px;

		padding-top: 12px;

	}
.testimonial {float: left;

 margin-top: 0px;

 padding: 0;

}
	.testimonial span {		background: url(../images/sprites.png) no-repeat -4px -146px;

		color: #333;

		float: left;

		font-size: 2.0em;

		font-style: italic;

		height: 30px;

		padding-left: 48px;

	}
	.testimonial p {color: #333;

 font-size: 2.0em;

 font-style: italic;

 margin-left: 48px;

 padding-bottom: 0	px;

}
}
	.testimonial p.tog {font-style: normal;

}
	.testimonial p.person-quote {clear: left;

 color: #f6921e;

 font-size: 4em;

 font-weight: bold;

 padding-bottom: 12px;

 padding-top: 6px;

}
h5.other-testimonials {	clear: left;

	color: #0db04b;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 4em;

	font-weight: normal;

	line-height: 1.3em;

	padding-top: 3px;

	padding-left: 48px;

	text-transform: none;

}
/*---------------------------------------------- =Parent's page ---------------------------------------*/.questions {float: left;

 margin-top: 6px;

 padding: 0;

 width: 960px;

}
	.questions li {		background: url(../images/sprites.png) no-repeat -206px -258px;

		color: #333;

		font-size: 4.0em;

		font-style: italic;

		height: 55px;

		margin-top: 0px;

		padding: 0;

		padding-left: 42px;

		padding-top: 0px;

	}
.questions li.kid-special {		background: url(../images/sprites.png) no-repeat -206px -117px;

		height: 65px;

		line-height: 1.7em;

		margin-left: -32px;

		margin-top: 0px;

		padding-left: 74px;

	}
	.parents .ECM-logo {border-color: #fff;

 display: block;

 margin: 0;

 margin-left: -9px;

 width: 230px;

}
	.parents .ECM-statement {		color: #595959;

		font-family: Arial, Helvetica, sans-serif;

		font-size: 2.0em;

		line-height: 1.3em;

		padding-top: 11px;

		text-align:center;

	}
	.parents h2.five-outcomes {background: url(../images/5-outcomes.png) no-repeat 0 0;

 height: 34px;

 margin-left: -9px;

 margin-top: 5px;

 padding-bottom: 20px;

}
	.parents h3 {		color: #f6921e;

		font-family: Arial, Helvetica, sans-serif;

		font-size: 1.3em;

		font-weight: normal;

		line-height: 1.3em;

		margin: 0;

		padding-bottom: 0;

		text-transform: uppercase;

	}
	.parents h4 {margin-top: 12px;

}
	.parents h5.little-ninjas {background: url(../images/little-ninjas.png) no-repeat 0 0;

 height: 160px;

 margin-left: 50px;

 margin-top: 5px;

 padding-bottom: 20px;

}
	.parents h6 {		color: #e00000;

		font-family: Arial, Helvetica, sans-serif;

		font-size: 2.0em;

		font-weight: normal;

		line-height: 1.5em;

		margin: 0;

		padding-bottom: 0;

				text-transform: none;

	}
	/*---------------------------------------------- =FAQ page --------------------------------------------*/.FAQ-content h3 {background: url(../images/sprites.png) no-repeat -206px -258px;

 height: 55px;

 margin-left: -12px;

 padding: 0;

 padding-left: 48px;

}
.FAQ-content p {margin-top: -24px;

 padding-left: 36px;

}
/*---------------------------------------------- =Contacts page ---------------------------------------*//*---------------------------------------------- =Terms of use and Privacy policy ---------------------*/.terms-of-use ul, .privacy-policy ul {padding: 0;

}
	.terms-of-use li, .privacy-policy li {list-style-type: disc;

 margin-left: 36px;

 padding-left: 6px;

 padding-bottom: 6px;

}
	/*---------------------------------------------- =Data protection -------------------------------------*/.data-protection {background: #f2f2f2;

 margin: 6px 24px 12px 0;

 padding: 6px 12px;

}
.data-protection h5 {color: #595959;

}
.data-protection p {font-size: 1em;

}
/*---------------------------------------------- =Free trial form -------------------------------------*/body.trial h4 {padding-bottom: 10px;

}
body.trial ol {padding: 0;

}
body.trial ol li {list-style-type: none;

 padding: 0 0 12px 0;

}
body.trial span.green {font-size: 1.4em;

 line-height: 1.8em;

 width: auto;

}
body.trial label.error {float: left;

 padding-top: 4px;

 padding-right: 4px;

 width: auto;

}
body.trial p.green-mandatory {color: #0db04b;

 font-weight: bold;

}
body.trial .column-wrapper {padding: 12px 0 0;

}
body.trial .data-protection {margin-top: 0;

}
body.trial .field-keys {color: #0db04b;

 font-weight: bold;

}
body.trial .btn-wrapper {display: inline-block;

 padding-left: 112px;

 margin-top: 12px;

}
body.trial .btn-wrapper button {border: 0;

 background: url(../images/button.png) no-repeat 0 0;

 color: #3d3d3d;

 cursor: pointer;

 font-size: 1.2em;

 height: 52px;

 width: 112px;

}
body.trial .data-protection {margin-right: 0;

}
	/*---------------------------------------------- =Footer ----------------------------------------------*/.bottom-gradient {background: url(../images/gradient-bottom.png) left bottom;

 clear: both;

 height: 105px;

 margin-top: -150x;

 position: relative;

}
	.footer {		background:url(../images/background-footer.png) no-repeat 0 0;

 		height: 79px;

 		margin: 0 auto;

 		position: relative;

		top:28px;

		bottom:0px;

 		width: 955px;

		font-family: bodyfont, "Times New Roman", Impact, Arial, Helvetica, sans-serif;

}
		.footer-left {float: left;

 padding: 15px 0 5px 15px;

 width: 600px;

 /*494px;

*/}
			.footer-left ul {padding: 0;

}
				.footer-left li {border-left: solid 1px #fff;

 float: left;

 line-height: normal;

 padding: 0 6px;

}
				.footer-left li.home {border-left: none;

 padding-left: 0;

}
					.footer-left li a {color: #fff;

 display: block;

}
		.nav-footer {float: left;

 padding: 12px 0px 5px 15px;

 width: 800px;

 /*494px;

*/}
 /*----text links for the footer */
			.nav-footer ul {padding: 0;}
				.nav-footer li {border-left: solid 1px #fff; float: left; line-height: normal; padding: 0 6px; font-size:1.5em;}
 				.nav-footer li.home {border-left: none; padding-left: 0;}
					.nav-footer li a {color: #fff; display: block;}
			.copyright-privacy-wrapper {width: 800px;}
				p.copyright  {color: #ffda78; display: inline; font-size: 1.5em; float: left; line-height: normal; margin-right: 24px; padding-bottom: 0; padding-top: 0px;}
				ul.privacy {display:inline; padding-top: 0px;}
					ul.privacy li {border-left: solid 1px #ffda78; line-height: normal;}
					ul.privacy li.first-item {border-left: none; line-height: normal; }
						ul.privacy li a {color: #ffda78; display: block;}
		.footer-right {float: right; margin-right: 26px; width: 100px;/*379px  313*/}
			.footer-right a.every-child-matters {float: right/*left*/; /*margin-left: 108px;*/}
			.footer-right .social-network {display: inline; float: right; margin-right: -12px; padding: 16px 16px;}
				.footer-right .social-network li {float: left; padding: 0;}
				.footer-right .social-network li a {display: block; height: 46px; text-decoration: none; width: 46px;}
				.footer-right .social-network li a.instagram {background: url(../images/sprites.webp) no-repeat 0 0;}
				.footer-right .social-network li a.facebook {background: url(../images/sprites.webp) no-repeat -49px 0;}
				.footer-right .social-network li a:hover.instagram {background: url(../images/sprites.webp) no-repeat 0 -46px;}
				.footer-right .social-network li a:hover.facebook {background: url(../images/sprites.webp) no-repeat -49px -46px;}
		.media-footer {float: right; margin-right: 0px; width: 140px; /*379px*/}
			.media-footer a.every-child-matters {float: right/*left*/; /*margin-left: 108px;*/}
			.media-footer .social-network {display: inline; float: right; margin-right: 0px; padding: 16px 16px;}
				.media-footer .social-network li {float: left; padding: 0;}
				.media-footer .social-network li a {display: block; height: 46px; text-decoration: none; width: 46px;}
				.media-footer .social-network li a.instagram {background: url(../images/sprites.webp) no-repeat 0 0;}
				.media-footer .social-network li a.facebook {background: url(../images/sprites.webp) no-repeat -49px 0;}
				.media-footer .social-network li a:hover.instagram {background: url(../images/sprites.webp) no-repeat 0 -46px;}
				.media-footer .social-network li a:hover.facebook {background: url(../images/sprites.webp) no-repeat -49px -46px;}
				.muti-media {bottom: -20px; position: absolute; right: 36px;}
	.muti-media a {color: #fff;}
/*-------------------ORIGINALLY IN REUSABLE.CSS----------------*//*--------------------------------------------------	=FloatClearing */.cc:after {    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    }
        .cc {display: inline-block;

}
/*Hides from IE-mac*/.cc {display: block;

}
/*end hide from IE-mac*//*--------------------------------------------------	=Element classes */h1.plus-padding {padding-bottom: 18px;

}
a.more {color: #f6921e;

 font-size: .8em;

 font-weight: bold;

 letter-spacing: .075em;

 text-decoration: none;

}
 a.more span.more-link {text-transform: uppercase;

}
a:hover.more span.more-link {text-decoration: underline;

}
a:hover.more span.more-arrow {text-decoration: none;

}
a.other {text-decoration: none;

}
a:hover.other span.other-link {text-decoration: underline;

}
a:hover.other span.other-arrow {text-decoration: none;

}
a.more-info,a.toggleLink {color: #f6921e;

 font-size: .8em;

 font-weight: bold;

 letter-spacing: .075em;

 margin-top: -6px;

 padding-left: 48px;

 text-decoration: none;

 text-transform: uppercase;

}
a.toggleLink {padding-left: 0;

}
a:hover.more-info,a:hover.toggleLink {text-decoration: underline;

}
 a.every-child-matters {border: solid 1px #777;

 display: block;

 margin: 10px 0;

 width: 185px;

 zoom: 1;

}
img.float-left {border: solid 1px #ddd;

 float: left;

 margin: 6px 24px 12px 0;

}
 img.float-right {}
	/*--------------------------------------------------	=Structural classes */.freephone-number {background: url(../images/freephone-number.jpg) no-repeat 0 0;

 height: 76px;

 margin-left: 64px;

 margin-top: 24px;

 width: 750px;

}
.statement {color: #595959;

 font-family: bodyfont, "Times New Roman", Impact, Arial, Helvetica, sans-serif;

 font-size: 4.0em;

 line-height: 1.3em;

}
.in-closing {

	color: #f6921e;
	font-family: bodyfont, Impact, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: bold;

}
/*--------------------------------------------------	=General classes */
.accessibility {visibility: hidden;}
.clear {clear: both;}
.bold {font-weight: bold;}
.float-left {float: left;}
.float-right {float: right;}
a.underline {text-decoration: underline;}
a:hover.underline {text-decoration: none;}
.req-label {font-weight: bold;}
/*--------------------------------------------------	=General layout */	
.column-wrapper {padding: 6px 12px;}
.alternate-row {background: #f2f2f2;}

.left-column {float: left; width: 418px;}
.right-column {float: right; width: 418px;}

.content-left-wide {float: left; width: 314px;}
.content-left-wide img {border: 0px solid #ccc;	margin: 6px 24px 12px 0;}

.content-right-wide {float: right; width: 564px;}
.tkdcontent-right-wide {float: right; width: 960px;}

.kkbcontent-right-wide {float: right; width: 550px;}
.kkbcontent-right-wide2 {float: left; width: 900px;}

.picture-right-wide {float: right; width: 314px;}
.picture-right-wide img {border 0px solid #ccc;	margin: 6px 24px 12px 0;}

.content-left-history img {border: solid 1px #ccc; }
.content-left-history {float: left; width: 476px; margin-right: 20px;}
	
.content-right-history img {border: solid 1px #ccc;}
.content-right-history {float: right; width: 450px; margin-left: 20px;}

/*--------------------------------------------------------Other, old, unused ----------------------------------------------------*/*/---COMMENTED OUT --- START ---------carousel---------.carousel-wrapper {float: left;

 padding: 0;

 margin-top: 6px;

 position: relative;

 width: 570px;

}
	.carousel-wrapper img.recent-work {position: absolute;

 top: -25px;

 left: 15px;

 z-index: 1;

 }
		.main-view a img {border: none;

}
.main-view {border: none;

 float: left;

 margin: 0;

 position: relative;

}
	.carousel-top {background: url(../images/carousel-top.jpg) no-repeat 0 0;

 padding: 7px 6px 0 0;

 width: 528px;

}
		.carousel-bottom {background: url(../images/carousel-bottom.jpg) no-repeat 0 bottom;

 padding: 0 6px 7px 0;

 width: 528px;

}
			.carousel-tile {background: url(../images/carousel-tile.jpg) repeat-y 0 0;

 padding: 0 6px 0 2px;

 width: 528px;

}
			.window {height: 245px;

 width: 528px;

 overflow: hidden;

 position: relative;

}
.image-reel {position: absolute;

 top: 0;

 left: 0;

}
.image-reel img {float: left;

}
.paginator {position: absolute;

 top: 82px;

 right: -26px;

 z-index: 100;

 line-height: 12px;

 display: none;

}
.paginator a {	background: url(../images/sprites.png) no-repeat -206px -239px;

	color: #fff;

	display: block;

	font-size: .8em;

	font-weight: bold;

	height: 13px;

	margin: 0;

	margin-bottom: 6px;

	padding-left: 3px;

	width: 13px;

	text-decoration: none;

}
.paginator a.active,.paginator a:hover {background: url(../images/sprites.png) no-repeat -249px -239px;

}
------footer------body.home .nav-footer li a.home {text-decoration: underline;

}
body.about .nav-footer li a.about {text-decoration: underline;

}
body.parents .nav-footer li a.parents {text-decoration: underline;

}
body.taekwondo .nav-footer li a.taekwondo {text-decoration: underline;

}
body.kickboxing .nav-footer li a.kickboxing {text-decoration: underline;

}
body.karate .nav-footer li a.karate {text-decoration: underline;

}
body.FAQ .nav-footer li a.FAQ {text-decoration: underline;

}
body.contacts .nav-footer li a.contacts {text-decoration: underline;

}
body.resources .nav-footer li a.resources {text-decoration: underline;

}
-------------------------------Desktop button menu layout --------------------------------COMMENTED OUT --- END --- */