@charset "utf-8";
/* CSS Document */
/* Landing Page Style Sheet */

/* =BASE STYLE
-------------------------------------------------------------- */
html {
	font-size: 100%;
	font-family:'Open Sans', sans-serif ;
}

body {	
	margin:0;
	padding: 0;	
	background-color: #191818;
}

h1, h2, h3, h4, h5, h6, ul, li, p, a, label, 
.menuBorder a {
	text-decoration: none;
	color: #FFF;
}

a {
	font-weight: 600;
}

a:hover {
	color: #89D5D9;
}

h1, h2, h3, h4, h5, h6, 
.menuBorder a, 
#sidemenu ul li a,
.bc-plugin-title  { 
	font-weight: 600;
	text-transform: uppercase;
}

p, ul, li {
	font-weight: 400;
	text-align: justify;
	line-height: 1.5rem;
}

ul, li {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

img, iframe {
	border: none;
}

/* =PAGE LOAD ANIMATION
-------------------------------------------------------------- */
#loader{width:100%;height:4000px;position:fixed;display:block;background-color:#000;z-index:500000}#loader h1{position:relative;font-size:1rem;top:22rem;text-align:center}#bowlG{position:relative;margin:0 auto;width:20px;height:20px;top:20rem}#bowl_ringG{position:absolute;width:20px;height:20px;border:5px solid #fff;-moz-border-radius:20px;-webkit-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px}.ball_holderG{position:absolute;width:20px;height:20px;left:0;top:0;-moz-animation-name:ball_moveG;-moz-animation-duration:1.3s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-webkit-animation-name:ball_moveG;-webkit-animation-duration:1.3s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-ms-animation-name:ball_moveG;-ms-animation-duration:1.3s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;-o-animation-name:ball_moveG;-o-animation-duration:1.3s;-o-animation-iteration-count:infinite;-o-animation-timing-function:linear;animation-name:ball_moveG;animation-duration:1.3s;animation-iteration-count:infinite;animation-timing-function:linear}.ballG{position:absolute;left:0;top:15px;width:12px;height:12px;background:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}@-moz-keyframes ball_moveG{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes ball_moveG{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-ms-keyframes ball_moveG{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(360deg)}}@-o-keyframes ball_moveG{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(360deg)}}@keyframes ball_moveG{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* =SCROLL FADE 
-------------------------------------------------------------- */
#ot_homeScroll {
	background-image: url('images/opHomeG.png'); 
	display: none;
	z-index: 500;
}

#ot_libScroll {
	background: url('images/opLibx.png') no-repeat top center; 
	background-size: cover;
	width: 100%; 
	height: 100%; 
	position:absolute; 
	z-index:400;
}

/* =ROCKET
-------------------------------------------------------------- */
				  
.rocketContainer {
	position:absolute;
	width: 100%;	  
	margin: 0 auto;
    background-color: #CCC;
	z-index:1;			
}
				  
#rocket{
	background: url('images/hexan.png') no-repeat -5px center;			  
	z-index: -100;	
	top:0;					 
}
				
#rocketScroll {
	background: url('images/hexanDark.png') no-repeat -5px center; 
	z-index: 500;
	display:none;
	top:250px;		  
}

#rocketScroll2 {
	background: url('images/hexanDarkBig.png') no-repeat -5px center; 
	z-index: 550;
	display:none;
	top:250px;		  
}

#rocketScroll2{
	position: absolute;				  	
	width:120px;
	height: 300px;
	top: 206px;
	left:-67px;
	margin-left: 50%;
}

#rocket,
#rocketScroll{
	position: absolute;				  	
	width:85px;
	height: 213px;
	top: 250px;
	left:-50px;
	margin-left: 50%;
}
				
#rocketTablet {display:none;}
				
/* =ROCKET TUBE
-------------------------------------------------------------- */
.ut, 
.ot,
.utContact{
	background-repeat: repeat-y;
	width: 88px;
	height: 100%;
	position: absolute;
	top: 0;
	left:-50px;
	margin-left: 50%;
}

.ut {
	background-image: url('images/hexatube.png');
	background-position:0 0;
	z-index: 0;
}

.ot {
	background-image: url('images/hexatube.png');
	background-position: -88px 0;	
	z-index: 200;
}

.tubeOverlap { 
	background: no-repeat center center; 
	background-size: cover;
	width: 100%; 
	height: 100%;  
	position: absolute;
	z-index: 400;
}

.utContact {
	background: url('images/hexatube.png') no-repeat -176px top;
}

