@import url("reset.css");

body {
	font-family: "Arial", Helvetica Neue, Helvetica, sans-serif;
	font-size: 14px;
	color:#555;
	line-height: 24px;
}

a {
	text-decoration: none;
	outline:0;
	color:#ee2e57;
}

a:hover {
	text-decoration: underline;
}

.clearfix:after, .container:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.container {
	width:960px;
	margin:0 auto;
}

p, #page ul {
	margin-bottom: 20px;
}

p.intro {
	color: #757575;
	font-size: 18px;
	line-height: 28px;
}

a.button {
	  -webkit-border-radius: 3px;
    border-radius: 3px;
	-webkit-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .25);
	box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .25);
	height: 37px;
	margin-right: 10px;
	text-indent: -999em;
	overflow: hidden;
	display: block;
	float: left;
}

a.button.learn-more {
	background: url('../images/learn-more.jpg') top center no-repeat;
	width:111px;
}
a.button.learn-more:active {
	background: url('../images/learn-more.jpg') bottom center no-repeat;
}
a.button.order-now {
	background: url('../images/order-now.jpg') top center no-repeat;
	width:111px;
}
a.button.order-now:active {
	background: url('../images/order-now.jpg') bottom center no-repeat;
}
a.button.enroll {
	background: url('../images/enroll.jpg') top center no-repeat;
	width:80px;
}
a.button.enroll:active {
	background: url('../images/enroll.jpg') bottom center no-repeat;
}
.call-to-action span {
	padding-top: 6px;
	display: block;
	float: left;
	letter-spacing: -.02em
}
/* Header */
#header {
	height:57px;
	padding-top: 21px;
}

#nav {
	float:right;
	padding-top:10px;
}

#nav li {
	float: left;
	margin-left: 35px;
}

#nav li a {
	font-size: 14px;
	color: #838383;
}

#nav li.active a {
	color: #ee2e57;
	text-decoration: none;
}


/* Home */

#masthead.home-page {
    height: 168px;
    border-bottom: 1px solid #d0d0d0;
}
.home-features h3 {
    font-size: 16px;
}
#page ul.home-features > ul {
    clear: both;
    margin-bottom:0px;
}
#page ul.home-features {
    margin-bottom: 0px;
}
#page ul.home-features li {
    float: left;
    width: 270px;
    padding: 0px;
    margin: 0px;
    list-style: none;
    background: none;
}
p.highlight {
    color: #8d8d8d;
    font-size: 18px;
    line-height: 28px;
}
#page ul.home-features ul li:first-child {
    margin-right: 30px;
}
.home-features p {
    line-height: 24px;
}
.main-content.cta {
    margin-top: 30px;
}
a.button.register-now {
	background: url('../images/register-now.jpg') top center no-repeat;
	width:129px;
}
a.button.register-now:active {
	background: url('../images/register-now.jpg') bottom center no-repeat;
}
.sidebar a.button.register-now {
    float: none;
    margin:0 auto 30px;
}
.main-content.cta a.button.register-now {
    margin:15px 30px 10px 0;
}


/* Page */
#page {
	padding-bottom: 20px;
}

#slideshow, #masthead {
	margin-bottom: 20px;
	border-bottom: 1px solid #d9d9d9;
}

#slideshow {
	height: 415px;
	position: relative;
}

.slide {
	width:960px;
	height: 415px;
	position: relative;
}

.slide p {
	background: url('../images/overlay.png') no-repeat;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    height: 27px;
    padding:14px 20px 0;
    margin:0;
    position: absolute;
    right:0px;
    bottom:30px;
    z-index: 9998;
}

.slide .slide-link {
	position: absolute;
    margin: 0 auto;
    top:0;
    width:960px;
    height: 415px;
    z-index: 9997;
    display: block;
    text-indent: -999em;
    overflow: hidden;
}
.slide p a {
	border-left: 1px solid #7d7d7d;
	padding-left: 12px;
	color:#2ebcf7;
	margin-left: 10px;
}

