/* @override http://192.168.1.3/~mattwins/creativetuition/style.css */

@charset "utf-8";

strong { font-weight: 700; }

body { margin:0; padding:0; width:100%; background: #e9e9e9 url(images/main_bg.gif) repeat-x; }
html { padding:0; margin:0; }
.main { margin:0 auto; padding:0; }
.resize { width:960px; padding:0; margin:0 auto; }


/********** header **********/
.header { background-position: right; width:960px; padding:0; margin:0 auto;}
/* 2 */
.header_blog2 { background:url(images/header_blog_bg.gif) top center repeat-x; padding:20px 0 0 0; margin:0; height:95px; }
.header_blog2 h2 { font: bold 36px 'Helvetica Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#fff; padding:10px 0 0 0; margin:0; }
/* logo */
.logo { padding:0; margin:0; width:260px; float:left; }
/*menu*/
.menu { padding:55px 0 0 0; margin:0; float:right; }
.menu ul { text-align: left; padding:0; margin:0; list-style:none; border:0; float:right; }
.menu ul li { float:left; margin:0; padding:0 5px; border:0; }
.menu ul li a { float:left; margin:0; padding:12px 0; color:#fff; font:normal 1em 'philosopher', 'Helvetica Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration:none; }
.menu ul li a span { padding:12px 9px; background:none; }
.menu ul li a:hover { background: url(images/r_menu.gif) no-repeat right; }
.menu ul li a:hover span { background:url(images/l_menu.gif) no-repeat left; }
.menu ul li a.active { background:url(images/r_menu.gif) no-repeat right; }
.menu ul li a.active span { background:url(images/l_menu.gif) no-repeat left; }
/* header_blog*/
.header_blog { background: #fff; padding:0; width:958px; border: 1px solid #d4d4d4; margin: 0px auto 0 auto; }
/* body */
.body { padding:10px 0; margin:0 auto; }
h1 { font: 28px 'Philosopher', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#1d2024; padding-bottom:10px; border-bottom : 1px solid #efefef; line-height: 36px;}
h1.margin { margin:20px 20px 0 20px;}
h2 { font: 24px 'Philosopher', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#1d2024; padding-bottom:10px; margin-bottom: 10px; border-bottom : 1px solid #efefef; line-height: 36px;}
h2.stages {border-bottom : 1px solid #8fa7b2;}
h2.stages.testimonial {
	margin-left: 147px;
	margin-bottom:12px;
}
h3 { font: 20px 'philosopher', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#1d2024; padding-bottom:10px; border-bottom : 1px solid #efefef;}
h2 span { font:normal 11px 'Maven Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#ababab; text-transform:none; }
.body p { font:normal 14px 'Maven Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#565656; line-height:1.5em; padding:8px 0; margin:0 0 5px 0; }
.body p span { }
.body a { color:#00bddf; text-decoration:none; }
.body img { margin:10px auto; padding:0; }
.body img.floated { float:left; margin:5px 20px; padding:0; }
.right { width:280px; margin:0; padding:0 20px; float:right; }
.left { width:595px; margin:0; padding:0 20px; float:left; }
.port { width:285px; margin:0; padding:0 10px 0 20px; float:left; }
/*FBG*/
.FBG { margin:0 20px 15px 20px; padding:0; }
.FBG a { color:#00bcde; text-decoration:none; }
.FBG img { float:left; margin:5px 0; padding:0; }

.bodyul,
.FBG ul,
.FBG p { color: #5d5d5d; text-decoration:none; padding:5px 0px; margin:0;
	font : normal 14px/1.6em 'Maven Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.FBG h3 {  padding: 0; margin: 0; font-family : 'Philosopher', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size : 14px; }

.FBG h3.level, h3.ability {font-family: 'Philosopher', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 700; font-size: 20px; color: #333333; }


h3.level-sml {
	font-size: 1.2em;
	}
h3.level-sml-contact {
	font-size: 1.2em;
	margin-bottom: 0;
	}
h3. { font-family: 'Philosopher', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 700; font-size: 10px; letter-spacing: 1px; }

.bodyul li,
.FBG ul li {
	margin : 0 0 10px 25px; }
	
.bodyul li strong,
ul strong {
	color : #333; }




.FBG .bloga { width:285px; float:left; margin:0 10px 0 0; padding:10px 10px 10px 0; border-right:1px solid #e5e5e5; }
.FBG .bloga.last { border:0; margin:0; }
/********** contact form **********/
#contactform { margin:0; padding:5px 0; }
#contactform * { color:#2a2a2a; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform li.buttons { margin:10px 0; clear:both; }
#contactform label { margin:0; width:200px; display:block; padding:5px 0; color:#444444; font: normal 1em 'Maven Pro', 'Helvetica Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#contactform label span { color:#009ee6; font-size: 0.75em;}
#contactform input.text { width:400px; border:1px solid #cdcdcd; margin:2px 0; padding:5px 8px; height:16px; background:#fefefe;}
#contactform input.text:focus, #contactform textarea:focus { background: #fff; outline:none; border-color:#e5e5e5; box-shadow:0 0 6px #b2e7ff; -moz-box-shadow:0 0 6px #b2e7ff; -webkit-box-shadow:0 0 6px #b2e7ff; }
#contactform input { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#contactform textarea { width:500px; border:1px solid #cdcdcd; margin:2px 0; padding:2px; background:#fefefe; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

f/*************footer**********/
.footer { padding:10px 0; margin:0; }
.footer_resize { width:920px; margin:0 auto; padding:0px 20px; }
.footer p { font:normal 11px 'Maven Pro', 'Helvetica Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#a4a4a4; }
.footer a { font:bold 11px 'Maven Pro', 'Helvetica Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#a4a4a4; text-decoration:none; padding:5px; margin:0; }
.footer p.right { text-align:right; width:350px; margin:0; padding:5px 0 0 0; float:right; }
.footer p.leftt { text-align:left; width:550px; margin:0; padding:5px 0 0 0; float:left; }
p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }
/* Slider */
#slider { width:917px; padding:21px 0 20px 0; margin: 0 auto; }
div#slideshow { width:917px; height:398px; padding:0; margin:0 auto; }
@-moz-document url-prefix() {
    div#quote {
	}
}
.slider-item { width: 100% !important; }
.slider-item img { float:right; margin: 0; padding:0; }
.slider_content_inner img { border: none; }
.controls-center { width: 917px; margin:0 auto; padding:5px 0;}
#slider_controls { margin:0 auto; z-index: 1000; width:917px; position : relative;}
#slider_controls h2 { width:600px; float:left; font: normal 11px 'Maven Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#888888; padding:5px 0 0 0; margin:0; }
#slider_controls h2 strong { color:#1d1d1d; }
#slider_controls ul { margin:0 20px 0 0; padding:0; width:76px; float:right; }
#slider_controls ul li { margin:0; padding:0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width:11px; height: 11px; background:url('images/tabs_2.gif') no-repeat center center; display: block; float: left; padding:10px 2px 0 2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { color:#979797; background:url('images/tabs_1.gif') no-repeat center center; }

div.FBG #quote {
	clear:both;
	margin-top: -55px;
	background-color: #fafafa;
	border-bottom: 1px dotted #bfbfbf;
	padding: 10px 20px;
	margin-bottom: 30px;
}

@-moz-document url-prefix() {
     div.FBG #quote {
		position: relative;
		margin-bottom: -40px;
    }
	
	div#quote {
		position: absolute;
		top: -55px;
		}
}

#quote {
	margin-top: 0px;
	background-color: #fafafa;
	border-bottom: 1px dotted #bfbfbf;
	padding : 10px;
}

#quote p {
  font-size : 18px;
  font-family : 'Philosopher', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding-right : 100px;
}

.left #quote { background: #fafafa; }
.left #quote p {
  background: url('images/quotes.png') no-repeat; background-position: center left; padding: 10px 10px 10px 75px; margin:0;
  font-size : 18px;
  font-family : georgia, 'Times New Roman';
  font-style : italic; }

.title,
.qmark {
  font-size : 28px;
    font-family : georgia, 'Times New Roman';
}

body h3.title {
	font-family: 'philosopher', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size : 1.375em !important;
	color: #2a2a2a;
}

.feature_box {
	position: relative;
	/* background: url('images/sidebar.jpg') no-repeat; */
	height: 600px;
	padding: 0;
	margin-top: 53px;
}

.feature_box h4#feat {
  font-family: 'philosopher', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size : 1em; 
  color : #009ce2;
  margin: 0;
  padding :0;
}

.feature_box p {
  width: 225px;
}

div#level {
	position: relative;
	width:916px; height: 336px;
	margin-bottom: 20px;
	background: url('images/level.jpg') no-repeat;
	}

div#ability {
	position: relative;
	width:918px; height: 385px;
	margin-bottom: 50px;
	background: url('images/level.jpg') no-repeat;
	}
	
div.fourth {
	float:left;
	width: 189px;
	margin-top: 100px;
	padding: 20px;
	height: 200px;
 }
 
 div.fourth-ability {
	float:left;
	width: 189px;
	margin-top: 115px;
	padding: 20px;
 }
 
 #level p {
	font-size: 12px;
	line-height: 1.5em;
	color: #191919;
	}

 #ability p {
	font-size: 12px;
	line-height: 1.5em;
	color: #191919;
	}

#level h3 {
	margin-top: 20px;
	font-size: 1.2em;
	width: 400px;
	color: #191919;
	}

#ability h3 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #191919;
	}

span.book-now {
	color: black;
	}
	
span.blue { color: #1b83a8;}

ul#reasons {
	float: left;
	width: 400px;
	clear: both;
	color: #1d89af;
	}

div#reasons-list ul {
	color: #1d89af;
	}

ul#reasons li {
	color: #191919;
	padding-right: 40px;
	}
	
div#mediaspace_wrapper { float: left; width: 470px; height: 320px; }

div#reasons-list {
	float: left;
	width: 400px;
	margin-bottom: 50px;
	}