/* =START SLIDE
-------------------------------------------------------------- */
#start {background-image:  url('images/bkgstart.jpg');}

.startmsg {
	position: absolute;
	display: block;
	top:50%;
	color: #FFF;
	width: 100%;
	text-align: center;
	right: 5px;
}

#arrow {
	background: url('images/iconsprites.png') no-repeat;
	background-position: -25px 0; 	  
	width: 25px;
	height: 60px;
	position: relative;
	display: block;
		  margin-left: 50%;
		  left: -12px;
	top: 15px;
}

/* =HOME SLIDE
-------------------------------------------------------------- */
#home{background-image:  url('images/bkgHome.jpg');}

#ot_home{background-image: url('images/opHome.png');}

/* =INFO SLIDE
-------------------------------------------------------------- */
#info{background-image: url('images/bkgInfo.jpg'); }

#ot_info{background-image: url('images/opInfo.png');}

/* =LIBRARY SLIDE
-------------------------------------------------------------- */
#library{background-image: url('images/bkgLib.jpg');}

#ot_library{
	background: url('images/opLib.png') no-repeat top center; 
	background-size: cover;
	width: 100%; 
	height: 100%;  
	position: absolute;
	z-index: 300;
}

/* =STORE SLIDE 
-------------------------------------------------------------- */
#store{background-image: url('images/bkgStore.jpg');}

#ot_store{background-image: url('images/opStore.png');}

/* =KREWE SLIDE
-------------------------------------------------------------- */
#krewe{background-image: url('images/bkgKrewe.jpg');}

#ot_krewe{background-image: url('images/opKrewe.png');}

/* =CONTACT SLIDE
-------------------------------------------------------------- */
#contact{background-image: url('images/bkgContact.jpg');	}

#ot_contact{background-image: url('images/opContact.png');}

/* =SLIDE & CONTENT LAYOUT 
-------------------------------------------------------------- */
.slide {
	background: no-repeat center center; 
	background-size:cover;
	width:100%;
	height:1200px;
	position:relative;
	display: block;
	margin: 0 auto;
	padding: 0;
}

.content {
	width: 90%;
	position: absolute;
	margin: 0 auto;
	padding:50px 0 0 0;
	z-index: 700;
}

#info .content {margin: 5% 0 0 7%;}


#library .content,
#store .content {
	  margin-left: 5%
}
	
/* =SIDE MENU 
-------------------------------------------------------------- */
#sidemenu {
	width: 100%;
	height: 50px;  
	position: fixed;
	top:20px;
	z-index: 10000;
}

#sidemenu ul {
	list-style: none;
	display: block;
	width: 195px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
}

#sidemenu ul li {
	float: left;
	display: block;
	width: 60px;
	height: 23px;
	margin: 0;
}

#sidemenu ul li a {
	background: url('images/iconsprites.png') no-repeat;
	display: block;	
	width: 23px;
	height:23px;
	cursor: pointer;
	margin: 0 auto;
}

#sidemenu ul li.current a {background-position: 0 -22px;}

#sidemenu ul li:hover a {background-position: 0 -44px;}

#sidemenu ul li:hover ul {display:block;}

#sidemenu ul ul {
	display: none;
	left: 0;
	top: 25px;
	margin: 0;
	padding: 0; 
}

#sidemenu ul ul li {width: 60px;}

#sidemenu ul ul li a {
	background: transparent;
	width: 60px;
	height: 23px;
	font-size: .75rem;
	font-weight: 400;
	text-transform:uppercase;
	text-decoration: none;
	text-align: center;
	color: #CCC;
	margin: 0;
	display: block;
}

