.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
html{overflow-y:scroll;margin:0;padding:0;height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{font-family:'Special Elite';font-size:95%;color:#555;background:#000;padding:0;margin:0;height:100%;}
p{padding:0;margin:1em 0 1em 0;line-height:1.3em;}
h1{font-size:1.5em;font-weight:normal;color:#c11923;font-variant:small-caps;}
h2{font-size:1.2em;font-weight:normal;color:#c11923;font-variant:small-caps;}
h3{font-size:1.1em;font-weight:normal;color:#c11923;font-variant:small-caps;}
h4{font-size:1.1em;font-weight:normal;color:#c11923;font-variant:small-caps;}
h5{font-size:1.1em;font-weight:normal;color:#c11923;margin:0;padding:10px 0 0 0;font-variant:small-caps;}
a:visited, a:link, a:hover, a:active{color:#fff;text-decoration:underline;}
a:hover{text-decoration:none;}
p{line-height:1.3em;}
ul{padding:0 0 0 0.2em;list-style-type:none;margin:0.1em 0 0.1em 0;line-height:1.5em;letter-spacing:0.5px}
li{margin:0;padding:0 0 3px 26px;background:url('../images/bullet.png') no-repeat 0 1px;}
ol{}
ol li{background:none;padding:0;}
sup, sub {vertical-align: baseline;position: relative;top: 0em;}
sub {top: 0.4em;}
img{border:0;padding:0;max-width:100%;height:auto;}
iframe{width:100%;margin:0;padding:0;}
strong,b{font-weight:bold;}
table{border-collapse:collapse;margin:0;padding:0;width:100%;letter-spacing:1px;border:0;font-size:0.8em;max-width:100%;table-layout:auto;}
table thead tr{color:#c11923;font-variant:small-caps;}
table thead tr td{border-bottom:1px solid #c11923;background:transparent;}
table td{padding:3px 3px 0px 3px;border:0;border-bottom:1px solid #e7e5ee;word-wrap:break-word;word-break;}
.floatleft{float:left;}
.floatright{float:right;}
.error{color:#fff;padding:0.5em 0.5em 0.5em 2em;font-size:1.2em;font-weight:bold;margin:0.5em 0 0.5em 0;background:red url('/layout/images/cross.png') no-repeat 0.6em 0.5em;}
.error-underhang{border:1px solid red;margin:-0.6em 0 0.5em 0;padding:0.5em;color:red;}
.confirmation{color:white;padding:0.5em 0.5em 0.5em 2.3em;font-size:1.2em;font-weight:bold;margin:0.5em 0 0.5em 0;background:green url('/layout/images/tick.png') no-repeat 6px 5px;}
.confirmation-underhang{border:1px solid green;margin:-0.6em 0 0.5em 0;padding:0.5em;color:red;}
.top-site-message{display:none;visibility:hidden;color:#444;position:fixed;left:0;top:0;margin:0;width:100%;z-index:1000000000;padding:9px 0 9px 0;background:#f8f8f8;border-bottom:1px solid #444;cursor:pointer;}
.top-site-message-error{display:none;visibility:hidden;color:#fff;position:fixed;left:0;top:0;margin:0;width:100%;z-index:1000000000;padding:9px 0 9px 0;background:#770000;border-bottom:1px solid #444;cursor:pointer;}
.top-site-message .container{margin:0 auto;text-align:center;max-width:1150px;}
.top-site-message .title{font-weight:bold;color:#c11923;font-size:1.2em;float:left;padding:7px 0 7px 45px;}
.top-site-message-error .title{color:#fff;}
.top-site-message .content{padding:1em 0 0 2em;font-weight:normal;font-size:0.85em;float:left;display:none;}
.hide-me-at-load, .hide-at-load{display:none;visibility:hidden;}
.picture-frame{text-align:center;margin:0 auto;-webkit-border-radius:8px;border-radius:8px;} 
.picture-frame-dark{text-align:center;margin:0 auto;max-width:87%;border:12px solid #c11923;box-shadow:1px 1px 4px #000;} 
.picture-title{display:block;position:relative;margin-top:0;}
.picture-title span{position:absolute;bottom:0;left:0;width:100%;font-size:1.1em;background:#c11923;color:#fff;background:rgba(0,49,102,0.8);border-bottom-right-radius:8px;border-bottom-left-radius:8px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;}
.picture-title:hover span{background:#8786b3;}
.picture-title span big{padding:15px 15px 10px 15px;display:block;}
.error-suggested-pages{font-size:0.95em;color:gray;}
.error-suggested-pages a{color:#444;text-decoration:none;}

/* Page navigation bar */
.pageNavContainer{padding:0 0 7px 0;text-align:right;font-size:0.9em;margin:0 0 2px 0;position:relative;color:#888;letter-spacing:1px;font-variant:small-caps;}
.pageNavPages{margin:0;padding:0;text-align:right;-webkit-border-radius:3px;border-radius:3px;padding:7px 7px 4px 7px;color:white}
.limitRecords{float:left;font-size:0.95em;margin:0.2em 2em 0 0;}
.pageNavNumber{font-size:0.95em;margin:6px 0 0 0;color:#888;}
.pageNavTitle{margin:0.2em 0.7em 0 0;padding:0;font-size:0.95em;}
.pageNavContent{float:right;}
.pageNavContainer form{width:auto;}
.pageNavContainer form span{margin-right:5px;text-transform:uppercase;}
.pageNavContainer select{margin:0 0.9em 0 0;padding:0;font-size:0.95em;width:auto;}
.pageNavContainer input[type="submit"]{width:auto;}
ul.pagesNav{margin:0px 0 0 0;padding:0;background:none;}
.pagesNav li{display:inline;list-style-type:none;margin:0;padding:0;background:none;}
.pagesNav a, .pagesNav a:visited, .pagesNav a:link{display:inline;color:white;padding:0.2em 0.8em 0 0.8em;text-decoration:none;-webkit-border-radius:3px;border-radius:3px;}
.pagesNav a:hover{background-color:#fff;color:#000;}
.pagesNav a:active{background-color:#FFFFFF;color:#700000;}
a.pageSelected, a:visited.pageSelected, a:link.pageSelected{background:#c11923;color:white;}

/****************
* SITE CONTAINERS
****************/
#site-container{margin:0;padding:0;width:100%;position:relative;}
#site-container-admin{position:relative;}
#site-container-admin #nav-backing{margin:0 auto;padding:0;background:#fff;margin-top:40px;border-bottom:1px solid #d0d0d0;position:relative;}
#site-border-top{position:absolute;top:0px;left:0;width:100%;height:20px;z-index:1;}
.header-container{margin:0 auto;background:#c11923;border:0;position:relative;}
.header-outer{margin:0 auto;width:100%;}
	.header-menu{display:none;}
	.header-logo img{max-height:80px;width:auto;margin:13px 0 12px 0;}
	.header-desktop{display:none;}
	#nav-inner .social{padding:3px 6px 0 7px;}
#nav-inner .social img{padding:10px;border:1px dashed #999;border-radius:10px;}

#nav-container{margin:0 auto;padding:0;background:#c11923;z-index:999999;right:0;width:100%;}
	#nav-outer{margin:0 auto;padding:0;text-align:center;}
		#nav-inner{text-align:center;margin:0 auto;padding:0;position:relative;}
#content-container{margin:0;padding:0px 0 5px 0;}
	#content-outer{padding:0;margin:0;}
		#content-inner{padding:5px 2px 0 2px;margin:0;text-align:left;position:relative;}
#footer-container{margin:0;padding:0;}
	#footer-outer{font-size:0.9em;margin:auto;color:#f8f8f8;border-top:1px solid #d1d1d1;background:#c11923;border-top:1px solid #d1d1d1;position:relative;}
	#footer-inner{text-align:left;margin:auto;padding:1em;position:relative;}
		#footer-inner a, div#footer-inner a:visited, div#footer-inner a:link{color:white;}
		.footer-content{clear:both;margin:0 0 10px 0;}
		.hc-logo{margin-top:5px;display:none;}
		#footer-inner .copyright{clear:both;width:100%;display:block;}
		#footer-inner .links{clear:both;width:100%;display:block;font-variant:small-caps;}
		#footer-inner .social-logos{width:100%;display:block;margin-top:10px;}
		#footer-outer .hc-logo{}
		
/****************
* SITE MENU
****************/
.no-scroll{overflow:hidden;}
.scrolled{}
.menu-icon-container{overflow:hidden; display:block; padding:1px; width:42px; height:42px;background:0;border:0;position:absolute;top:20px;right:10px;z-index:9999;}
a.menu-icon{width:40px; height:40px; display:block;border:1px solid transparent;border-radius:4px;-webkit-border-radius:4px;background:#000;}
a.menu-icon.active{background:black;}
.bar1{margin:26% auto 0; width:60%; height:10%; border-radius:10px;-webkit-border-radius:10px; background:#fff;display:block;}
.bar2{margin:12% auto; width:60%; height:10%; border-radius:10px;-webkit-border-radius:10px; background:#fff;display:block;}
.bar3{margin:0 auto; width:60%; height:10%; border-radius:10px;-webkit-border-radius:10px; background:#fff;display:block;}

#menu-container{margin:0; padding:5px 0 10px 0; list-style:none;width:260px;max-width:75%;position:fixed;background:#000;left:-300px;top:0px;bottom:0px;overflow:hidden;height:100%;z-index:99999;text-align:left;letter-spacing:1px;-webkit-backface-visibility: hidden;border-right:2px solid white;	/* Prevent native touch events on Windows */
	-ms-touch-action: none;

	/* Prevent the callout on tap-hold and text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Prevent text resize on orientation change, useful for web-apps */
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;}
#menu-container-scroll{position:absolute;padding:0;margin:0;width:100%;}

.main-nav ul{margin:0; padding:0; list-style-type:none;}
.main-nav ul ul{display:none;}
.main-nav li {margin:0; padding:0;border-top: 1px solid #002244;color:#d0d0d0;overflow:hidden;background:#c11923;}
.main-nav li:first-child {border-top:none;}
.main-nav li a{display:block; margin:0; padding:13px 13px 8px 33px; line-height:13px;text-decoration:none;font-size:0.95em; color:#d0d0d0;}
.main-nav li a:hover {color:white;background:#002a55;}
.tap-scroll{color:white;background:#002a55;}
.main-nav li a:active {color:white;background:#002a55;}
.main-nav li a.show-hide-icon {float:left; display:block; margin:0;outline:0; margin:6px 0 0 4px; padding:5px; width:11px; height:11px;line-height:13px;font-size:16px; font-weight:normal; color:#fff;text-align:center; border-radius:1px;-webkit-border-radius:1px;border:0;background:#004080;border:1px solid #002244;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #004080), color-stop(1, #c11923) );
background:-moz-linear-gradient( center top, #004080 5%, #c11923 100% );
filter:progid:d-x-image-transform.microsoft.gradient(start-colorstr='#004080', end-colorstr='#c11923');display:none;}
.main-nav li ul{background:#393939;box-shadow:inset 0 5px 5px -5px #111;margin:0;font-size:0.9em;font-variant:normal;display:none;}
.main-nav li ul li{margin:0;font-variant:normal;display:none;}
.main-nav .active-link a{color:#fff;}
.main-nav .link-depth-1{background:#424242;display:none;}
.main-nav .link-depth-1 li{background:none;}
.main-nav .link-depth-2{background:#c11923;}
.main-nav .link-depth-2 li{background:none;}
.main-nav .secondary-links{margin:15px 5px 15px 5px;font-size:0.8em;border:0;padding:0 0 20px 0;}
.main-nav .secondary-links li{display:inline-block;padding:0;margin:0;border:0;}
.main-nav .secondary-links li a{margin:0 1px 0 1px;color:#d0d0d0;padding:5px 5px 2px 5px;text-decoration:none;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #004080), color-stop(1, #c11923) );
background:-moz-linear-gradient( center top, #004080 5%, #c11923 100% );
filter:progid:d-x-image-transform.microsoft.gradient(start-colorstr='#004080', end-colorstr='#c11923');background:#004080;border:1px solid #002244;}
.main-nav .secondary-links li a:hover{color:#fff;}
.main-nav #nav-link1{background-color:transparent;}
#text-menu{display:none;}


/***********
* FORMS
***********/
form{margin:0;padding:0;}
input, select, textarea{font-size:1.1em;}
input[type=checkbox]{position:relative;bottom:-5px}
input[type=text], input[type=email]{background:white;color:black;padding:6px 5px 6px 5px;font-size:0.8em;border:1px solid #d8d8d8;margin:0.1em 0 0.3em 0;border-radius:2px;-webkit-border-radius:2px;}
input[type=text]:focus, input[type=email]:focus{border:solid 1px #c11923;box-shadow:0 0 4px #999;}
input[type=password]{background:white;color:black;padding:9px 8px 5px 8px;border:1px solid #d8d8d8;margin:0.1em 0 0.3em 0;-webkit-border-radius:3px;border-radius:3px;height:1.8em;line-height:1.8em;}
input[type=checkbox] {-webkit-appearance:none;width:30px;display:inline-block;height:30px;background:white;-webkit-border-radius:2px;border-radius:2px;border:1px solid #d8d8d8;margin:0;padding:0;top:0;}
input[type=checkbox]:checked {background: #f8f8f8 url('/layout/images/tick.png') no-repeat center;}
input[type=submit]{width:100%;font-family:'Special Elite';}
select{background:white;color:black;padding:8px 8px 3px 8px;border:1px solid #d8d8d8;margin:2px 0 3px 0;-webkit-border-radius:3px;border-radius:3px;width:100%;line-height:2em;height:2.5em;}
textarea{background:white;color:black;font-size:1em;padding:6px;border:1px solid #d8d8d8;margin:0.1em 0 0.3em 0;-webkit-border-radius:3px;border-radius:3px;width:70%;height:100px;}
label{position:relative;}

.form-line{clear:both;width:100%;}
.form-line .label{display:inline-block;width:15em}
.form-line .input, .form-line .form-input-container{display:inline-block;width:50%;}
.form-line .input input{width:100%;}
.form-line .form-label-container{width:100%;display:block;}

.formLabelContainer{display:block;width:100%;clear:both;}
.formInputContainer{display:block;width:100%;clear:both;}
.registrationForm{border:0;position:relative;display:block;width:100%;}
.registrationForm legend{font-size:1.5em;padding:0;margin:0 0 15px 0;color:#c11923;}
.registrationForm .form-section-heading{font-size:1.2em;padding:0 0 6px 0;margin:20px 0 10px 0;border-bottom:1px solid #d0d0d0;color:#c11923;}
.registrationForm .force-pass-change{color:red;font-weight:bold;padding:0.5em 0.5em 0.5em 2em;border:1px solid #700000;display:block;background:url('/adm/layout/themes/default/images/icons/exclamation_red.png') no-repeat 10px 10px;}
.registrationForm input[type=text],.registration-form input[type=password]{width:96%;}
.registrationForm input.submit-button{width:99%;text-align:left;background:#c11923;color:white;border:1px solid #444;}
.registrationForm input.submit-button:hover{background-color:#946bbb;background-image:url('/layout/images/tick_white.png');background-repeat:no-repeat; background-position:13px 10px;color:white;border:1px solid #444;}
.registrationForm input[type="checkbox"]{margin:10px 0 0 0;padding:10px;width:auto;}
.registrationForm fieldset{border:0;padding:0;margin:0;}
.registrationForm label{text-align:left;margin:0.4em 1.4em 0 0;width:95%;display:block;}
.registrationForm input[type=submit]{width:99%;}

.basic-form{border:0;position:relative;display:block;width:100%;}
.basic-form input.submit-button{width:99%;padding-left:50px;text-align:left;background:#c11923;background-image:url('/layout/images/tick_white.png');background-repeat:no-repeat; background-position:13px 10px;color:white;border:1px solid #444;}
.basic-form input.submit-button:hover{background-color:#946bbb;background-image:url('/layout/images/tick_white.png');background-repeat:no-repeat; background-position:13px 10px;color:white;border:1px solid #444;}
.basic-form input[type="checkbox"]{margin:10px 0 0 0;padding:10px;width:auto;}
.basic-form fieldset{border:0;padding:0;margin:0;}
.basic-form label{text-align:left;margin:0.4em 1.4em 0 0;}
.basic-form input[type=submit]{width:99%;}

.email-signup{text-align:left;margin-top:15px;margin-bottom:20px;width:90%;}
.email-signup label{text-transform:uppercase;font-size:0.7em;font-style:italic;text-align:center;padding:10px 5px 10px 5px;min-width:100px;display:inline-block;}
.email-signup input[type="email"]{min-width:50%;max-width:175px;}
.email-signup .submit-button{margin:0 auto;margin-top:5px;text-transform:uppercase;max-width:178px;}

#login-form-container{margin:0;width:93%;}
#login-form-container .title{font-size:1em;font-weight:normal;color:#c11923;text-transform:uppercase;margin:5px 0 20px 0;}
#login-form-container form{border:0;padding:0;margin:0;}
#login-form-container form fieldset{border:0;padding:0;margin:0;}
#login-form-container form fieldset legend{display:none;}
#login-form-container form label{width:100%;display:block;margin:5px 0 0 0}
#login-form-container form input[type=text],#login-form-container form input[type=password]{width:100%;margin:0;}
#login-form-container .remember-me{display:block;margin:15px 0 5px 0;float:right;background:#fff;padding:0px 10px 0px 10px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;position:relative;}
#login-form-container .remember-me label{width:auto;display:inline-block;margin:0;position:relative;top:-7px;cursor:pointer;}
#login-form-container .remember-me input{display:inline-block;position:relative;top:4px;left:5px;}
#login-form-container input[type=submit]{display:inline-block;width:100px;margin:15px 0 0 0}
#login-form-container .forgot-pass{margin:20px 0 10px 0;clear:both;}

/**********
* BUTTONS
**********/
.submit-button, a.submit-button, .submit-button a, input.submit-button, input[type=button].submit-button, a.download-button, input[type=submit], input[type=button]{background-color:#c11923;-webkit-border-radius:3px;border-radius:4px;text-indent:0px;border:1px solid #000;display:inline-block;color:#ffffff;font-weight:normal;font-style:normal;padding:0.7em 1em 0.4em 1em;text-decoration:none;text-align:center;cursor:pointer;margin:0 0.1em 0 0.1em;font-size:0.9em;}
.submit-button:hover, a.submit-button:hover, .submit-button a:hover, input.submit-button:hover, input[type=button].submit-button:hover, .download-button:hover, input[type=submit]:hover, input[type=button]:hover,.slider-news a:hover{background-color:#004080;text-decoration:none;}
.submit-button:active, a.submit-button:active, .submit-button a:active, input.submit-button:active, input[type=button].submit-button:active, .download-button:active {border:1px solid #444444;}
a.download-button{padding-left:5px;}
a.download-button span{padding-left:27px;background:url('../images/download_arrow.png') no-repeat 7px 3px;display:block;}


blockquote {position:relative;margin: 0.7em 0 2em 0; padding: 0.4em 0.5em;quotes: "\201C""\201D""\2018""\2019";font-style:italic;}
blockquote:before {font-style:normal;content: open-quote;font-size:0.9em;line-height: 0.1em;margin-right: 0.2em;top:20px;position:relative;vertical-align: -0.2em;}
blockquote p {display: inline;}
blockquote:after{content:close-quote;position:absolute;right:10px;font-size:6em;color:#ccc;}

.col{position:relative;}

.text-box, .blank-box, .text-box-alt{position:relative;margin:10px 0 10px 0;padding:12px;-webkit-border-radius:5px;border-radius:5px;color:#d0d0d0;}

.text-box, .blank-box, .blank-box-nopad, .text-box-alt{background:none;}
  .text-box .title, .text-box-alt .title{color:#c11923;font-size:1.6em;font-weight:bold;text-align:left;padding:0 0 6px 0;margin:0;letter-spacing:-1px;word-wrap:break-word;}

  .text-box .title-text{}
  .text-box .content, .news-story .content, .blank-box .content, .text-box-alt .content{word-wrap:break-word;padding:0;margin:0;letter-spacing:0.5px;}
/* 	.blank-box .content p::first-letter, .text-box .content p::first-letter, .news-story .content p::first-letter{font-size:150%;font-family:'Coustard'}*/

.picture-box{position:relative;width:100%;display:block;margin:0;padding:0;}
  .picture-box .title{position:relative;width:91%;margin:0 auto;margin-top:10px;font-size:0.9em;padding:2px 9px 8px 9px;color:#c11923;font-style:italic;text-align:center;}
  .picture-box .content{margin:0;padding:0;width:100%;text-align:center;}    
	.picture-box p {padding:0;margin:0;width:100%;position:relative;text-align:center;}
	.picture-box .content img, .news-story .content img{padding:0;text-align:center;margin:0 auto;max-width:97%;-webkit-border-radius:8px;border-radius:8px;} 
	.news-story .content img{margin:10px;}
	
	.text-box-alt{background:#222;border:2px dashed #c11923;color:white;border-radius:8px;}
	
.blank-box{position:relative;padding:0;margin:0;padding:12px;}
  .blank-box .content{padding:0;margin:0;}
.blank-box-nopad{position:relative;padding:0;margin:0.8em 0 0.8em 0;padding:0;}
  .blank-box-nopad.content{padding:0;margin:0;}
  
.news-story{background:url('../images/news_border.png') no-repeat 50% 100%;padding:10px;position:relative;margin:0.4em 0 4em 0;}
  .news-story .title{color:#c11923;font-size:1.1em;text-align:left;padding:0 0 6px 60px;margin:0;text-transform:uppercase;letter-spacing:2px;text-shadow:1px 1px 0px #e0e0e0;}
  .news-story .content{padding:10px 0 10px 0;}
  .news-story .footer .by{display:none;visibility:hidden;}
  .news-story .footer .date{position:absolute;top:-4px;line-height:1.2em;left:0;width:43px;height:45px;padding:12px 7px 2px 5px;text-align:center;background:url('../images/news_badge.jpg') no-repeat top left;text-indent:0px;	border:0;display:block;color:#666;font-weight:normal;font-style:normal;text-decoration:none;font-variant:small-caps;font-size:0.9em;text-align:center;}
	.news-story .read-more-link a{position:absolute;bottom:70px;padding:0;font-variant:small-caps;font-size:1.2em;}
	.news-story .read-more-link a:after{ content: " \00BB";}
	.news-story .footer{padding-bottom:30px;}
	.news-story .footer .content{padding:0;clear:both;}
	  .news-story .footer .social{float:right;padding:10px 0 0 10px;margin:0;display:block;height:30px;line-height:30px;text-align:center;}
		.news-story .footer .social .twitter-share-button{}
		.news-story .footer .social span{float:left;max-width:170px;}
		.news-story .footer .social .google-plus{margin-left:30px;padding:0;}
	


/*********
* SPECIFIC PLUGINS
**********/

.contact-form label{width:20%;display:block;}
.contact-form .name, .contact-form .email{width:50%;}

#content-container .social{position:absolute;top:-20px;left:35%;background:#c11923;border-radius:3px;padding:6px 6px 1px 6px;}
#content-container .social img{max-width:20px;height:auto;}

.beatbox{border:2px dashed #444;position:relative;display:block;padding:35px 20px 20px 20px;color:#fff;background:#111;margin-top:20px;margin-bottom:40px;}
.beatbox .name{font-size:1.4em;font-weight:bold;color:#c11923;}
.beatbox .num{position:absolute;top:-25px;left:-15px;font-size:1.6em;line-height:15px;margin:0;border:2px dashed #444;padding:8px;border-radius:20px;background:black;color:#c11923;font-weight:bold;}
.beatbox .date{font-size:0.8em;color:#999;}
.beatbox .info span{font-style:italic;color:#999;width:80px;display:inline-block;}
.beatbox .info{margin:20px 0 20px 0;}
.beatbox .bpm{position:absolute;top:-25px;right:-15px;font-size:1.2em;line-height:15px;margin:0;border:2px dashed #444;padding:7px;border-radius:20px;background:black;color:#c11923;font-weight:bold;}
.beatbox .genre{}
.beatbox .length{}
.beatbox .main{}
.beatbox .linkbox{}
.beatbox .linkbox div{color:#999;display:block;text-align:left;padding:5px 5px 5px 0;vertical-align:middle;}
.beatbox .vidbox{text-align:right;margin:0 auto;}
.beatbox .link-video{width:100%;text-align:right;}
.beatbox .link-video iframe{max-width:95%;padding:10px;background:#c11923;border-radius:3px;}
.beatbox .link-mp3{float:left;}
.beatbox .link-wav{float:left;}
.beatbox .link-stems{}
.beatbox .kit-img{}
.beatbox .linkbox span{font-size:0.8em;}
.beatbox .audio-player{margin:10px 0 10px 0;max-width:100%;position:relative;}
.beatbox .audio-player audio{width:100%;}
.beatbox .audio-player span{margin-right:8px;font-size:0.8em;position:absolute;top:1px;text-transform:uppercase;}

/*******************
* DESKTOP ONLY CSS
*******************/

@media only screen and (min-width : 959px) {
table{font-size:0.95em;}
table td{padding:4px 6px 0px 6px;}
body{font-size:90%;}
p{line-height:1.4em;letter-spacing:0.3px;}
#site-border-top{display:none;}
#content-container{}
#nav-outer, .header-inner{max-width:1300px;margin:0 auto;}
#content-outer, #footer-inner{max-width:80%;margin:0 auto;}
#left-header img{max-width:none;}
#header-container{z-index:98;height:auto;}
#menu-container-scroll{position:relative;width:auto;}
#nav-inner .header-desktop{display:block;z-index:99999;padding:15px;}
#nav-inner .header-desktop img{max-width:180px;}
#nav-inner .header-desktop a{display:block;width:110px;height:140px;}

ul.instagram li{background:none;margin:0;padding:0;}
ul.instagram .caption{float:right;width:35%;}
.ig-button{margin:0;padding:0;margin-top:10px;}

.beatbox{border:2px dashed #444;position:relative;display:block;padding:35px 20px 20px 20px;color:#fff;background:#111;margin-top:20px;margin-bottom:40px;}
.beatbox .name{font-size:1.7em;font-weight:bold;color:#c11923;}
.beatbox .num{position:absolute;top:-25px;left:-25px;font-size:2.2em;line-height:26px;margin:0;border:2px dashed #444;padding:10px;border-radius:20px;background:black;color:#c11923;font-weight:bold;}
.beatbox .date{font-size:0.8em;color:#999;}
.beatbox .info span{font-style:italic;color:#999;width:80px;display:inline-block;}
.beatbox .info{margin:20px 0 20px 0;}
.beatbox .bpm{position:absolute;top:-25px;right:-25px;font-size:1.8em;line-height:26px;margin:0;border:2px dashed #444;padding:10px;border-radius:20px;background:black;color:#c11923;font-weight:bold;}
.beatbox .genre{}
.beatbox .length{}
.beatbox .main{float:left;width:40%;}
.beatbox .linkbox{}
.beatbox .linkbox div{color:#999;display:block;text-align:left;padding:5px 5px 5px 0;vertical-align:middle;}
.beatbox .vidbox{float:right;width:60%;text-align:right;margin:0 auto;}
.beatbox .link-video{width:100%;text-align:right;}
.beatbox .link-video iframe{max-width:400px;padding:10px;background:#c11923;border-radius:3px;}
.beatbox .link-mp3{}
.beatbox .link-wav{}
.beatbox .link-stems{}
.beatbox .kit-img{}
.beatbox .linkbox span{font-size:0.8em;}
.beatbox .audio-player{margin:10px 0 10px 0;}
.beatbox .audio-player audio{width:420px;}

	.header-text{display:none;visibility:hidden;}
	.header-logo{display:none;}
	#siteContainer{height:100%;}
#nav-container{margin:0 auto;padding:0;background:#c11923;color:#fff;z-index:98;width:100%;border-bottom:2px dashed black;}
	#nav-outer{margin:0 auto;padding:0;text-align:center;position:relative;}
		#nav-inner{text-align:center;margin:0 auto;padding:5px 0 5px 0;position:relative;width:100%;}
#content-container{margin:0;padding:0;background:transparent;}
	#content-outer{padding:3px 0 5px 0;background:none;}
		#content-inner{padding:10px 0 0 0;margin:0;text-align:left;position:relative;background:none;}
#footer-outer{box-shadow:none;font-size:0.9em;letter-spacing:1px;background:transparent;border:0;}
#footer-inner{color:#666;padding:10px 0 4px 0;font-variant:small-caps;text-align:center;}

#footer-inner .copyright{width:auto;clear:both;}
#footer-inner .links{width:auto;clear:none;}


.main-nav a.show-hide-icon{display:none;}
.no-scroll{overflow:auto;}
.menu-icon-container{display:none;visibility:hidden;}
a.menu-icon{display:none;}

#menu-container{position:relative;top:auto;left:auto;width:100%;max-width:100%;background:transparent;height:auto;z-index:9999;overflow:visible;margin:0 auto;text-align:center;padding:0;border:0;}

.main-nav ul{margin:0 auto;padding:0;z-index:4000;font-weight:normal;display:block;max-width:100%;overflow:visible;text-align:center;margin-bottom:-2px;}
.main-nav ul li {background:none;padding:0;border:0;display:inline-block;height:100%;overflow:visible;line-height:inherit;font-size:1.1em;margin:0 1px 0 1px;}
.main-nav ul li a{padding:15px 25px 10px 25px;display:block;margin:0;text-decoration:none;cursor:pointer;background:rgba(0,0,0,0.2);border:2px dashed #000;border-bottom:0;line-height:1em;letter-spacing:0px;border-top-right-radius:10px;border-top-left-radius:10px;color:#fff;text-transform:uppercase;}
.main-nav ul li a:hover {}
.main-nav ul li.active-link:hover a{color:#d0d0d0;}
.main-nav ul li.active-link a{color:white;background:black;border:2px dashed #c11923;border-bottom:0;box-shadow:none;}
.main-nav ul li.active-link a:hover{color:#d0d0d0;}
.main-nav .link-depth-0 .active-link ul li a{background:none;color:#fff;text-shadow:none;}
.main-nav ul li ul li a{padding:10px 6px 10px 6px;margin:0;white-space:nowrap;}
.main-nav ul li ul li{margin-bottom:0;}
.main-nav li:hover a{background:#fff;color:#770000;text-shadow:none;box-shadow:inset 0 0 7px #000;}
.main-nav .link-depth-0 .active-link a:hover{text-shadow:none;}

.pageNavContainer form{width:auto;border-right:2px dashed white;margin-right:20px;padding-right:15px;}
.pageNavPages{float:right;}
.pageNavNumber{float:left;}
.pageNavContainer form{float:right;}
.front-page-height{min-height:290px;}
.front-page-top{min-height:350px;}
.front-page-top iframe{min-height:350px;display:block;}
.front-page-top .sc-player{min-height:317px;display:block;}
.fb-like-container{position:absolute;top:4%;right:5%;}
#nav-inner .social{position:absolute;top:0px;left:auto;right:50px;border:2px dashed #999;border-top:0;border-bottom-right-radius:15px;border-bottom-left-radius:15px;padding:3px 6px 0 7px;}
#nav-inner .social img{padding:3px 2px 2px 2px;border:0;}

.main-nav li a.show-hide-icon, .main-nav .link-depth-1 li a.show-hide-icon{display:none;}
.main-nav .secondary-links{display:none;}

select{padding:5px 8px 0px 8px;width:auto;line-height:1.2em;height:auto;}
.basic-form .cancel-me{position:absolute;top:-60px;right:10px;}
.basic-form .cancel-me a{padding:9px;font-size:0.9em;}
.form-line-container{clear:both;display:block;}
.form-label-container{clear:both;display:block;}
.basic-form{border:0;position:relative;}
.basic-form input{width:70%;padding:7px;}
.basic-form input.submit-button, .registration-form input.submit-button{width:auto;clear:both;display:block;}
.basic-form select, .registration-form select{width:auto;}
.basic-form fieldset{border:0;padding:0;margin:0;}
.basic-form label{text-align:left;width:25%;margin:12px 15px 0 0;float:left;}
.basic-form .submit-button{}
.basic-form .cancel-me{}
.basic-form .cancel-me a{padding:9px;font-size:0.9em;}
.form-label-container{display:block;float:left;width:25%;}
.form-input-container{display:block;width:70%;}
.registration-form{border:0;position:relative;display:block;width:100%;}
.registration-form input[type=text], .registration-form input[type=password]{width:60%;padding:7px;}
.registration-form label{text-align:left;margin:12px 15px 0 0;display:block;}
.registration-form input[type=submit]{width:auto;}
#login-form-container{margin:0 auto;max-width:500px;}

/*  ROWS & COLUMNS  */
.row {clear: both;padding: 0;margin: 0;}
.col {float:left;margin: 0.4% 0 0.4% 1.6%;}
.col:first-child { margin-left: 0; }
.group:before,
.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1;}
.col.col-12{margin-left:0;margin-right:0;}
.col-12 {width: 100%;}
.col-11{width: 91.53%;}
.col-10{width: 83.06%;}
.col-9{width: 74.6%;}
.col-8{width: 66.13%;}
.col-7{width: 57.66%;}
.col-6{width: 49.2%;}
.col-5{width: 40.73%;}
.col-4{width: 32.26%;}
.col-3{width: 23.8%;}
.col-2{width: 15.33%;}
.col-1{width: 6.86%;}
}


@media only screen and (min-width : 1100px) {
}

@media only screen and (min-width : 1610px) {
#content-outer, #footer-inner{max-width:1200px;margin:0 auto;}
}