/* -------------------- RESET -------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;} audio[controls], canvas, video {display: inline-block; *display: inline; *zoom: 1;} b, strong {font-weight: bold;} blockquote {margin: 1em 40px;} dfn {font-style: italic;} pre, code, kbd, samp {font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em;} pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;} q {quotes: none;} q:before, q:after {content: ""; content: none;} small {font-size: 85%;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} figure, form, fieldset {border: 0; margin: 0; padding: 0;} legend {border: 0; *margin-left: -7px; padding: 0;} label {cursor: default;} button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;} button, input {line-height: normal; *overflow: visible;} button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;} input[type="checkbox"], input[type="radio"] {box-sizing: border-box;} input[type="search"] {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} textarea {overflow: auto; vertical-align: top;}


/* -------------------- CORE -------------------- */
html {font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: url('../../images/bg-top.jpg') repeat-x black;}
body {margin: 0; font: normal 14px/1.333em Helvetica, Arial, sans-serif; color: white; background: url('../../images/bg-bottom.jpg') 0 1586px;}

/* Forms - Structure & Labels */
.form-wrap {padding: 25px 20px 20px; background: #2c2b2c; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.question, .answer {float: left;}
.question {clear: left; width: 170px; padding: 12px 20px 8px 0; text-align: left; text-transform: uppercase;}
.question label span {color: red;}
.answer {width: 420px; margin-bottom: 10px;}

.buttons {clear: both; padding: 20px 0 10px 190px;}
.buttons input[type=submit] {float: right; width: auto;}

.fb_invalid input, .fb_invalid select, .fb_invalid textarea {background: #ffdddd;}

/* Forms - Inputs */
input, select, textarea {width: 400px; height: 35px; padding: 0 10px; font: normal 14px/1em Helvetica, Arial, sans-serif; color: black; border: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
select {width: 420px;}
textarea {height: 150px; padding: 10px; line-height: 1.333em; resize: none;}

/* Forms - Buttons */
.button, input[type=submit], button {display: inline-block; height: 40px; line-height: 40px; padding: 0 15px; font-weight: bold; text-transform: uppercase; color: white; background: url('../../images/sprite.png') no-repeat 0 -400px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 4px 4px 15px rgba(0,0,0,0.7); -webkit-box-shadow: 4px 4px 15px rgba(0,0,0,0.7); box-shadow: 4px 4px 15px rgba(0,0,0,0.7);}

.btn-green {background-position: 0 -250px;}
.btn-red {background-position: 0 -300px;}
.btn-grey {background-position: 0 -350px; color: #2b200d;}
.btn-grey span {color: #e92327;}

.button:hover, button:hover, input[type=submit]:hover {background-position: 0 -350px; color: #2b200d;}
.btn-grey:hover {background-position: 0 -400px; color: white;}

h1, h2, h3, h4 {margin: 0 0 16px; padding: 0; font-weight: bold;}
h2 {padding-bottom: 12px; font-size: 24px; line-height: 26px; letter-spacing: -1px; border-bottom: 1px solid rgba(255,255,255,0.3);}
h2 span {color: #fff200;}
h3 {font-size: 18px; line-height: 22px; color: #fff200;}
h3 span {color: white;}
h4 {font-size: 14px; line-height: 18px; color: #e72323;}

a {color: #00ace9; text-decoration: none;}
a:hover {color: white; outline: none; outline: 0;}

ul, ol, dd {margin: 0; padding: 0; list-style: none;}
ul, ol li, p, table, address {margin: 0 0 1.5em;}
table {border-collapse: collapse; border-spacing: 0;}
table td, table th {font: normal 12px/1.333em Helvetica, Arial, sans-serif; color: white;}
address {font-style: normal;}

ul {padding-left: 16px; list-style: disc outside;}
ol {padding-left: 16px; list-style: decimal outside;}

img {border: 0; -ms-interpolation-mode: bicubic;}

/* Colors */
.white {color: white;}
.black {color: #2b200d;}
.grey {color: #999;}
.yellow {color: #fff200;}
.blue {color: #00ace9;}
.red {color: #fff;}
.green {color: #fff;}
.orange {color: #fff;}

/* Misc Classes */
.clear:after, .box:after {display: block; clear: both; visibility: hidden; height: 0; font-size: 0; content: '';}
* html .clear, *:first-child+html .clear, * html .box, *:first-child+html .box {zoom: 1;}
.hidden {display: none; visibility: hidden;}
.invisible {visibility: hidden;}
.floated {float: left; width: 50%;}
.nomargin {margin-bottom: 0;}

.large {font-size: 1.167em; line-height: 1.333em;}
.larger {font-size: 2em;}
.smaller {font-size: 1em;}


/* -------------------- SITE DEPENDANT CSS -------------------- */
.container {width: 1020px; margin: 0 auto;}

header {position: relative; margin-bottom: -170px; padding-top: 20px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(237,28,36,1) 0%, rgba(237,28,36,0.9) 50%, rgba(237,28,36,0.8) 80%, rgba(237,28,36,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,28,36,1)), color-stop(50%,rgba(237,28,36,0.9)), color-stop(80%,rgba(237,28,36,0.8)), color-stop(100%,rgba(237,28,36,0)));
	background: -webkit-linear-gradient(top,  rgba(237,28,36,1) 0%,rgba(237,28,36,0.9) 50%,rgba(237,28,36,0.8) 80%,rgba(237,28,36,0) 100%);
	background: -o-linear-gradient(top,  rgba(237,28,36,1) 0%,rgba(237,28,36,0.9) 50%,rgba(237,28,36,0.8) 80%,rgba(237,28,36,0) 100%);
	background: -ms-linear-gradient(top,  rgba(237,28,36,1) 0%,rgba(237,28,36,0.9) 50%,rgba(237,28,36,0.8) 80%,rgba(237,28,36,0) 100%);
	background: linear-gradient(to bottom,  rgba(237,28,36,1) 0%,rgba(237,28,36,0.9) 50%,rgba(237,28,36,0.8) 80%,rgba(237,28,36,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}
header .logo {float: left; width: 460px; height: 151px; background: url('../../images/sprite.png') no-repeat 0 0;}
header .logo a {display: block; width: 460px; height: 151px; text-indent: 100%; white-space: nowrap; overflow: hidden;}
header .contact {float: right; width: 400px; padding-top: 20px; text-align: right;}
header .contact p {margin: 0; font-size: 16px;}
header .contact p:first-child {margin-bottom: 4px; font-size: 36px; line-height: 1em; letter-spacing: -1px; font-weight: bold;}
header .contact p:first-child span {margin: 0 -4px 0 0;}
header .contact p span {color: #fff200;}
header .contact p a {color: #fff; text-decoration: underline;}
header .contact p a:hover {text-decoration: none;}

nav {clear: right; padding-top: 20px;}
nav ul {margin: 0; padding: 0; list-style: none;}
nav ul li {float: left; margin-left: 5px;}
nav ul li:first-child {margin-left: 0;}
nav ul li a {display: block; position: relative; z-index: 501; height: 22px; padding: 0 12px; font-size: 14px; line-height: 22px; text-transform: uppercase; font-weight: bold; color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
nav ul li a.menuactive {color: white; background: url('../../images/sprite.png') no-repeat 0 -500px;}
nav ul li a:hover {color: black; background: #fff200;}

/* 2nd Level */
nav ul li ul {
  position: absolute; display: none;
  width: auto; height: auto;
  min-width: 121px;
  z-index: 500;
  margin: -22px 0 0 0;
  padding: 30px 12px 12px;
  background: black;
  background: rgba(0,0,0,0.8);
  border: none;
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
nav ul li ul li {float: none; margin: 0;}
nav ul li ul li a {display: block; height: 20px; padding: 0; color: white !important; text-transform: none; font-weight: normal; font-size: 12px; line-height: 20px;}
nav ul li ul li a:hover, nav ul li ul li a.menuactive {background: none; color: #fff200 !important;}

/* 3rd Level */
nav ul li ul li ul {display: none !important;}

/* Hero Area */
.hero {width: 1120px; height: 360px; margin-bottom: -85px; padding-top: 180px; /*background: url('../../uploads/images/Montages/crash-courses.jpg') no-repeat;*/}
.hero .testimonial {position: relative; float: right; width: 270px; margin-right: 90px; padding-top: 15px; font-size: 14px; line-height: 20px; text-align: right; text-shadow: 1px 1px 5px rgba(0,0,0,0.7);}
.hero .testimonial:before {display: block; position: relative; content: ''; top: -15px; height: 20px; background: url('../../images/sprite.png') no-repeat right -800px;}
.hero .testimonial .button {height: 26px; line-height: 26px; font-size: 12px; padding: 0 10px; text-transform: none; text-shadow: none;}

/* Hero Area - Custom Backgrounds */
/*#home .hero {background: url('../../uploads/images/Montages/home.jpg') no-repeat; margin-bottom: 10px;}
#lessons .hero {background: url('../../uploads/images/Montages/lessons.jpg') no-repeat;}
#crash-courses .hero, .root-crash-courses .hero, #testimonials .hero {background: url('../../uploads/images/Montages/crash-courses.jpg') no-repeat;}
#instructor-training .hero {background: url('../../uploads/images/Montages/instructor-training.jpg') no-repeat;}
#franchise .hero {background: url('../../uploads/images/Montages/franchise.jpg') no-repeat;}
#help .hero {background: url('../../uploads/images/Montages/help.jpg') no-repeat;}
#contact .hero {background: url('../../uploads/images/Montages/contact.jpg') no-repeat;}
#videos .hero {background: url('../../uploads/images/Montages/videos.jpg') no-repeat;}
*/
/* Top CTA's */
.top-ctas {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,0.6);}
.top-ctas a {position: relative; float: left; margin-left: 15px;}
.top-ctas a:first-child {margin-left: 0;}
.top-ctas .btn-grey {font-size: 14px; padding-right: 60px;}
.top-ctas a img {display: block; position: absolute; right: -25px; top: -24px;}

/* Main Content */
.one-col section {width: auto;}
.one-col section .box {padding: 40px;}

.two-col section {float: left; width: 260px; margin-left: 30px;}
.two-col section:first-child {width: 730px;}
.two-col section:first-child .box {padding: 40px;}

.one-col h1, .two-col h1 {font-size: 30px; line-height: 36px;}

.three-col section {float: left; width: 320px; margin-left: 30px;}
.footer-boxes .box {float: left; width: 284px; margin-left: 30px;}
section:first-child, .footer-boxes .box:first-child {margin-left: 0;}

.box {margin-bottom: 30px; padding: 18px 18px 1px; background: url('../../images/sprite.png') repeat-x 0 -900px black; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}

.main .box {min-height: 200px;}
#lessons .main .box {min-height: 908px;}

.box-blue {background-color: #0c8fbc;}
.box-grey {background-color: #373838;}
.box-purple {background-color: #ed1c24;}

.quotes {width: 293px; height: 222px; margin: 0 0 -20px -5px; background: url('../../images/sprite.png') no-repeat -499px 0;}
.quotes p {float: left; width: 110px; margin: 35px 0 0 25px; font-size: 24px; line-height: 26px; font-weight: bold; text-align: center; letter-spacing: -1px;}
.quotes p:first-child {margin: 67px 0 0 21px;}
.quotes p strong {display: block; padding-top: 6px; font-size: 38px;}

.footer-boxes {margin-bottom: 20px; padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,0.6);}
.footer-boxes h3 {font-size: 24px; line-height: 1em; letter-spacing: -1px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.3);}
.footer-boxes a {color: white;}
.footer-boxes a:hover {color: #00ace9;}

footer {padding-bottom: 80px;}
footer .container {width: 980px; padding: 70px 20px 20px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEzMTMxMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzEzMTMxMyIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEzMTMxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(19,19,19,0) 0%, rgba(19,19,19,0.9) 40%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,19,19,0)), color-stop(40%,rgba(19,19,19,0.9)), color-stop(100%,rgba(19,19,19,1)));
    background: -webkit-linear-gradient(top,  rgba(19,19,19,0) 0%,rgba(19,19,19,0.9) 40%,rgba(19,19,19,1) 100%);
    background: -o-linear-gradient(top,  rgba(19,19,19,0) 0%,rgba(19,19,19,0.9) 40%,rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(top,  rgba(19,19,19,0) 0%,rgba(19,19,19,0.9) 40%,rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom,  rgba(19,19,19,0) 0%,rgba(19,19,19,0.9) 40%,rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00131313', endColorstr='#131313',GradientType=0 );
}
footer p {float: left; width: 30%; margin: 0; text-align: right; line-height: 18px; color: white;}
footer p a {font-weight: bold; color: white;}
footer p a:hover {text-decoration: underline;}
footer p:first-child {width: 70%; color: #999; text-align: left;}
footer p:first-child a {font-weight: normal; color: #999;}


/* -------------------- PAGE CSS - Home -------------------- */
#home .main section .box {min-height: 992px;}
#home .main section:first-child .box {min-height: 0;}
#home .main section:first-child .box:first-child p {font-size: 14px; line-height: 18px;}

/* -------------------- PAGE CSS - Crash Courses -------------------- */
#crash-courses .hero .testimonial, .root-crash-courses .hero .testimonial, #error404 .hero .testimonial {float: left; width: 520px; margin: -20px 0 0 90px; text-align: left; text-shadow: none; color: black;}
#crash-courses .hero .testimonial:before, .root-crash-courses .hero .testimonial:before, #error404 .hero .testimonial:before {background-position: -682px -800px;}

#crash-courses .cc-table {width: 915px;}
#crash-courses .cc-table img {display: block;}
#crash-courses .cc-table .button:first-child {border-right: none;}
#crash-courses .cc-table .button {float: right; width: 124px; height: 50px; line-height: 50px; font-size: 16px; padding: 0; text-align: center; border-right: 1px solid #404040; border-left: 1px solid #2b2b2b; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: rgb(66,66,66);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNDI0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYzJjMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(66,66,66,1) 0%, rgba(44,44,44,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,66,66,1)), color-stop(100%,rgba(44,44,44,1)));
    background: -webkit-linear-gradient(top,  rgba(66,66,66,1) 0%,rgba(44,44,44,1) 100%);
    background: -o-linear-gradient(top,  rgba(66,66,66,1) 0%,rgba(44,44,44,1) 100%);
    background: -ms-linear-gradient(top,  rgba(66,66,66,1) 0%,rgba(44,44,44,1) 100%);
    background: linear-gradient(to bottom,  rgba(66,66,66,1) 0%,rgba(44,44,44,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#2c2c2c',GradientType=0 );
}
#crash-courses .cc-table .button:hover {
    background: rgb(214,222,236);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZGVlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZThmOGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(214,222,236,1) 0%, rgba(142,143,143,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,222,236,1)), color-stop(100%,rgba(142,143,143,1)));
    background: -webkit-linear-gradient(top,  rgba(214,222,236,1) 0%,rgba(142,143,143,1) 100%);
    background: -o-linear-gradient(top,  rgba(214,222,236,1) 0%,rgba(142,143,143,1) 100%);
    background: -ms-linear-gradient(top,  rgba(214,222,236,1) 0%,rgba(142,143,143,1) 100%);
    background: linear-gradient(to bottom,  rgba(214,222,236,1) 0%,rgba(142,143,143,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6deec', endColorstr='#8e8f8f',GradientType=0 );
}

#crash-courses .content .box .left {float: left; width: 530px; margin-right: 40px;}
#crash-courses .content .box .left li {margin-bottom: 5px;}
#crash-courses .content .box .right {float: left; width: 370px;}

.cc-box {width: 160px; margin: 0 auto 25px; text-align: center;}
.cc-box a {display: block; color: white; padding-bottom: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
    background: rgb(98,96,96);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjI2MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(98,96,96,1) 0%, rgba(38,38,38,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,96,96,1)), color-stop(100%,rgba(38,38,38,1)));
    background: -webkit-linear-gradient(top,  rgba(98,96,96,1) 0%,rgba(38,38,38,1) 100%);
    background: -o-linear-gradient(top,  rgba(98,96,96,1) 0%,rgba(38,38,38,1) 100%);
    background: -ms-linear-gradient(top,  rgba(98,96,96,1) 0%,rgba(38,38,38,1) 100%);
    background: linear-gradient(to bottom,  rgba(98,96,96,1) 0%,rgba(38,38,38,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626060', endColorstr='#262626',GradientType=0 );
}
.cc-box a:hover {
    background: rgb(214,222,236);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZGVlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZThmOGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(214,222,236,1) 0%, rgba(142,143,143,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,222,236,1)), color-stop(100%,rgba(142,143,143,1)));
    background: -webkit-linear-gradient(top,  rgba(214,222,236,1) 0%,rgba(142,143,143,1) 100%);
    background: -o-linear-gradient(top,  rgba(214,222,236,1) 0%,rgba(142,143,143,1) 100%);
    background: -ms-linear-gradient(top,  rgba(214,222,236,1) 0%,rgba(142,143,143,1) 100%);
    background: linear-gradient(to bottom,  rgba(214,222,236,1) 0%,rgba(142,143,143,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6deec', endColorstr='#8e8f8f',GradientType=0 );
}
.cc-box h2 {height: 40px; line-height: 40px; margin-bottom: 10px;padding: 0; border: none; background: url('../..//images/box-tops.png') repeat-x 0 0; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; border-radius-top-left: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; border-radius-top-right: 15px;}
.cc-box h3 {font-size: 16px; letter-spacing: -1px; color: white; margin-bottom: 0;}
.cc-box h4 {font-size: 36px; letter-spacing: -1px; color: white; margin-bottom: 2px; line-height: 1em;}
.cc-box p {margin-bottom: 0;}
.cc-box a:hover * {color: #2b200d;}

.cc-cta {width: 420px; margin: 0;}
.cc-cta h3 {letter-spacing: 0;}

.cc-table .buttons {padding: 0;}

.yellow-top h2 {background-position: 0 0;}
.green-top h2 {background-position: 0 -50px;}
.blue-top h2 {background-position: 0 -100px;}
.red-top h2 {background-position: 0 -150px;}
.orange-top h2 {background-position: 0 -200px;}
.purple-top h2 {background-position: 0 -250px;}
.pink-top h2 {background-position: 0 -300px;}
.taupe-top h2 {background-position: 0 -350px;}

#crash-courses .cc-box {float: left; margin: 0 0 25px;}
#crash-courses .content .box .right .yellow-top, #crash-courses .content .box .right .red-top, #crash-courses .content .box .right .blue-top {margin-right: 25px;}

.root-crash-courses .two-col section:first-child .box {min-height: 750px;}
.root-crash-courses .two-col section:last-child .box {position: relative; min-height: 667px; padding-top: 162px; text-align: center;}
.root-crash-courses .two-col section:last-child .box img {display: block; position: absolute;}
.root-crash-courses .two-col section:last-child .box img:nth-child(1) {top: 20px; left: 20px; z-index: 1;}
.root-crash-courses .two-col section:last-child .box img:nth-child(2) {top: 25px; left: 100px;}
.root-crash-courses .two-col section:last-child .box img:nth-child(3) {top: 45px; left: 145px; z-index: 1;}

#forty-hour-driving-course-for-699 h1 {margin-bottom: 4px;}
#forty-hour-driving-course-for-699 .content section:first-child h2 {font-weight: normal; padding: 0; border: none; margin-bottom: 28px;}
#forty-hour-driving-course-for-699 .content section:last-child h3 {margin-bottom: 0; padding: 10px 0 30px; text-align: center;}
#forty-hour-driving-course-for-699 .content section:last-child .cc-box h3 {padding: 0;}


/* -------------------- PAGE CSS - Instructor Training -------------------- */
#instructor-training .hero {margin-bottom: -37px;}
#instructor-training .hero .testimonial {width: 480px; padding-top: 5px; font-size: 12px; line-height: 18px; text-shadow: none; color: black;}
#instructor-training .top-ctas {display: none;}
#instructor-training .two-col section {width: 510px !important; margin: 0;}
#instructor-training .two-col section .box {position: relative; padding: 20px;}
#instructor-training .two-col section:first-child .box {z-index: 1; min-height: 810px; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-radius-top-right: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-radius-bottom-right: 0;}
#instructor-training .two-col section:last-child .box {min-height: 731px; padding-top: 99px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-radius-top-left: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-radius-bottom-left: 0;}

#instructor-training h1 {width: 980px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.3);}
#instructor-training .two-col .box img {position: absolute; z-index: 2; top: -10px; right: 20px;}


/* -------------------- PAGE CSS - Franchise -------------------- */
#franchise .hero {margin-bottom: -37px;}
#franchise .hero .testimonial {width: 300px; padding-top: 0; font-size: 14px; line-height: 18px;}
#franchise .hero .testimonial p {margin-bottom: 18px;}
#franchise .top-ctas {display: none;}
#franchise .two-col section {width: 510px !important; margin: 0;}
#franchise .two-col section .box {position: relative; padding: 20px;}
#franchise .two-col section:first-child .box {z-index: 1; min-height: 988px; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-radius-top-right: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-radius-bottom-right: 0;}
#franchise .two-col section:last-child .box {min-height: 731px; padding-top: 87px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-radius-top-left: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-radius-bottom-left: 0;}

#franchise h1 {width: 980px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.3);}
#franchise .two-col .box img {position: absolute; z-index: 2; top: 20px; right: 20px;}

#franchise .promo-block {width: 275px; height: 144px; padding: 18px 175px 18px 20px; background: url(../../uploads/images/motorbike-bg.png) no-repeat;}
#franchise .promo-block h3 {color: #bde140;}


/* -------------------- PAGE CSS - Help -------------------- */
#help .content section:nth-child(2) .box a img + strong {position: relative; top: 20px; color: white; text-decoration: underline;}
#help .content section:nth-child(2) .box a:hover img + strong {color: #00ace9; text-decoration: none;}
#help .content section .box {min-height: 1260px;}


/* -------------------- PAGE CSS - Contact -------------------- */
#contact .hero .testimonial {float: left; width: 530px; margin: -10px 0 0 350px; text-align: left;}
#contact .hero .testimonial:before {background-position: -682px -800px}


/* -------------------- PAGE CSS - Terms & Conditions -------------------- */
#terms-conditions .two-col section {width: 510px !important; margin: 0;}
#terms-conditions .two-col section .box {position: relative; padding: 20px;}
#terms-conditions .two-col section:first-child .box {z-index: 1; min-height: 600px; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-radius-top-right: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-radius-bottom-right: 0;}
#terms-conditions .two-col section:last-child .box {min-height: 533px; padding-top: 87px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-radius-top-left: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-radius-bottom-left: 0;}
#terms-conditions h1 {width: 980px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.3);}

/* -------------------- PAGE CSS - Videos -------------------- */
#videos .hero .testimonial {float: left; width: 540px; margin: -20px 0 0 90px; text-align: left; text-shadow: none; color: black;}
#videos .hero .testimonial:before {background-position: -682px -800px;}
#videos .two-col h1 {margin-top: -4px;}
#videos .content section:last-child .box {padding: 30px;}
#videos .content section:last-child .box h2 {margin-bottom: 5px;}

.video-summary {clear: both;}
article hgroup {min-height: 54px;} 
article hgroup.vimeo {background: url('../../images/video-icons.png') right 8px no-repeat;}
article hgroup.youtube {background: url('../../uploads/images/Icons/youtube-shadow.png') 548px -5px no-repeat;}
article {padding: 20px 0; border-top: 1px solid #585757;}
article h2 {color: white; margin-bottom: 10px; padding: 0; border: none; font-size: 20px;}
article .publisher-info {margin-bottom: 1.333em;}

.video-mini article {margin: 0; padding: 0; font-size: 14px; line-height: 20px; border: none;}
.video-mini article p {margin: 0;}
.video-mini article a {display: block; padding: 10px 0 10px 42px; color: #fff200;}
.video-mini article.vimeo a {background: url('../../images/video-icons.png') 0 13px no-repeat;}
.video-mini article.youtube a {background: url('../../images/video-icons.png') 0 -60px no-repeat;}
.video-mini article a:hover, .video-mini article a strong {color: white;}


/* -------------------- PAGE CSS - Testimonials -------------------- */
#testimonials .hero .testimonial {float: left; width: 520px; margin: -20px 0 0 90px; text-align: left; text-shadow: none; color: black;}
#testimonials .hero .testimonial:before {background-position: -682px -800px;}
#testimonials h1 span {font-size: 24px; color: #fff200;}

.testimonials article {position: relative; padding: 30px 0 30px 208px;}
.testimonials article:after {display: block; position: relative; content: ''; bottom: 2px; height: 20px; background: url('../../images/sprite.png') no-repeat -680px -800px;}
.testimonials article .image {position: absolute; top: 30px; left: 0; width: 170px; height: 140px;  background: url('../../images/silhouette.jpg') no-repeat; border: 4px solid #555;}
.testimonials article .image img {display: block;}
.testimonials article p {margin-bottom: 1.333em;}

.pagination {padding: 15px 0; text-align: right; color: #999;}

.pg-first a, .pg-prev a, .pg-next a, .pg-last a {display: inline-block; width: 12px; height: 14px; background: url('../../images/arrows.png') no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer;}
.pg-first a {background-position: 0 -20px;}
.pg-prev a {background-position: -20px -20px; margin: 0 5px;}
.pg-next a {background-position: -50px -20px; margin: 0 5px;}
.pg-last a {background-position: -70px -20px;}
.pg-first a:hover {background-position: 0 0;}
.pg-prev a:hover {background-position: -20px 0;}
.pg-next a:hover {background-position: -50px 0;}
.pg-last a:hover {background-position: -70px 0;}


/* -------------------- PAGE CSS - Meet The Instructors -------------------- */
#meet-the-instructors .hero .testimonial {float: left; width: 520px; margin: -20px 0 0 90px; text-align: left; text-shadow: none; color: black;}
#meet-the-instructors .hero .testimonial:before {background-position: -682px -800px;}
#meet-the-instructors h1 span {font-size: 24px; color: #fff200;}
#meet-the-instructors .testimonials article:after {display: none;}


/* -------------------- PAGE CSS - Misc Forms / Payments -------------------- */
#online-payment .form-wrap .answer input {width: 200px;}
#online-payment .form-wrap .buttons input {float: left;}


/* -------------------- CROSS-BROWSER -------------------- */
.ie9 header, .ie9 #crash-courses .cc-table .button, .ie9 #franchise .promo-block {filter: none !important;}
.ie8 {}

#make-a-booking .hero {background: none; height: 90px;}

#online-payment .hero {background: none; height: 90px;}

#lessons-2 .hero {background: none; height: 90px;}

#crash-courses .hero {background: none; height: 90px;}

#eight-hour-courses .hero {background: none; height: 90px;}

#sixteen-hour-courses .hero {background: none; height: 90px;}

#twenty-hour-courses .hero {background: none; height: 90px;}

#twentyeight-hour-courses .hero {background: none; height: 90px;}

#thirtysix-hour-courses .hero {background: none; height: 90px;}

#forty-hour-courses .hero {background: none; height: 90px;}

#request-a-call-back .hero {background: none; height: 90px;}

#40-Hours-for-799 .hero {background: none; height: 90px;}




/* Stylesheet: Default Modified On 2014-04-19 21:14:13 */