/* =HEADERS 
----------------------------------------------------------------------- */
.menuContainer {
	float: left;
	display: block;
	width: 100%;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0px 15px 0px 5px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8daa3f), to(#6d8635));
	background: -webkit-linear-gradient(top, #8daa3f, #6d8635);
	background: -moz-linear-gradient(top, #8daa3f, #6d8635);
	background: -ms-linear-gradient(top, #8daa3f, #6d8635);
	background: -o-linear-gradient(top, #8daa3f, #6d8635);
	background-color: #8daa3e;
}

.IEroot .menuContainer {
	padding: 0px 10px 0px 5px;
	margin-top: 10px;
}

.menuBorder{
	float: left;
	display: block;
	width: 100%;
	margin: 5px 0 5px 0;
	padding:0;
	background: transparent;
	border-style: solid;
	border-width: 4px;
	border-color: #FFF;
	-moz-border-image: url('images/btnBorder.png') 6 stretch;
	-webkit-border-image: url('images/btnBorder.png') 6 stretch;
	-o-border-image: url('images/btnBorder.png') 6 stretch;
	border-image: url('images/btnBorder.png') 6 stretch;
}

.IEroot .menuBorder {border-image: none; border: 2px solid #FFF;}

.menuBorder h1 {padding: 20px 0 20px 0;}

.menuBorder h2 {padding: 10px 0 10px 0;}

.menuBorder h1,
.menuBorder h2,
.menuBorder a {
	float: left;
	display: block;
	text-align: center;
	line-height: 1rem;
	width: 100%;
	height: 100%;
	margin: 0;
}

.menuBorder a:hover {
	color: #FFF;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#86A040), to(#ABC94C)); 
	background: -webkit-linear-gradient(top, #86A040, #ABC94C); 
	background: -moz-linear-gradient(top, #86A040, #ABC94C); 
	background: -ms-linear-gradient(top, #86A040, #ABC94C); 
	background: -o-linear-gradient(top, #86A040, #ABC94C);
	background-color: #86A040;
}

.pageHeader {
	width: 100%;
	float: left;
	display: block;
	margin:1% 0 2% 0;
}

.pageHeader .menuContainer {
    width: 40%;
	margin-left: 2%;
}

/* =CONTENT BLOCK STYLING 
----------------------------------------------------------------------- */

/* =CALLOUT MARGINS 
    & POSITIONING 
------------------------ */
.callout {
	float: left;
	display: block;
	margin: 0;
}

#home .callout,
#contact .callout {
	margin: 10% 0 0 0;
	float: right;
}
	
#news.callout {
	margin-left: 7%;
}
	
#krewe .callout {
	margin: 10% 0 0 10%;
}

#home .callout,
#news.callout,
#krewe .callout,
#contact .callout{
	width: 25rem;
}

.callout#about {
width: 25rem;
}



/* =CALLOUT 
   HIDDEN ELEMENTS 
------------------------ */
#home .callout .callout_drop #widget-title-two, .widgettitle,.callout#news .callout_drop #widget-title-one {display: none;}

#contact .callout .callout_drop .hide { display: none;}

/* =CALLOUT HEADERS 
   & ICONS  
------------------------ */
#home .callout .menuContainer, 
#contact .callout .menuContainer,
#krewe .callout .menuContainer, 
.callout#news .menuContainer {
	margin-left: 10%;
}

.callout#about .menuContainer {
	margin: 5px 0 0 0;
}

.callout_icon{
	background: url('images/iconsprites.png') no-repeat;
	width: 77px;
	height: 74px;
	margin: 0;
	position: absolute;
}

#news_icon{background-position: -55px 0;}
#moonbot_icon{background-position: -55px -75px;}
#krewe_icon{background-position: -55px -149px;}
#contact_icon{background-position: -55px -225px;}


/* =CALLOUT DROP 
   GLOBAL STYLING  
------------------------ */
.callout_drop {
 
	float: left;
	display: block;
	width: 88%;
	margin-left:75px;
	-moz-box-shadow:    inset 0px 5px 5px -2px #276166;
	-webkit-box-shadow: inset 0px 5px 5px -2px #276166;
	box-shadow:         inset 0px 5px 5px -2px #276166;	
}

.callout_drop .post-entry {
	margin: 0;
	width: 100%;
}

.callout_drop .post-entry iframe {
	float: left; 
	display: block;
	width: 100%;	
	margin: 3% 0 5% 0;
}

.callout_drop p,
.callout_drop li {
	font-size: .75rem;
	margin: 0;
	padding: 0;
}

.callout_drop ul,
.callout_drop ul li,
.callout_drop ul li a {
	width: 98%;
	margin: 0;
	padding: 0;
}

.callout_drop .more {
  float: right;
	display: block;
  	margin: 5% 0 2% 2%;
	text-transform: uppercase;
	font-weight: 700;
    color: #6FBBBF;
}

.callout_drop .more:hover {
	color: #89D5D9;
}

/* =HOME NEWS & KREWE CALLOUT DROPS  
------------------------ */

#home .callout .callout_drop #linkcat-160 ul.xoxo.blogroll li,
.callout#news .callout_drop #recent-posts-2 ul li,
#krewe .callout .callout_drop .post-entry ul li,
.item h3,
.bc-plugin-title  {	
	border-style: solid;
	border-bottom-width:  0 4px 4px;  
	border-image: url('images/icoDivider.png') 0 6 6  stretch;
	-moz-border-image: url('images/icoDivider.png') 0 6 6  stretch; 
	-webkit-border-image: url('images/icoDivider.png') 0 6 6  stretch; 
	-o-border-image: url('images/icoDivider.png') 0 6 6  stretch; 
	border-image: url('images/icoDivider.png') 0 6 6  stretch; 
}

.IEroot #home .callout .callout_drop #linkcat-160 ul.xoxo.blogroll li,
.IEroot .callout#news .callout_drop #recent-posts-2 ul li,
.IEroot #krewe .callout .callout_drop .post-entry ul li,
.IEroot .item h3,
.IEroot .bc-plugin-title {
	border-bottom: 2px solid #FFF;
	border-left: none;
	border-right: none;
	border-top: none;
}

#home .callout .callout_drop #linkcat-160 ul.xoxo.blogroll li a,
.callout#news .callout_drop #recent-posts-2 ul li a,
#krewe .callout .callout_drop .post-entry ul li a{
	display: block;
	margin: 7% 0 2% 0;
	padding: 0;
}

#home .callout .callout_drop #linkcat-160 ul.xoxo.blogroll li {
padding-bottom: 2%;
}