.slide-overlay {
	background: url('../images/slide-overlay.png') bottom center;
	width:960px;
	height: 168px;
	position: absolute;
	bottom:0;
	margin: 0 auto;
	z-index: 10;
}

#slide-controls {
	margin:0 auto;
	text-align: center;
	position: relative;
	bottom:35px;
	z-index: 9999;
}

#slide-controls a {
	background: url('../images/slide-controls.png') 0px 0px;
	width:14px;
	height: 15px;
	display: inline-block;
	text-indent: -999em;
	overflow: hidden;
	margin:0 1px;
}

#slide-controls a:hover {
	background: url('../images/slide-controls.png') -28px 0px;
}

#slide-controls a.activeSlide {
	background: url('../images/slide-controls.png') -14px 0px;
}


.sampleslides{
	-moz-box-shadow: 5px 5px 1px #dadad5;
	box-shadow: 5px 5px 1px #dadad5;
	border: 1px solid #d1d1ce;
	padding-bottom: 10px;
}

.soldout {
	text-decoration: line-through;
		color: #ee2e57;
}
sup { 
    vertical-align: super;
    font-size: 6pt;
}
.center{
	text-align: center;
}


#masthead {
	height: 225px;
	padding-top: 25px;
}

#masthead-small {
	height: 132px;
	padding-top: 0px;
	padding-bottom: 20px;
}

.mapfloat{
	float: right;
	margin-left: 60px;
	-moz-box-shadow: 4px 4px 1px #cbcbc2;
	box-shadow: 4px 4px 1px #cbcbc2;
}

.mapcontact{
	-moz-box-shadow: 4px 4px 1px #cbcbc2;
	box-shadow: 4px 4px 1px #cbcbc2;
	margin-bottom: 43px;
}

.main-content {
	background: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	-webkit-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .5);
	box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .5);
	padding:30px 30px 10px;
	float:left;
	width:570px;
}

#class-schedule {
	background: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	-webkit-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .5);
	box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .5);
	padding:30px 30px 10px;
	width:900px;
	margin-bottom: 20px;
}

.class-overview, .class-curriculum {
	height: 678px;
}

.class-instructor, .class-testimonial {
	height:232px;
}

.class-instructor img {
	float: left;
	margin-right: 30px;
}

.ipad-float{
	float: left;
}

.table {
	margin-bottom: 20px;
}

.table span {
	float: left;
	display: block;
	padding:15px 20px 15px 0;
}

.table-col-date {
	width:200px;
}

.table-col-type {
	width:140px;
}

.table-col-location {
	width:84px;
}

.table-col-time {
	width:105px;
}

.table-col-price {
	width:140px;
	text-align: center;
}

.table-col-sold {
	width:110px;
	text-align: right;
}

.header .table-col-price {
	width: 105px;
}

.table-row {
	border-top:1px solid #d9d9d9;
	line-height: 24px;
	height: 110px;
}

.table-row.header {
	color:#999999;
	border-top:0px;
	height: 60px;
}

.table a.button {
	float: right;
	margin: 4px 0;
}

.sidebar .sidebar-item {
	background: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	-webkit-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .5);
	box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .5);
	padding:30px 30px 10px;
	float:right;
	width:240px;
	margin-bottom: 20px;
}

.sidebar-item .call-to-action {
	margin-right:-10px;
}

.sidebar-item .view-more {
	padding-left: 30px;
	font-size: 12px;
	margin: -20px 0 20px;
	display: block;
}

tbody{
	border: 1px dotted #ccc;
}

.tribox {
	background: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	-webkit-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .5);
	box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .5);
	padding:30px 30px 10px;
	float:left;
	width:241px;
	margin-bottom: 20px;
	margin-right: 28px;
	height: 400px;
}

.triboxright {
	background: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	-webkit-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .5);
	box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .5);
	padding:30px 30px 10px;
	float:left;
	width:241px;
	margin-bottom: 20px;
	height: 400px;
}