div#reasons-video {
	width: 470px;
	clear: both;
	}

div#reasons-list h3 {
	font-size: 1.2em;
	padding-top: 0;
	}
	
div#level a.free-lesson {
	display: block;
	position: absolute;
	top: 297px;
	left: 291px;
	width: 132px;
	height: 29px;
	}
	
div.feature_box a.free-lesson-2 {
	display: block;
	position: absolute;
	top: 271px;
	left: 72px;
	width: 132px;
	height: 29px;
	}	
	
@-moz-document url-prefix() {
     div.FBG #quote {
        margin-top: -150px;
    }
}

div#speech-bubble {
	width: 687px;
	height: 128px;
	background: url('images/speech-bubble.jpg') no-repeat;
	}
	
div#hero {
	width: 595px;
	height: 162px;
	margin-bottom: 25px;
	background: url('images/tuition-hero.jpg') no-repeat;
	}

div.bluebox {
	min-height:120px;
	padding: 10px 20px;
	margin-bottom:30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #d0f0fb;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZjBmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOWM1ZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #d0f0fb 0%, #a9c5d1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0f0fb), color-stop(100%,#a9c5d1));
	background: -webkit-linear-gradient(top, #d0f0fb 0%,#a9c5d1 100%);
	background: -o-linear-gradient(top, #d0f0fb 0%,#a9c5d1 100%);
	background: -ms-linear-gradient(top, #d0f0fb 0%,#a9c5d1 100%);
	background: linear-gradient(to bottom, #d0f0fb 0%,#a9c5d1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0f0fb', endColorstr='#a9c5d1',GradientType=0 );
}

div.bluebox.testimonial img {
	margin-right:20px;
}

div.bluebox.testimonial p {
	line-height:30px;
}

<!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]-->

div.jp-audio,
div.jp-video {
  /* Edit the font-size to counteract inherited font sizing.
   * Eg. 1.25em = 1 / 0.8em
   */
  font-size:1.25em;
}

/********** reasons **********/

#reasonswrapper {
    width: 918px;
    overflow: hidden;
}
#reasons {
    width: 420px;
    float:left;
    padding-right: 20px;
}
#reasonsvideo {
	height:300px;
	margin-top: 55px;
	background: #efefef;
	overflow: hidden;
}

