@import url("menu.css");

@font-face {
	font-family: 'NiteClubRegular';
	src: url('../fonts/niteclub-webfont.eot');
	src: local('☺'), url('../fonts/niteclub-webfont.woff') format('woff'), url('../fonts/niteclub-webfont.ttf') format('truetype'), url('../fonts/niteclub-webfont.svg#webfont5OygwOei') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
    background: #000 url(../images/html-bg.jpg) center top repeat-y;
}

body {
    background: url(../images/body-bg-blur-logo-shadow.jpg) center top no-repeat;
    margin: 0 0 0 0;
    color: #c2bdae;
	font-family: Helvetica, Arial, FreeSans, sans-serif;
}

a {
    color: #d43ca0;
}

h1, h2, h3 {
	font-family: 'NiteClubRegular';
	color: #fff;
	text-transform: uppercase;
}

h3 {
    font-size: 24px;
}

.container {
    background: url(../images/top-marquee.png) left top repeat-x;
}

.container-inner-3 {
    width: 960px;
    margin: 0 auto;
    padding-top: 20px;
}

.header {
    position: relative;
    height: 160px;
}

    a.logo {
        display: block;
        width: 150px;
        height: 140px;
        
        position: absolute;
        top: 20px;
        left: 0;
        
        background: url(../images/logo.png) no-repeat;
    }
    
    a.logo h1 {
        margin-left: -7500px;
    }
    
    .phone-number {
        position: absolute;
        right: 0;
        bottom: 0;
    	font-family: 'NiteClubRegular';
    	font-size: 36px;
    	color: #fff;
    	text-transform: uppercase;
    }

    .phone-number span {
        color: #d43ca0;
        font-size: 40px;
    }

    .main-menu-wrapper {
      position: absolute;
      top: 60px;
      right: 0;
      width: 760px;
      text-align: right;
    }
    
    #main-menu {
        float: right;
        text-align: left;
    }
    
    #main-menu a {
      color: #fff;
    }
    
    #main-menu > li > a {
      font-size: 16px;
      padding: 10px;
      text-transform: lowercase;
    }

    #main-menu > li > a.sf-with-ul {
        padding-right: 20px;
    }
    
    .sf-sub-indicator {
        right: 5px;
    }
    
    #main-menu li:hover ul,
    #main-menu li.sfHover ul {
    	left:			0;
    	top:			36px;
    }

    #main-menu > li > a:hover {
        background: #a6dede;
        color: #1f1f1f;
        text-decoration: none;
    }
    
    #main-menu ul li a {
      display: block;
      background: #a6dede url(../superfish/superfish-dropdown-div.png) left bottom repeat-x;
      color: #1f1f1f;
      padding: 10px;
    }

    #main-menu ul li a:hover {
        text-decoration: none;
        background-color: #3BCDCE;
    }

.feature {
    position: relative;
    padding-top: 20px;
}
    .slideshow-holder {
        width: 751px;
        height: 343px;
        overflow: hidden;
        /* background: url(../images/slideshow-bg.jpg) no-repeat; */
        float: left;
    }
    
    #home .newsletter {
        width: 381px;
        overflow: hidden;
        background: #6EC5C4 url(../images/home-newsletter-bg.jpg) no-repeat;
        float: right;
        color: #000;
        margin:20px 0px;
    }

    #home .newsletter-banner {
         width: 209px;
        height: 343px;
        overflow: hidden;
        background: #6EC5C4 url(../images/home-newsletter-bg.jpg) no-repeat;
        float: right;
        color: #000;
    }

    #home .newsletter-banner .email {
        width: 160px;
        margin:10px 0px;
    }
        
    #home .newsletter-inner-1 {
        padding: 20px;
    }
    
    #home .newsletter h3,#home .newsletter-banner h3 {
        color: #000;
    }
    
    .newsletter .errors,.newsletter-banner .errors {
        padding: 10px 0;
        color: red;
    }
    
    .newsletter input {
      margin-bottom: 6px;
      padding: 5px 5px 2px;
      color: #000;
      width: 188px;
    }
    
    .newsletter .submit input {
      background: url(../images/newsletter-submit-bg.png) right top no-repeat;
      height:41px;
      width: 201px;
      margin: 0;
      border: none;
      padding: 0;
      cursor: pointer;
      cursor: hand;
    }

    .newsletter-banner .submit input {
      background: url(../images/newsletter-submit-bg.png) right top no-repeat;
      height:41px;
      width: 150px;
      margin: 0;
      border: none;
      padding: 0;
      cursor: pointer;
      cursor: hand;
    }

    #home .newsletter input {
      width: 318px;
    }
    
    #home .newsletter .submit input {
      width:331px;
    }

    #home .newsletter-banner .submit input {
        width: 143px;
        margin-top: 10px;
    }
    
    .newsletter .submit input:hover {
      background-position: right bottom;
    }