.bullet{
	background: url('../images/checkbox.jpg') 0px -2px no-repeat;
	padding-left: 25px;
	line-height: 21px;
}

#page ul li {
	background: url('../images/bullet.jpg') 8px 7px no-repeat;
	padding-bottom: 10px;
	padding-left: 30px;
	line-height: 21px;
}

#page ol {
	padding:0 0 20px 20px;
}

#page ol li {
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 21px;
	list-style: decimal;
}

#page ol li strong {
	font-weight: bold;
}

h1.blink {
	background: url('../images/blink-large.jpg') no-repeat;
	text-indent: -999em;
	overflow: hidden;
	margin-bottom: 30px;
	height:68px;
}

h2.blink {
	background: url('../images/blink-small-flashcards.jpg') no-repeat;
	text-indent: -999em;
	overflow: hidden;
	margin-bottom: 30px;
	height:48px;
}

h3 {
	color:#25aae1;
	margin-bottom: 20px;
	font-size: 18px;
}


#main h3 {
	padding-top: 10px;
}

strong{
	font-weight: bold;
}
em { 
    font-style: italic;
}

img + span.caption {
	padding:12px 16px;
	-webkit-border-radius: 0px 8px 0px 0px;
    border-radius: 0px 8px 0px p0x;
    background: rgba(0,0,0,.75);
    height: 12px;
    font-size: 12px;
    font-weight: bold;
    color:#fff;
    margin-top:-20px;
    display: block;
    position: relative;
    float: left;
    bottom:23px;
    line-height: 13px;
    margin-bottom:-43px;
}

.testimonial {
	color:#989898;
}

.call-to-action-extended  {
	border-top: 1px solid #d9d9d9;
	padding-top: 30px;
	margin-bottom: 20px;
}

.call-to-action-extended .price, .sidebar-item .price {
	display: block;
	float: left;
	font-size: 18px;
	line-height: 12px;
	padding-top: 8px;
}

.call-to-action-extended .price strong, .sidebar-item .price strong {
	color: #ee2e57;
	font-weight: bold;
}

.pink {
	color: #ee2e57;
}

.call-to-action-extended .price em, .sidebar-item .price em {
	font-size: 10px;
} 
.call-to-action-extended .details {
	display: block;
	padding-bottom: 30px;
}
.call-to-action-extended img {
	float: right;
	margin-left: 20px;
}
/* Footer */

#footer .container {
	padding-top: 20px;
	border-top:1px solid #d9d9d9;
	font-size: 12px;
	color:#838383;
}

#footer #copyright {
	float:left;
}
#footer .contact-us {
	float:right;
	padding-left: 32px;
	background: url('../images/contact.jpg') 0 2px no-repeat;
	color:#838383;
}


/* Tab Navigation */

#masthead.tabbed-page {
    height: 104px;
    border-bottom: 1px solid #d0d0d0;
} 
 
#tab-navigation {
    margin:-62px auto 0px !important;
    position: relative;
    z-index:999;
    display: table;
} 
 
#tab-navigation li {
    display: block;
    float: right;
    list-style: none;
    background: none !important;
    padding: 0px !important;
    line-height: 24px !important;
    margin-left: -4px;
    overflow: hidden;
    padding: 0 4px;
} 
 
#tab-navigation li a {
    display: block;
    padding: 8px 15px;
    height: 24px;
    color: #838383;
    margin: 1px 2px 0;
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfcfc 0%, #e2e2e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%,#e2e2e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%,#e2e2e2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%,#e2e2e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #d0d0d0;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.5);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,.5);
} 
 
#tab-navigation li.active a:hover {
    text-decoration: none;
} 
 
#tab-navigation li.active a {
    background: #fff; 
    border-bottom: 1px solid #fff;
    color: #ee2e57;
    cursor: text;
    position:relative;
    z-index:9999;
}