@-ms-viewport{
  width: device-width;
}
/*@viewport{zoom:1;}*/
* {
    box-sizing: border-box;
}
.fancybox-slide > *{background-color:transparent !important;padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;}
.fancybox-slide button{display:none;}
* {font-family:'Century Gothic' ,'Trebuchet MS' , 'Gill Sans' , 'tw cen mt' , verdana, 'ms sans serif' , sans-serif;}
img{border:none;}
html {overflow:scroll;}
body{background:url(../images/jazzlogo4.png) center center no-repeat #ffffff fixed;background-size:100%; margin:0; zoom:document !important;}
p{font-size: 10.5pt;color: #000000;text-align: justify;line-height:18pt;}
ul {padding:0 0 0 15px; list-style-image: url(../images/highlite.png); list-style-position:outside;}
li {color:#000000; font-weight:normal; font-size:10pt;  text-align:left;padding:0 50px 10px 0;}
.noshow{display:none;}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.header{position:fixed; top: 0;
  left: 0;
  width: 100%;
  height: 88px;
  z-index: 10;background-color:#000000;}
#banner, #about, #programs, #gallery, #calendar, #contact, #sponsors, .pagenav, .menu, .calendarsection, .pic, .rowthree {position:relative; float:left;}
#banner div, #about div, #programs div, #gallery div, #contact div, #sponsors div, .pagenav div{position:relative; float:left;}
#banner{width:100%;margin-top:88px;}
#banner::after {    
    /*box-shadow:10px 0 100px -10px rgba(0,0,0,.7) inset;
    content: " ";
    height: 100%;
    position: absolute;
    top:0px;
    right: -10px;
    width: 2%;*/
}
/*.col1{width:25%;}*/
.rowone>div, .rowtwo>div{min-width:320px;} 
.rowone {width:100%; padding:0 0 0 0;}
.rowtwo {
    width: 100%;
}
.rowone::after, .rowtwo::after, .rowthree::after {
    content: "";
    clear: both;
    display:table;
}
.rowthree {width:100%; box-shadow:0px 10px 50px black;}
.aboutpic{width:50%;height:280px;background: url(../images/about.jpg) no-repeat top right; background-size:100%;}
.logo{float:left;z-index:10;background: url(../images/whitelogo.png) no-repeat top left; background-size:100%; width:320px; height:100%; }
.col1{min-width:320px;width:50%;padding:0 20px 0 20px;}
.col1 div{min-width:320px;}
.ola{background: url(../images/abouttext.png) no-repeat center center #ec650a;  width:100%; height:100px; }
.olp{background: url(../images/programstext.png) no-repeat center center  #ec650a; width:100%; height:100px;}
.olg{background:url(../images/gallerytext.png) no-repeat center center #ec650a; width:100%; height:100px; }
.oltv{background:url(../images/jzmtvtext.png) no-repeat center center #ec650a; width:100%; height:100px;}
.place{background:url(../images/place.jpg) no-repeat center center #ec650a; width:400px; height:235px;background-size:contain;}
.rtwo{width:100%;}
.abouttext, .group6{width:33%; min-width:320px;}
.group4{width:34%;min-width:320px}
 .group6>div{width:100%;}
.atp{width:100%;padding:20px 20px 0 20px;}
.abouttext img{padding-left:15px;}
/*.programs p{}*/
.abouttext:hover, .group4:hover, .group6:hover{cursor:pointer;}
.ptp{width:100%;padding:20px 20px 0 20px;}
/*.group6{margin-top:15px;}*/
.stay{background:url(../images/stayup.png) no-repeat center right; background-color:#ec650a; width:100%; height:80px; margin:15px 0 15px; cursor:pointer;}
/*.programs>div{height:225px; width:50%;}*/
.programsshow{width:50%; height:225px;background:url(../images/programs1.jpg) no-repeat top left; background-size:100%;}
.group5{width:100%;padding:0 0 0 0; }/*background:url(../images/whitelogo.png) no-repeat top left; background-size:auto;*/
.linkdiv:hover{cursor:pointer;}
#calshow  {width:100%; height:650px;}

.active {opacity:1.0 !important; filter: alpha(opacity = 1) !important;}
.donatediv {
	/*margin: 0px 0 0px 0;*/
    /*margin-top:15%;*/
    /*background:url(../images/whitedonate.png) no-repeat top right;*/
    z-index:50;
	height: 82px;
	width: 320px;
    float:right !important;
    background-size:100%;
}

#calshow .showcontainer{width:100%; height:100%;z-index:1;position:absolute;top:0px;}
/*#calshow .showdiv{ width:100%;height:100%; background-position:left top;background-size:100%;}*/
/*.showcontainer{margin-top:30px;}*/

.donatediv:hover{cursor:pointer;}
.artist {
	height: 100%;
	width: 36%;
	padding-bottom: 0px;
}
.artisttext {
	background: url(../images/artisttext.png) no-repeat left center #ec650a;
	height: 235px;
    width:100%;
    box-shadow:0px 6px 35px rgba(0,0,0,.6);
}
#artistshow{ height:235px; width:75%; float:right !important}
#artistshow > div, #calshow .showdiv {position:absolute;
                    /*top:0px;*/
                     z-index:8;
                     opacity:0.0; 
                     filter: alpha(opacity = 0);
                      width:100%;
                      height:100%; 
                      background-size:100%;background-repeat:no-repeat;background-position:top left;
                      -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 1s linear;
  transition: opacity 1s linear;} /*position:absolute;top:160px;left:0;*/
#artistshow div.active, #calshow .showdiv.active  {z-index:10;}
#artistshow div.last-active, #calshow .showdiv.last-active {z-index:9;}
#artistshow div:first-child, #calshow .showdiv:first-child  {opacity:1.0; filter: alpha(opacity = 100);}
#artistshow > div{background-size:cover !important;}
#calshow .calhead {float: right !important;}
    /*background:url(../images/calendartext.png) right top no-repeat;width:100%;height:80px;display:inline-block;}*/
.calhead >div{float: right; padding-right: 2%; font-size:64px; color:#000000;}
.socialcontainer{width:64%; }
.socialgroup{width:100%;background:url(../images/stayup.png) no-repeat center center #ec650a;box-shadow:0px 6px 35px rgba(0,0,0,.6); }
.socialgroup>div {width:320px; height:235px;}
/*.socialtext{background:url(../images/socializetext.png) no-repeat center center; width:100%; height:74px;}*/
.twit{float:right !important;}
.gallery:hover{cursor:pointer;}
.gallery{ height:250px; }
.gallery>div{background:url(../images/gallery.jpg) no-repeat top left; background-size:cover;width:100%; height:100%; }

.pagenav {background: url(../images/navimg.png) no-repeat center right;height:50px;width:100%; color:white;display:table;font-size:12.5px;}
.pagenavbackcolor{background-color:rgba(2,2,3,.7);}
.pagenavmenu{display:table-cell; float:none !important; vertical-align:middle;}
.pagenavitems{  display:table-cell;vertical-align:middle;float:none; width:100%}
.pagenavhovercolor{background-color:rgba(2,2,3,.7)}


.pagenavitems a{color:white; font-size:12.5px;}
.navlinks{width:100%;}
.navlinks>div{margin:0 3% auto 3%;}
.navlinks>div:hover, .navlinks a:hover{cursor:pointer;color:#ec650a}
.navlinks a{text-decoration:none;}
.menu{ width:100%; background:no-repeat left top; background-size:100%;} 
.menu>div{width:100%; height:100%;background:rgba(2, 2, 3, .8)  no-repeat center left; }
#about .menu>div{background-image:url(../images/abouttext.png)}
#programs .menu>div{background-image:url(../images/programstext.png)}
#calendar .menu>div{background-image:url(../images/calendartext.png)}
#gallery .menu>div{background-image:url(../images/gallerytext.png)}
#about .menu{ background-image: url(../images/aboutback.jpg)}
#programs .menu{background-image: url(../images/programsback.jpg)}
#calendar .menu{background-image: url(../images/calendarback.jpg); height:200px;}
#gallery .menu{background-image: url(../images/wyt.png);}
.nav{margin-right:15px;}
.nav, .nav div {float:right !important;}
.navitems, .galnavitems{width: 350px;font-size: 12.5px;color: white;}
.navitems>div, .galnavitems>div{margin:10px 0;width:100%;}
.navitems>div:hover, .innernavitems>div:hover, .galnavitems>div:hover{cursor:pointer;}
#nav{display:none;width:120px; background-image: url(../images/blktissue.png);z-index:10;position:absolute;
      margin:auto; }
.navtable div{height:15%; margin:20px 0;}
.navtable div a{margin:0 auto 0 auto;display:block; width:80px;padding:5px 0 5px 0; border-top:thin solid #2B2444; border-bottom:thin solid #2B2444; color:white; text-decoration:none; font-size:14px;}
.navtable div a:hover{color:#aeb1c6;}
.navtable {width:100%; margin-top:75px;}
.navdiv{margin:auto; width:100px;}
.box-shadow-menu {
  position: absolute;  top:50%; border-left-color:white; font-size:20px;text-decoration:none;
  padding-left: 1.25em; margin-right:20px;float:right;z-index:20;}
.box-shadow-menu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: white;
  box-shadow: 
    0 0.3em 0 0 white,
    0 .6em 0 0 white;
}
.note {background-color:White;height:10px;width:10px;margin:0px 0 0 20px;}
.link {float:left; margin-left:5px;}
.innernavitems{width: 72.5%;font-size: 12.5px;color: black;}
.innernavitems>div{
    margin: 0 3.5% 2% 0;
    min-width: 120px;
}
.innernavitems>div:first-child, .innernavitems>div:last-child{margin:0 0 0 0}
.innernote{
    background-color: rgb(105, 108, 131);
    height: 10px;
    width: 10px;
    margin: 2.5px 0 0 0px;
}
.pic:hover, .logo:hover {cursor:pointer;}
.hovered, .activeitem{background-color:#ec650a; }
.activepagenav{color:#ec650a !important;}

.uadiv{width:40px;float:right;}
.uadiv>div{position:absolute;top:50%;z-index:20;}
.ns{float:right;background:#4a4c55 url(../images/prevArrow.png) center center;float:right; width:40px; height:40px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; opacity:0.5;filter: alpha(opacity = 50)}/*up arrow*/
.ns:hover {background-color:#4a4c55; opacity:1; filter: alpha(opacity = 100);}
.ns{transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg);}


#about, #programs, #calendar, #gallery {width:100%;}
#about, #programs, #gallery, #mailinglist {display:none;}
.col{width:50%}
.tran{width:100%;}
.aboutsection, .programssection, .calendarsection, .gallerysection {width:100%; }
.gallerysection{min-height:400px;}
.aboutsection .pic, .programssection .pic, .calendarsection .pic{background: no-repeat left top; background-size:cover;width:25%; min-height:480px;margin:0 2.5% 0 0; min-width:360px;}
.aboutsection p, .programssection p {margin:30px 5% 2% 0%; min-width:300px; width: 80% !important;}
.aboutsection ul, .programssection ul{margin-left:2.5%; min-width:300px;}
.aboutsection>div, .programssection>div, .calendarsection>div, .gallerysection>div{width:100%;}
.aboutsection .pic{background-image: url(../images/aboutback.jpg) !important;}
.teamcol p{line-height:normal;}
.programssection .pic{background-image: url(../images/programsback.jpg)}
.calendarsection .pic{background-image: url(../images/calendarback.jpg)}
.calendarsection iframe{width:70%; min-height:475px;border:none;}
.onright{width:70%; margin-bottom:20px}
.aboutitem> div{width:250px}
.programitem>div{width:100%;}
.aboutitem, .programitem, .galleryitem{width:70%; margin-bottom:2%;}
.gal2015menu, .gal2014menu{width:52px;height:40px;float:right !important; margin-left:10px;z-index:1;}
.gal2015menu:hover, .gal2014menu:hover{background-position:right top; cursor:pointer;}
.gal2015menu{background-image: url(../Gallery/2015menu.png); background-repeat: no-repeat; }
.gal2014menu{background-image: url(../Gallery/2014menu.png); background-repeat: no-repeat;}
.pr{background-position:right top;}
.pl{ background-position:left top;}
.g12015 .note, .g1 .note{background-color:#ec650a;}


.box-shadow-menu {
  color:white; font-size:20px;text-decoration:none;
  padding-left: 1.25em; margin-right:20px;z-index:20;}
.box-shadow-menu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: white;
  box-shadow: 
    0 0.3em 0 0 white,
    0 .6em 0 0 white;
}

.box-shadow-menu-hover {
  color:#ec650a; font-size:20px;text-decoration:none;
  padding-left: 1.25em; margin-right:20px;z-index:20;}
.box-shadow-menu-hover:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background:  #ec650a;
  box-shadow: 
    0 0.3em 0 0 #ec650a,
    0 .6em 0 0  #ec650a;
}
#sponsors, #contact{width:100%;}
/*#sponsors{background:url(../images/sponsors.png) no-repeat left center; background-size:100%;}*/
#contact>div{width: 15%; min-width:320px;
    margin: 0 auto;
    float: none;}
#sponsors>div, #gjgh>div{width: 70%; min-width:320px;
    margin: 0 auto;
    float: none;}
#sponsors p, #contact p, #gjgh p{color:white;}

/* Where You there*/
.imgs{overflow: auto;  width: 100%;  height: auto;}/*margin-top:30px;*/
.imgs li {margin-right:10px;}
.ind{
    z-index:2;
    width:182px;
    background: url(../images/calendartext.png) no-repeat top center;
	/*position: absolute !important;
	bottom: 0px;
	right: 0px;*/
font-size:64px;
color:#000000;
margin-bottom:-10px;
}
.ind>div{margin-top:20px;}/**/
.foreground{background: url(../images/hothouse/foreground.png) no-repeat top left;
	height: 650px;
	width: 100%;
	position: absolute !important;
	top: 0px;
	z-index: 3;}