@CHARSET "ISO-8859-1";

/* Reset All Styles
-------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 0.95em;
	/* vertical-align: baseline; */
	background: transparent;
	left: auto;
	top: auto;
}

#mobile-youtube-link {
	display: inline;
}

body {
	line-height: 1.3;
}

#cookie-law-info-bar {
	width: 70% !important;
	font-size: 0.6em !important;
}

#classes-body {
	width: 100%;
	background: url(images/classes_background.png) repeat-x;
}

#franchise-body {
	width: 100%;
	background: url(images/franchise_background.png) repeat-x;
}
body {
	font-family: Comic Sans MS, verdana, sans-serif;
	color: #6369A5;
}

.clear { clear:both; }
.alignleft { float: left; }
.alignright { float: right; }

hr {
	margin: 15px 0 15px 0;
}
h1 {
	font-size: 1.2em;
}
ol, ul {
	padding-left: 0;
}

.row .col-9 {
        padding-top: 20px;
}

.row .push-3 {
        left: 0 !important;
}
        
.row .pull-9 {
        right: 0% !important;
}

/* Spash page */
#splash-wrapper {
	width: 100%;
	height: auto;
	text-align: center;
	position: relative;
	background: url(images/classes_background.png) repeat-x;
	background-color: #fff;
	overflow: auto;
	z-index: 2;
}
#splash-header {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#splash-header img {
	width: 100%;
}
#splash-top {
	position: relative;
	top: auto;
	clear: both;
	margin-top: 2%;
	width: auto;
	left: auto;
}
#splash-polaroids, #splash-classes-strap, #splash-franchise-strap {
	display: none;
}
#splash-classes-button, #splash-franchise-button {
	height: auto;
	width: auto;
	position: relative;
	float: left;
	clear: left;
	margin: 2%;
}
#splash-classes-text, #splash-franchise-text {
	position: relative;
	height: auto;
	width: 90%;
	margin: 10px 5%;
	float: left;
	top: 0;
	left: 0;
}
#splash-classes-text p, #splash-franchise-text p {
	margin-top: 3%;
}
#splash-news-background {
	background: none;
	height: auto;
	width: auto;
	position: relative;
	float: left;
	top: 0;
	left: 0;
}
#splash-news-1, #splash-news-2, #splash-news-3 {
	position: relative;
	float: left;
	width: 88%;
	height: auto;
	margin: 0 5% 1%;
	padding: 1%;
	left: 0;
}
#splash-news-1 {
	background-color: #ec008c;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#splash-news-2 {
	background-color: #aad041;
}
#splash-news-3 {
	background-color: #f78d1f;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.splash-news-more {
	position: relative;
	float: right;
	height: auto;
	left: 0;
	top: 0;
}
.splash-news-more-link {
	height: auto;
}
#splash-footer {
	position: relative;
	width: auto;
	height: auto;
	float: left;
	top: 0;
}
#networking {
	width: 85%;
	height: auto;
	text-align: center;
	padding-left: 0;
	margin: 0 7%;
}
.networking-text {
	float: left;
}
#classes-footer, #franchise-footer {
	height: auto;
	width: 90%;
	margin-top: 2%;
	padding: 10px 5%
}
.footer-text .company-name {
	clear: both;
}
p#copyright {
	width: 90%;
	padding: 5px 5%
}

/* Classes Pages */

#jpId, #music-button, #classes-polaroid, #classes-testimonials-spacer, #classes-content-bottom, #classes-border-left, #classes-border-right,
#classes-content-left #logos, #franchise-polaroid, #franchise-border-left, #franchise-border-right, #franchise-testimonials, #join-us-arrow, #flash {
	display: none;
}

#classes-wrapper, #franchise-wrapper {
	width: auto;
}
#classes-header, #franchise-header {
	background: none;
	height: auto;
	width: auto;
	float: none;
	position: relative;
}
#classes-nav, #franchise-nav {
	width: 88%;
	height: auto;
	margin: 10px 6% 0;
	padding-top: 30px;
}

.account_options {
        position: absolute;
        right: 17px;
        top: 11px;        
}

.classes-nav-button {
	padding: 0;
	width: 20%;
}
.classes-nav-button img {
	width: 100%;
	height: auto;
}

