@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	display:inline-block;
}
body h1 {
	font-family:helvetica, sans-serif;
}
body p {
	font-family:helvetica, sans-serif;
}
#header-block {
	width:100%;
	height:40px;
	background-color:#2d2a2b;
	float:left;
}
#menu-header {
	width:100%;
	height:140px;
	float:left;
}
#main-header-img {
	width:100%;
	height:700px;
	background:url("images/jayla.png") no-repeat center;
	float:left;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-attachment:scroll;
}
#secondary-content-block {
	width:100%;
	height:440px;
	background-color:#e2eaed;
	float:left;
}
#secondary-content-block2 {
	width:100%;
	min-height:430px;
	background-color:#e2eaed;
	float:left;
	padding-bottom:80px;
}
#secondary-content-box {
	width:230px;
	height:320px;
	float:left;
	background-color:#fff;
	float:left;
	margin-top:60px;
	margin-right:4.2%;
}
#secondary-content-box-alt4 {
	width:230px;
	height:320px;
	float:left;
	background-color:#fff;
	margin-top:60px;
	margin-right:0px;
}
#secondary-content-box-alt {
	width:230px;
	height:320px;
	float:left;
	background-color:#fff;
	margin-top:60px;
}
#secondary-content-box-news {
	width:230px;
	height:320px;
	float:left;
	background-color:#fff;
	float:left;
	margin-top:60px;
}
#secondary-box-img {
	width:100%;
	height:160px;
	background-color:#000;
}
#secondary-box-img.classes {
	background:url('images/classes.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
#secondary-box-img.doy {
	background:url('images/award.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
#secondary-box-img.aboutus {
	background:url('images/aboutdh.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
p.headline {
	font-size:1.4em;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
#secondary-content-box p {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
#secondary-content-box-news p {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	color:#818181;
}
#secondary-content-box-news p.headline {
	color:#000;
	line-height:22px;
}
a.news-link {
	margin-left:12px;
	font-family: helvetica, sans-serif;
	font-size:.9em;
	text-decoration:none;
	color:#474747;
	font-weight:100;
}
a.news-link:hover {
	text-decoration:underline;
}
#secondary-content-box:hover {
	background-color:#7311e1;
}
#secondary-content-box p.headline {
	color:#7311e1;
	margin-top:12px;
}
#secondary-content-box p.text {
	color:#818181;
}
#secondary-content-box:hover p.headline {
	color:#fff;
}
#secondary-content-box:hover p.text {
	color:#fff;
}
#email-capture-block {
	width:100%;
	height:320px;
	background-color:#ab70ed;
	float:left;
}
#bot-nav-block {
	width:100%;
	height:320px;
	background-color:black;
	float:left;
}
#legal-block {
	width:100%;
	height:60px;
	background-color:#262626;
	float:left;
}
#content-wrap {
	width:1056px;
	min-height:20px;
	margin-left:auto;
	margin-right:auto;
}
p.text {
	margin-top:-8px;
	font-size:.9em;
	line-height:1.2em;
	font-weight:lighter;
}
ul.menu {
	list-style:none;
	font-size:1em;
	margin-top:80px;
	letter-spacing:1px;
}
ul.legal-menu {
	list-style:none;
	font-size:.75em;
	margin-top:-24px;
	width:600px;
	float:right;
}
ul.legal-menu li {
	color:#C7A0F3;
	margin-left:24px;
}
ul.legal-menu li {
	float:right;
}
ul.menu li a {
	color:#7311e1;
}
ul.menu li a:hover {
	color:#3B3B3B;
}
ul.reg-links {
	list-style:none;
	font-size:.8em;
	margin-top:-2px;
}
ul.reg-links li a:hover {
	text-decoration:underline;
}
ul.menu li {
	float:right;
	margin-left:20px;
	color:#aeaeae;
}
ul.menu li:hover {
	color:#474747;
}
ul.reg-links li {
	float:right;
	margin-left:20px;
}
ul.reg-links li a {
	color:#00adee;
	font-weight:lighter;
}
ul li a {
	text-decoration:none;
}
ul {
	font-family:helvetica, sans-serif;
	font-weight:normal;
}
#bot-nav-content-box {
	width:349px;
	height:200px;
	border-right:thin solid #313131;
	margin-top:60px;
	float:left;
}
#bot-nav-content-box.alt {
	width:349px;
	height:200px;
	float:left;
	border:none;
}
#bot-nav-content-box.alt2 {
	width:349px;
	height:200px;
	border-left:thin solid #313131;
	border-right:none;
	float:left;
}
#bot-nav-content-box p {
	width:83%;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	font-weight:lighter;
}
#bot-nav-content-box p.headline {
	font-size:1.2em;
	color:#C7A0F3;
}
#bot-nav-content-box a.bot-nav-link {
	margin-left:30px;
	font-family:helvetica, sans-serif;
	font-size:.9em;
	text-decoration:none;
	color:#fff;
	font-weight:lighter;
	vertical-align:middle;
}
#bot-nav-content-box a.bot-nav-link:hover {
	color:#7311e1;
}
p.legal {
	color:#C7A0F3;
	font-weight:100;
	margin-left:30px;
	font-size:.75em;
	margin-top:20px;
}
a span.quote {
	color:#7311e1;
	font-weight:lighter;
	font-size:1.6em;
	vertical-align:sub;
}
span.credit {
	color:#515151;
}
a.credit-link {
	color:#515151;
	text-decoration:none;
}
.email-addy {
	width:426px;
	height:52px;
	border:none;
	font-size:1.2em;
	font-family:helvetica, sans-serif;
	font-weight:lighter;
	padding-bottom:2px;
}
.email-sub-btn {
	height:55px;
	width:160px;
	border:none;
	background-color:#000;
	color:#fff;
	font-size:1.2em;
	font-family:helvetica, sans-serif;
	font-weight:lighter;
	margin-left:-4px;
	cursor:pointer;
}
.email-sub-btn:hover {
	background-color:#333333;
}
input {
	padding-left:30px;
}
#email-capture-block h1 {
	color:#fff;
	margin-top:60px;
}
#email-capture-block p {
	color:#C7A0F3;
	margin-top:-8px;
	margin-bottom:20px;
}
#secondary-page-content {
	width:100%;
	min-height:1900px;
	background-color:#fff;
}
#secondary-page-content.company {
	width:100%;
	min-height:1300px;
	background-color:#fff;
}
#secondary-page-content.contact {
	width:100%;
	min-height:600px;
	background-color:#fff;
}
#secondary-page-header {
	width:100%;
	height:600px;
	background-color:#000;
	margin-top:60px;
}
p.secondary-page-text {
	font-size:.9em;
	line-height:1.6em;
	width:600px;
	float:left;
	margin-left:40px;
	color:#818181;
	font-weight:100;
	padding-right:24px;
	padding-bottom:40px;
}
p.secondary-page-text-alt {
	font-size:.9em;
	line-height:1.6em;
	width:600px;
	float:left;
	margin-left:40px;
	color:#818181;
	font-weight:100;
	padding-right:24px;
	padding-bottom:120px;
}
#special.secondary-page-text {
	padding-right:400px;
}
#contact.secondary-page-text {
	width:300px;
	padding-right:300px;
}
aside.right {
	float:right;
	width:360px;
}
span.right-col {
	float:left;
	width:100px;
}
aside p {
	font-size:.9em;
	line-height:1.6em;
	float:left;
	margin-left:40px;
	color:#818181;
	font-weight:100;
	padding-right:24px;
	padding-bottom:40px;
}
aside.right h1 {
	margin-left:38px;
	margin-bottom:4px;
	margin-top:-50px;
}
h1.secondary-page {
	width:600px;
	margin-left:40px;
	padding-top:30px;
	float:left;
}
h1.secondary-page-alt {
	width:600px;
	margin-left:40px;
	margin-top:10px;
	float:left;
}
a.button {
	padding:4px 24px;
	background-color:#7311e1;
	color:#fff;
	font-family:helvetica, sans-serif;
	margin-top:-2px;
	float:left;
	font-weight:100;
	font-size:.7em;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	text-decoration:none;
}
a.button-intensive {
	padding:4px 24px;
	background-color:#F0F;
	color:#fff;
	font-family:helvetica, sans-serif;
	margin-top:-2px;
	float:left;
	font-weight:100;
	font-size:.7em;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	text-decoration:none;
	margin-left:24px;
}
a.button:hover {
	background-color:#6613D1;
}
#testimony-block {
	width:100%;
	height:460px;
	background:url('images/backgrounder.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-color:#575757;
	float:left;
}
#testimony-block p {
	font-size:2.6em;
	color:#fff;
	padding-top:46px;
	font-weight:lighter;
	width:90%;
	margin-bottom:0px;
	-webkit-font-smoothing:antialiased;
	text-shadow:0px 0px 12px #000;
}
.header-logo {
	margin-top:-34px;
}
.social-media-logo {
	width:32px;
	height:32px;
	margin-left:14px;
	float:left;
}
#social-media-wrap {
	float:right;
	margin-top:-32px;
}
#secondary-content-box.vera {
	background:url('images/vera.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
}
#secondary-content-box.kat {
	background:url('images/kat.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
}
#secondary-content-box.ken {
	background:url('images/ken.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
}
#secondary-content-box.thomas {
	background:url('images/thomas.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
}
#secondary-content-box.jamie {
	background:url('images/jamie.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
}
#secondary-content-box.isaac {
	background:url('images/isaac.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
}
#secondary-content-box.yoyo {
	background:url('images/yoyo.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
}
#overlay {
	width:230px;
	height:320px;
	background-color:#7311e1;
	z-index:4999;
	position:relative;
	opacity:0;
	-webkit-transition-duration: 0.3s;
	margin-top:-44px;
}
#overlay:hover {
	opacity:1;
	z-index:4999;
}
#overlay p {
	vertical-align:text-top;
	margin-top:0px;
	font-size:.8em;
	line-height:1.2em;
	text-align:left;
	padding-top:12%;
	color:#fff;
	font-weight:lighter;
}
#overlay p span.heading {
	font-size:1.6em;
	line-height:1.2em;
}
#company-list ul {
	float:left;
	list-style:none;
	font-size:.9em;
	line-height:1.6em;
	color:#818181;
	width:130px;
	margin-left:0px;
	font-weight:lighter;
}
#group {
	float:left;
}
.column1 {
	padding-right:800px;
}
.column2 {
	width:900px;
}
p.company-title {
	font-size:.9em;
	color:#818181;
	margin-left:40px;
	margin-top:-30px;
}
#map-wrap {
	width:600px;
	height:460px;
	float:right;
	background-color:none;
	margin-right:40px;
	margin-top:-420px;
}
#map-wrap.event {
	margin-top:-190px;
}
#secondary-page-content.event {
	min-height:640px;
}
.click-button {
	right:-190px;
	bottom: -280px;
	position:relative;
	z-index:4000;
}
ul.menu li.active-link {
	color:#474747;
}
ul.menu li.home-link {
	color:#aeaeae;
}
#secondary-page-header.about-page {
	background:url('images/about.png') no-repeat center;
	-webkit-background-size:cover;
}
#secondary-page-header.event-page {
	background:url('images/events.png') no-repeat center;
	-webkit-background-size:cover;
}
#secondary-page-header.contact-page {
	background:url('images/contact.png') no-repeat center;
	-webkit-background-size:cover;
}
#secondary-page-header.company-page {
	background:url('images/company.png') no-repeat center;
	-webkit-background-size:cover;
}
.heart {
	margin-top:16px;
	margin-bottom:-4px;
}
.email-headline {
	font-family:"Times New Roman", Times, serif;
	font-size:2.6em;
	padding-bottom:0px;
}
.email-text {
	line-height:.2em;
	font-family:"Times New Roman", Times, serif;
	font-size:1.3em;
	padding-bottom:16px;
}
#mobile-menu {
	width:100%;
	height:54px;
	float:left;
	background-color:#000;
	display:none;
	position:fixed;
	z-index:5000;
}
#mobile-menu-items {
	float:left;
	width:100%;
	display:none;
	-webkit-transition:all 0.4s ease;
	font-family:helvetica, sans-serif;
	padding-top:54px;
	position:fixed;
}
a.mobile-item {
	float:left;
	text-align:center;
	width:100%;
	background-color:#222;
	color:#fff;
	vertical-align:text-top;
	padding-top:16px;
	padding-bottom:16px;
	text-decoration:none;
	border-bottom:1px solid #2A2A2A;
}
#mobile-item {
	float:left;
	text-align:center;
	width:100%;
	background-color:#222;
	color:#fff;
	vertical-align:text-top;
	padding-top:16px;
	padding-bottom:16px;
	text-decoration:none;
	border-bottom:1px solid #2a2a2a;
}
#mobile-item:hover {
	background-color:#000;
}
.studio-name {
	float:left;
	margin-left:24px;
	font-size:1.8em;
	color:#fff;
	margin-top:10px;
}
a.mobile-item:hover {
	background-color:#000;
}
a.mobile-menu-button {
	float:right;
	cursor:pointer;
	margin-right:24px;
	margin-top:9px;
}
#secondary-page-content.doy {
	margin-top:20px;
	min-height:1300px;
}
#secondary-page-content.intensive {
	margin-top:20px;
	min-height:1320px;
}
#doy-photo {
	width:260px;
	height:440px;
	float:right;
	margin-right:50px;
	margin-top:56px;
	background:url(images/morrow.png) center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
}
#generic-photo {
	width:260px;
	height:inherit;
	float:right;
	margin-right:50px;
	margin-top:56px;
}
#doy-photo2 {
	width:260px;
	height:280px;
	float:right;
	margin-right:60px;
	margin-top:56px;
	background:url(images/group.png) center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
}
.doy-name {
	color:#474747;
}
.social-link {
	color:#7311e1;
	text-decoration:none;
}
.social-link:hover {
	text-decoration:underline;
}
.special-headline {
	font-size:2em;
	color:#000;
}
 @media only screen and (min-device-width: 320px) and (max-device-width: 768px) {		/*  ipads   */
 a {
 text-decoration:none;
}
}
 @media only screen and (min-device-width: 320px) and (max-device-width: 640px) {		/*  iphones   */
 div {
 height:inherit;
}
 a {
 text-decoration:none;
}
 #secondary-page-content {
 min-height:2280px;
}
 #secondary-page-content.about-us {
 min-height:4480px;
}
#secondary-page-content.company {
 min-height:2100px;
}
#secondary-page-content.contact {
 min-height:900px;
}
#map-wrap {
 margin-top:-660px;
}
}