/* =ABOUT CALLOUT DROPS  
------------------------ */
.callout#about .callout_drop{
	width: 96%;
	margin: 0 0 0 2%;
}


/* =CONTACT CALLOUT DROP  
------------------------ */
#contact .callout .callout_drop {
	padding-bottom: 5%;
}

#widgets.contact-widgets .widget-wrapper {
	width: 100%;
	float: left;
	display: block;
}

#widgets.contact-widgets .widget-wrapper .textwidget ul,
#socialmedia-container{
	margin:0 2% 0 1%;
	width:95%;	
}

#socialmedia-container a {
float: left;
display: block;
margin: 2px;
}

#widgets.contact-widgets .widget-wrapper .textwidget ul li,
#widgets.contact-widgets .widget-wrapper .textwidget ul li a{
text-align: left;
}

#contact .callout .callout_drop h2,
#contact .callout .callout_drop h3,
#contact .callout .callout_drop h4 {
	margin: 5% 0 0 0;
    text-transform: uppercase;
	text-align: left;
   
}

#contact .callout .callout_drop #mc_embed_signup h3,
#contact .callout .callout_drop #mc_embed_signup input#mce-EMAIL{
	margin: 0;
	padding: 0;
}

#smcwidget-2 #socialmedia-container {
	float: left;
	display: block;
}

#smcwidget-2 #socialmedia-container a{
	float: left;
	display: block;
	margin: 5% 2% 5% 0;
}

#smcwidget-2 #socialmedia-container a:hover {
	opacity: .9;
}

/* =MAILCHIMP
------------------------ */
#mc_embed_signup{
	background:transparent; 
	font-family:'Open Sans', sans-serif ;
	margin: 0;
}

#mc_embed_signup form {
	margin: 0;
	padding: 0;
}

#mc_embed_signup h3 {
	margin: 5% 5% 2% 5%;
	font-weight: 600;
	text-transform: uppercase;
}

.mc-field-group {
	width: 80%;
}

input#mce-EMAIL {
	background-color: #26696e;
	border: 1px solid #3f8288;
	outline: none;
	float: left;
	display: block;
	width: 80%;
	height: 25px;
	margin: 0 0 5% 5%;
	color: #ccffff;
}

#mc-embedded-subscribe{
	border: none;
	width: auto;
	height: 25px;
	background: #65AAAA;
	color: #1e585e;
	font-family:'Open Sans', sans-serif ;
	font-size: .5em;
	font-weight: 800;
	text-decoration: none;
	text-shadow: none;
	float: left;
	display: block;
	cursor: pointer;
	margin: 1px;
}

#mc-embedded-subscribe:hover {
	background-color: #6FBBBF;
}

/* =LIBRARY & STORE ITEMS 
------------------------ */
.rows {
	width: 100%;
	height: 50%;
	display: block;
float: left;
}

.item,
.callout_drop {
  	background: url('images/icoTile.png') repeat;
	padding: 10px;
	display: block;	
}

.item, 
.item_spacer {
	float: left;
	display; block;
}

.item {
  width:15%;
  height: 60%;
  margin: 2% 2% 0 2%;
 }
  