#classes-content {
	background: none;
	background-color: white;
	width: 91%;
	margin: 0 2% 15px;
	padding: 2%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	box-shadow: 10px 10px 5px #888888;
}
#classes-content-left {
	width: 25%;
}
#classes-logo, #classes-buttons {
	margin-left: 0;
}
#classes-logo img, #classes-buttons img {
	width: 100%;
	height: auto;
}
#classes-content-center {
	width: 72%;
	padding: 2% 0 2% 2%;
	border-bottom: 1px solid #6369A5;
	margin-bottom: 2%;
}
#classes-content-center img.size-full, #classes-content-center img.size-medium {
	max-width: 96%;
	height: auto;
	margin: 2% !important;
	padding: 2% !important;
}
#classes-content-center table tr td {
	font-size: 1.2em;
}
#classes-content-center img.cs {
	width: 100%;
}
#classes-content-right {
	width: 74%;
	float: right;
}
#sidebar-form {
	margin-top: 10px;
}

#classes-content .inner-content {
        width: 100%;
}

.row .col-3, .row .col-9 {
        width: 100%;
        float: none !important;
        margin-left: 0;
        margin-right: 0;
        overflow: hidden;
}

.general-sidebar {
        padding-bottom: 20px;
}

.general-sidebar .owner {
        float: left;
        margin-right: 20px;
}

#summer-song {
	padding: 0;
	margin: 2px 0 2px;
	width: auto;
}
#sidebar-form .cform, .cform.get-in-touch, .cform.franchise-information-pack {
	width: 100%;
}
#sidebar-form ol.cf-ol, .cform.get-in-touch ol.cf-ol, .cform.franchise-information-pack ol.cf-ol {
	padding: 0 !important;
}
#sidebar-form .cform label, .cform.get-in-touch label, .cform.franchise-information-pack label {
	width: 30%;
	margin: 0;
}
#sidebar-form .cform label span, .cform.get-in-touch label span, .cform.franchise-information-pack label span {
	width: 100%;
}
#sidebar-form .cform input, .cform.get-in-touch input, .cform.franchise-information-pack input {
	width: 60%;
	margin-left: 2%;
}
.cform.get-in-touch .reqtxt, .cform.get-in-touch .emailreqtxt {
	width: 40%;
	text-align: right;
}


#location-map {
	display: none;
}
#locations-buttons {
	width: 100%;
	margin: 0;
}

#classes-latest-news-title {
	float: left;
	width: 100%;
	height: auto;
	margin: 10px 0;
}
#classes-latest-news-box {
	float: left;
	width: 100%;
}
.news-row {
	margin: 10px 0 0 0;
	width: 95%;
}
.news-date {
	font-size: 0.9em;
	width: 30%
}
.news-title {
	font-size: 0.9em;
	width: 65%;
	margin-left: 3%;
}

.post {
	width: 90%;
	margin: 10px 4%;
}
#press-buttons {
	width: 90%;
	margin: 10px 4%;
}
.press-button {
	margin-left: 10%;
}

#join-us-button {
	height: auto;
	float: left;
	position: relative;
	width: auto;
	margin-top: 20px;
}
#classes-content-center.nr {
	width: 70%;	
}
.cform.nursery-rhymes {
	width: 100%;
}
.cform.nursery-rhymes label, .cform.nursery-rhymes label span {
	width: 70%;
}
.cform.nursery-rhymes input {
	width: 70%;
}
#li-5-3.textonly, #li-5-4.textonly {
	width: 45%;
}
.cform.nursery-rhymes .cf-box-group label, .cform.nursery-rhymes .cf-box-group label span {
	width: 80%;
}
.cform.nursery-rhymes .cf-box-group input {
	margin: 10px 0 0;
}
.cform.nursery-rhymes .cf-box-group label {
	display: inline-block;
}
#nr1, #nr2, #nr3, #nr4, #nr5, #nr6, #nr7, #nr8 {
	width: 100%;
}
#nr1 .txt, #nr2 .txt, #nr3 .txt, #nr4 .txt, #nr5 .txt, #nr6 .txt, #nr7 .txt {
	width: 45%;
	float: left;
}
#nr8 .txt {
	width: 90%;
	float: left;
	margin-top: 10px;
}
img.nr {
	width: 48%;
	float: left;
}
#cf5_field_6 {
	margin-top: 5px;
}
#video-terms {
	width: 90%;
	margin-left: 5%;
}