/********** stages **********/

div.bluebox.stages {
	margin:0;
	padding:0;
}

div.stages-col {
	float: left;
	width: 192px;
	margin: 30px;
}
div.stages-col:nth-child(2),
div.stages-col:nth-child(3),
div.stages-col:nth-child(4) {
	margin-left:0px;
}
div.stages img {
	margin:0;
	padding:0;
}
div.stages-col img {
	margin-bottom: 20px;
}

/********** ability **********/

div.bluebox.ability {
	margin:0;
	padding:0;
}
div.ability-col {
	float: left;
	width: 171px;
	margin: 20px;
}
div.ability-col:nth-child(2),
div.ability-col:nth-child(3),
div.ability-col:nth-child(4) {
	margin-left:0px;
}
div.ability img.bluebox-footer {
	float:left;
	margin:0;
	padding:0;
}
div.ability-col img {
	margin:0px;
}

/********** reasons **********/

ul.reasons {
	list-style: none;
	padding:0;
	margin:0;
}

ul.reasons li {
    text-indent: -1.1em;
}

ul.reasons li:before {
    content: "• ";
    font-size: 20px;
    color: #b3d1de;
}
div#free-lesson-test {
	width:595px;
	height:49px;
	background:url(images/free-lesson-bar.jpg) no-repeat;
	margin-bottom: 20px;
}