.menu-buttons {
    padding-top: 3px;
    position: relative;
}
    
    .menu-buttons a {
        display: block;
        width: 188px;
        height: 140px;
        border-top: 3px solid #d43ca0;
        margin-right: 5px;

    	font-family: 'NiteClubRegular';
    	color: #fff;
    	font-size: 48px;
    	text-align: center;
    	
    	float: left;
    	background: url(../images/home-menu-button-bg.jpg) no-repeat;
    	text-decoration: none;
    }

    .menu-buttons a.last {
        margin-right: 0;
    }

    .menu-buttons a span {
        display: block;
        padding-top: 15px;
    }

    .menu-buttons a:hover {
        border-top: 3px solid #fff;
        color: #d43ca0;
    }

    .menu-buttons a.one:hover {
    	background: url(../images/button-rollover-youth.jpg) no-repeat;
    }

    .menu-buttons a.two:hover {
    	background: url(../images/button-rollover-tots.jpg) no-repeat;
    }
    
    .menu-buttons a.three:hover {
    	background: url(../images/button-rollover-boys.jpg) no-repeat;
    }
    
    .menu-buttons a.four:hover {
    	background: url(../images/button-rollover-adults.jpg) no-repeat;
    }
    
    .menu-buttons a.five:hover {
    	background: url(../images/button-rollover-music-art.jpg) no-repeat;
    }

    .menu-buttons a:hover span {
        display: none;
    }

.content-wrapper {
    position: relative;
}

    .main-content {
        float: left;
        width: 680px;
        line-height: 1.4em;
    }
    
    .sub-content {
        float: right;
        width: 251px;
    }
    
    #home .main-content {
        width: 550px;
    }
    
    #home .sub-content {
        width: 381px;
    }
    
    #calendar .main-content {
        width: 960px;
    }
    
    #calendar .sub-content {
        display: none;
    }
    
    .video-inner {
        background: url(../images/video-bg.jpg) no-repeat;
        padding: 10px 20px;
    }

    .video a#player {
        display: block;
        width: 338px;
        height: 236px;
    }
    
    .video a#player,
    .video a#player img {
        width: 338px;
    }
    
    .gallery {
        margin: 30px 0;
        padding-top: 0;
        border-top: 1px dashed #868686;    
    }
    
    .testimonial {
        margin-top: 30px;
        padding-top: 0;
        border-top: 1px dashed #868686;
    }
    
/*
    #home .testimonial {
        background: url(../images/testimonial-girl.png) right 30px no-repeat;

        min-height:240px;
        height:auto !important;
        height:240px;
    }
    
    #home .the-testimonial {
        margin-right: 140px;
    }
*/

.cities {
    position: relative;
    color: #6fcaca;
    border-top: 1px dashed #868686;
    padding: 20px 0 40px;
    font-size: 14px;
}

.footer {
    position: relative;
    font-size: 14px;
    padding-bottom: 30px;
}

.footer,
.footer a {
    color: #fff;
}

    #footer-menu {
        width: 590px;
        float: left;
    }
    
    #footer-menu ul { 
        display: none; 
    }
    
    #footer-menu li {
        display: inline;
        margin-right: 10px;
    }
    
    .footer .copyright,
    .footer .address,
    .footer .designed-by {
        width: 350px;
        float: right;
        text-align: right;
    }


/*******
    Contact Form
*******/
#contact-form td {
  padding: 4px 6px;
  vertical-align: top;
}

#contact-form td.label {
  padding-top: 8px;
  text-align: right;
  font-size: 12px;
}

#contact-form input,
#contact-form textarea {
  padding:3px 5px;
  font-size: 12px;
  background: #fff;
  border: 3px solid #e3e3e3;
  padding: 3px 5px;
  width: 155px;
}

#contact-form textarea {
  width: 250px;
  height: 100px;
  background: #fff;
}

#contact-form tr.submit input {
  padding: 4px 5px;
  width: auto;
  background: #d43ca0;
  color: #dcd9ca;
  border: 2px solid #dcd9ca;
  font-size: 14px;
  margin-bottom: 10px;
  cursor: pointer;
  cursor: hand;
}

#contact-form tr.submit input:hover {
  background: #dcd9ca;
  color: #d43ca0;
  border: 2px solid #d43ca0;
}

/*******		Scrollable		*******/
    body .scrollable {
        position: relative;
        width: 160px;
        height: 240px;
        padding: 0;
        overflow: hidden;
    }
    
    .scrollable .items {
        width:20000em;
    	position:absolute;
    }
    
    .scrollable .items a {
        margin: 0 5px 10px;
    }

    .scrollable .items img {
        width: 150px;
    }

.scrollable {
	float:left;	
}

.scrollable-wrapper a.browse {
	display:block;
    background:url(/assets/scrollable/hori_large.png) no-repeat;
	width:30px;
	height:30px;
	float:left;
	margin:30px 10px;
	cursor:pointer;
	font-size:14px;
}


body .scrollable-wrapper a.browse {
    margin: 0;
    margin-top: 120px;
}

.scrollable-wrapper a.browse span {
    margin-left: -5000px;
}

.scrollable-wrapper a.right         { background-position: 0 -30px; clear:right; margin-right: 0px;}
.scrollable-wrapper a.right:hover   { background-position:-30px -30px; }
.scrollable-wrapper a.right:active 	{ background-position:-60px -30px; } 

.scrollable-wrapper a.left          { margin-left: 0px; } 
.scrollable-wrapper a.left:hover    { background-position:-30px 0; }
.scrollable-wrapper a.left:active  	{ background-position:-60px 0; }