.item_spacer {
	width: 12%;
    padding:2% 0 2% 0;
	margin: 2% 2% 0 2%;
    height: 12rem;
}

.item a img,
.item h3,
.bc-plugin-title  {
	width: 95%;	
}

.item a img {
	margin: 2% auto 5% auto;
display: block;

}
	
.item h3,
.bc-plugin-title  {

	padding: 2% 0 2% 0;
	margin: 0 0 2% 0;
    font-size: 80%;
	line-height: 1.5rem;
	text-align: center;		

}

.IEroot .item a {
  margin:0;
}


/* =MEDIA QUERIES
----------------------------------------------------------------------- */

/* =media screen and (min-width: 1920px)*/
/*-============================================================*/
@media screen and (min-width: 1920px) {
	.slide {
		max-width: 2136px;
	}
	
	.IEroot .slide {
		width: 100%;	
	}
}

/* =media screen and (max-width: 1125px)*/
/*-============================================================*/
@media screen and (max-width: 1125px) {
	#library .content, #store .content {
	margin: 0 0 0 12%;
	width: 85%;
  }

/* =LIBRARY ITEMS
 =media screen and (max-width: 980px)
-------------------------------------------------------------- */ 	

.item {
  width:20%;
  margin: 2%  10% 2% 10%;
}
  
.item_spacer {
	display: none;
}


.item a img,
.item h3,
.bc-plugin-title {
	width: 95%;	
	display: block;
	font-size:80%;
	line-height: 1.5rem;
	text-align: center;	
}

.item a img {
	margin: 2% auto 5% auto;

}
	
.item .menuContainer {
	margin-top: 0;
}

.IEroot .item a {
  margin:0;
}
}
/* =media screen and (max-width: 980px)*/
/*-============================================================*/
@media screen and (max-width: 980px) {

	html {font-size: 85%;}
	
/* =SLIDE & CONTENT LAYOUT 
   =media screen and (max-width: 980px)
-------------------------------------------------------------- */
	.content {
		margin: 0;
		
		}
	
	#library .content, #store .content {
	margin: 0 0 0 12%;
	width: 85%;
  }

	

/* =HEADERS 
  =media screen and (max-width: 980px)
-------------------------------------------------------------- */	

	.menuBorder h1 {
		font-size: 1.25em;
		padding: 10px 0 10px 0;
	  }
	.menuBorder h2 {
		font-size: 1em;
	  }
	  
	.pageHeader {
		margin-bottom: 5%;
	  }
  
  	.pageHeader .menuContainer {
  		margin-left: 0;
	}

/* =CALLOUT MARGINS 
   & POSITIONING 
  =media screen and (max-width: 980px)
-------------------------------------------------------------- */		
	#home .callout,
	.callout#news,
	.callout#about,
	#krewe .callout{
		width: 30%;
	}	
	
	#contact .callout{
		width: 90%;
		margin: 50% 0 0 5%;
		float: left;
	}
	
	
  	#krewe .callout {
		margin: 10% 0 0 0;
	}
  

	.callout#news {
		margin-left: 20%;
	}
	
/* =CALLOUT HEADERS 
   & ICONS  
   =media screen and (max-width: 980px)
-------------------------------------------------------------- */
#home .callout .menuContainer,
#krewe .callout .menuContainer, 
.callout#news .menuContainer {
	margin-left: 20%;
}
	
#contact .callout .menuContainer {
	  margin-left: 5%;
	}
	
	
/* =CALLOUT DROP 
   GLOBAL STYLING  
  =media screen and (max-width: 980px)
-------------------------------------------------------------- */
	.callout_drop {
		width: 83%;
		margin-left: 32%;
	}
  

/* =HOME & NEWS CALLOUT DROPS  
  =media screen and (max-width: 980px)
-------------------------------------------------------------- */	
	#home .callout .callout_drop #linkcat-5 ul.xoxo.blogroll li a,
	.callout#news .callout_drop #rss-3 ul li a  {
		text-transform: capitalize;
		display: block;
		margin: 5% 0 1% 0;
		padding: 0;
	}	

/* =KREWE CALLOUT DROP  
  =media screen and (max-width: 980px)
-------------------------------------------------------------- */
	#krewe .callout .callout_drop {
		width: 85%;
		margin-left: 32%;
	}

/* =CONTACT CALLOUT DROP  
  =media screen and (max-width: 980px)
-------------------------------------------------------------- */
	#contact .callout .callout_drop {
		margin-left: 10%;
		width: 93%;
	}	


}