#contactform input[type=button] {
	-moz-box-shadow:inset 1px 1px 0px 0px #44a5c3;
	-webkit-box-shadow:inset 1px 1px 0px 0px #44a5c3;
	box-shadow:inset 1px 1px 0px 0px #44a5c3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2196bd), color-stop(1, #1d7ca8) );
	background:-moz-linear-gradient( center top, #2196bd 5%, #1d7ca8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2196bd', endColorstr='#1d7ca8');
	background-color:#2196bd;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	border:1px solid #44a5c3;
	display:inline-block;
	color:#fffbff;
	font-family:arial;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:36px;
	width:130px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 1px #0f6078;
}
#contactform input[type=button]:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1d7ca8), color-stop(1, #2196bd) );
	background:-moz-linear-gradient( center top, #1d7ca8 5%, #2196bd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d7ca8', endColorstr='#2196bd');
	background-color:#1d7ca8;
}
#contactform input[type=button]:active {
	position:relative;
	top:1px;
}
#one-to-one {
	position:relative;
}
#sidebar-button {
	position: absolute;
	width: 132px;
	height: 30px;
	top: 271px;
	left: 72px;
}
div.tuition-quote {
	position: relative;
	width: 555px;
	padding: 10px 20px !Important;
	margin-bottom:15px;
	background: #e7e7e7;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#e5e5e5));
  	background:-moz-linear-gradient(#fefefe, #e5e5e5);
  	background:-o-linear-gradient(#fefefe, #e5e5e5);
  	background:linear-gradient(#fefefe, #e5e5e5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
}
div.quotemarks {
	min-height:46px;
	width:468px;
	padding-right:78px;
	background: url(images/quotemarks.png) no-repeat bottom right;
}
div.quotemarks p {
	padding:0;
	margin:0;
	font-family: 'Philosopher', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height:1.5em;
}