/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.iehide #main_wrapper{display:none !important;}
.iemessage {width: 640px; margin: 200px auto; padding: 50px; color:#FFF;background-color: #000}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*general styles ---------------------- */
div, aside, article, section, iframe, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: top;
    }
    
a{  text-decoration:none;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

a:hover {color: #FFF}
sup {font-size: 10px;padding: 0 2px;}

#copyright {    background-color: #1A1A1A;
                width: 100%;
                max-width:1440px;
                min-width: 480px;
                padding: 10px;
                position:relative;
                z-index: 1000;
                bottom:0;}

/*img*/
img{display:block;
    border:0;
    margin:0;
    padding:0;
    width:100%;
    }

/*element style*/
#header_fix{    position:fixed;
                top:15%;
                z-index: 800;
                overflow: hidden;
                }

#header_slider{ position:fixed;
                top:0;
                z-index: 800;
                overflow: hidden;
                display: none;
                text-align: center;
                width: 100%;
                background-color: #1A1A1A;
                padding: 10px 0;
                }

.logo {margin: 20px auto 0; width: 200px;}

.menu {padding-left:15px;}
.menu02 {font-size: 36px; color: #FFF; padding: 0 100px;}
.nav_on {background-image:url("../img/nav_bg.png");}

.arrow_down {float:right; width:32px;}
.arrow {padding-left:15px; margin-bottom: -10px; display: inline-block; width: 23px;}

.content_nav { margin-top:10px; position: relative; background-image:url("../img/black50.png");}
.content_nav02 { margin-top:10px; background-image:url("../img/black70.png");}

.content_nav li{ padding:10px 15px;}
.content_nav02 li{ text-align: center; padding: 10px 0; margin: 5px 0;}

.content_nav a{ text-decoration:none;
                font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
                font-size: 14px;
                }

.content_nav02 a{ font-size: 24px;}

.social_nav { position: relative;}
.social_nav li{width: 25px; height: 25px; margin: 15px;}
.social_nav a {text-decoration:none;text-align:left;}

.social_nav02 li{width: 25px; height: 25px; margin: 15px; display: inline-block;}

.social_nav img {opacity:0.7;
                -moz-transition: all 0.5s ease-out;
                -o-transition: all 0.5s ease-out;
                -webkit-transition: all 0.5s ease-out;
                -ms-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;}

.social_nav img:hover {opacity:1.0;}

.home_link {margin: 500px auto 0; width: 80%; max-width: 780px; text-align: center;}

.fading {   padding: 30px 0 20px;
            width: 300px; 
            height: 20px; 
            text-align: center;
            position: relative;
            }

.home_link a { font-size:18px; color: #FFF;}

#window01,#window02,#window03,#window04,#window05,#window06 {
    width:100%;
    background-color: #000;
    position:relative;
    overflow: hidden;
    }

#window01 {min-height:800px;z-index:50;}

#window02{  z-index:40;
            padding: 310px 0 150px;
            margin-top: 100px;
            }

#window03{  z-index:30;
            padding: 100px 0 300px;
            min-height:768px;
            }

#window04{  z-index:20;
            padding: 100px 0 350px;
            min-height:768px;
            }

#window05{  z-index:10;
            padding: 100px 0 150px;
            min-height:768px;
            }

#window06{  z-index:15;
            padding: 100px 0 150px;
            min-height:768px;
            background-image: url(../img/mat.jpg);
            }


.shadow_down {
        width: 100%;
        height: 100px;
        background: url(../img/shadow_down.png);
        position: absolute;
        top:0;
        z-index: 100;
        }

.shadow_up {
        width: 100%;
        height: 100px;
        background: url(../img/shadow_up.png);
        position: absolute;
        bottom:0;
        z-index: 100;
        }

#gallery, #tickets, #designer, #video { position:relative; z-index:20;}

#gall_layer02 { position:absolute; left:20px; opacity:0.6; z-index:10;}

#gall_layer03 { position:absolute;left: -10px;opacity:0.9;z-index:20;}

#swing      {width: 450px; position:absolute; top: 0px; right: 300px;}
#ticket_bg  {width: 100%; position:absolute; top: 0; left: 0; max-width: 1280px; min-width: 600px;}
#wizard     {width: 870px; position: absolute; top: 500px; left:-210px;}
#fungi      {width: 300px; position: absolute; top: 50px; right:-110px;}
#black_smoke    {width: 100%; position: absolute; top: -50px; z-index: 10; height: 100px;}

#smoke01    {width: 560px; position: absolute; top: 0; right:-235px;}
#smoke02    {width: 1000px; position: absolute; top: 0px; left:-402px;}
#smoke03    {width: 1000px; position: absolute; top: 120px; right:-336px;}
#smoke04    {width: 1000px; position: absolute; top: 380px; left:-285px;}
#smoke05    {width: 1000px; position: absolute; top: 350px; right:-235px;}

#smoke06    {width: 560px; position: absolute; top: 50px; right:-235px;}
#smoke07    {width: 1000px; position: absolute; top: 100px;left:-402px;}
#smoke08    {width: 1000px; position: absolute; top: 260px; right:-336px;}
#smoke09    {width: 1000px; position: absolute; top: 700px; left:-285px;}
#smoke10    {width: 1000px; position: absolute; top: 850px; right:-235px;}
#smoke11    {width: 1000px; position: absolute; top: 1400px; left:-285px;}
#smoke12    {width: 1000px; position: absolute; top: 1200px; right:-235px;}

#blind {width: 100%; position: absolute; z-index: 10; top: -130px; left: 50%; margin-left: -50%;}
#face {width: 1024px; position: absolute; top: -235px; left: 50%; margin-left: -512px;}

#back { position:fixed;
        top:15%;
        z-index: 850;
        font-size: 18px;
        width: 150px;
        padding: 5px 0;
        background-image:url("../img/black50.png");
        }

#back h2, #back a {padding-left: 15px;}
#back  a:hover {color: #B578B3;}

.flip,.forum{
    width: 620px;
    height: 80px;
    margin: 5px auto;
    text-align:center;
    background-color:#000;
    border:solid 1px #4D4D4D;
    }


.designer_panel {
        display:none;
        margin: 100px auto 200px;
        width: 600px;
        background-image:url("../img/black70.png");
        position: relative;
        z-index: 100;
        padding: 20px;
        border:1px solid #4D4D4D;
        }

.designer_panel p {font-size:12px;}

.designer_panel li {
    list-style-type:disc;
    font-size:14px;
    line-height:normal;
    letter-spacing:normal;
    color:#BDBDBD;
    padding-top: 20px;
    }

.designer_panel a:hover {color: #FFF; text-decoration: underline;}
.designer_panel a { color: #B578B3;}

.panel{
    width: 600px;
    padding:10px 10px 20px;
    display:none;
    margin: 0 auto;
    background-image:url("../img/black70.png");
    }

.panel02, .panel03{
    width: 290px;
    height: 290px;
    padding:10px 10px 20px 20px;
    display:none;
    background-image:url("../img/black70.png");
    }

.panel li, .panel02 li, .panel03 li{
    list-style-type:disc;
    font-size:12px;
    line-height:normal;
    letter-spacing:normal;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color:#BDBDBD;
    }

.panel ul, .panel02 ul, .panel03 ul, .designer_panel ul {padding-left: 15px;}

.panel a, .panel02 a ,.panel03 a{ color: #B578B3; font-size:13px; }

.panel a:hover, .panel02 a:hover, .panel03 a:hover{ color: #FFF; text-decoration: underline;}

.welcome    {width: 620px; margin: 0 auto;}

.twentyfour {font-size:24px; padding-right: 10px; color:#E3E3E3;}
.sixteen    {font-size:16px; font-weight:bold; letter-spacing:0.5px; color:#E3E3E3;}
.fourteen   {font-size:14px; letter-spacing:0.5px; color:#E3E3E3;}

.smoke_link {   position: relative; 
                z-index: 10; 
                font-size:18px !important;
                font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
                color: #FFF;
                }

.entering   { margin: 40px auto;}
.entering a { text-decoration: none; color: #FFF;}
.entering a:hover { text-decoration: none; color: #FFF;}

.ticket_now   { margin: 0 auto;}

img.smoke {position: absolute;left: 0; top: 0;}

.divider {  width: 2px;
            height: 50px; 
            padding: 15px 0;
            display: inline-block;
            background-image:url("../img/black70.png");
            }

.ticket_box {   width: 309px; 
                margin: 0;
                display: inline-block;
                }

.contact_box {  width: 199px; 
                margin: 0;
                display: inline-block;
                }

.terms_box {    width: 379px; 
                display: inline-block;
                padding: 27px 20px;
                height: 26px; 
                font-size: 24px;
                }

.infomation {   padding: 20px 20px;
                height: 40px; 
                font-size: 38px;
                }

.prices {   padding: 21px 20px;
            height: 38px; 
            font-size: 36px;
            }

.seating {  padding: 15px 20px;
            height: 50px; 
            font-size: 48px;
            }

.contact {  padding: 27px 20px;
            height: 26px; 
            font-size: 24px;
            }

.terms_box, .infomation, .prices, .seating, .contact { 
            text-align: center; 
            background-image:url("../img/black70.png");
            }

.sect_img {width: 150px; display: inline-block; margin-right: 10px;}
.text_box {width: 435px; display: inline-block;}

.gallery_nav {text-align: center;}

.gallery_nav li {display: inline-block; padding: 20px 40px;}

.gallery_nav a {background-image:url("../img/black50.png");
                -moz-box-shadow:    0 0px 20px 5px #0D0D0D;
                -webkit-box-shadow: 0 0px 20px 5px #0D0D0D;
                box-shadow:         0 0px 20px 5px #0D0D0D;
                }

.gallery_nav a:hover,
.gallery_nav a:active {color:#FFF;}
.gallery_nav a.selected {color:#FFF;}

.winner {text-align: center; width: 60%; max-width: 760px; margin: 20px auto 0;}
.winner li {display: inline-block; margin: 10px;}

.photo_box {width: 98px;
            height: 98px;
            overflow: hidden;
            border: 1px solid #4D4D4D;
            background-color: #000;
            }

.reviews_box {  width: 620px; 
                margin: 0 auto;
                }

.reviews {  padding: 29px 20px;
            height: 20px; 
            font-size: 18px;
            font-weight: bold;
            }

.breakline, .breakline02 {
            width: 620px;
            height: 10px;
            margin: 0 auto;
            background-image:url("../img/black70.png");
            }

.breakline02 {display: none;}

.sign { border: 1px solid #091722;
        padding: 5px 10px;
        width: 198px;
        font-family:Helvetica,sans-serif;
        font-size: 12px;
        margin-top:5px;
        }

.sign02 {border: 1px solid #091722;
        padding: 5px 10px;
        width: 438px;
        font-family:Helvetica,sans-serif;
        font-size: 12px;
        margin-top:5px;
        }

.login_button{  color:#FFF;
                font-family: verdana,helvetica,arial,sans-serif;
                font-size: 12px;
                padding: 5px 9px;
                background-color:#000;
                display: inline-block;
                border: 1px solid #4D4D4D;
                }

#registration { 
        width: 460px;
        padding: 20px;
        background-color:#1A1A1A;
        border:1px solid #4D4D4D;
        margin: 20px auto;
        -moz-box-shadow:    0 -5px 30px -10px #000;
        -webkit-box-shadow: 0 -5px 30px -10px #000;
        box-shadow:         0 -5px 30px -10px #000;
        }

#myModal h1, #myModal p,
#registration h1, #registration p, input {font-family: helvetica,arial,sans-serif;}

#myModal a:hover, #registration a:hover {color: #FFF; text-decoration: underline;}

#myModal a, #registration a {
        color: #B578B3; 
        font-family: helvetica,arial,sans-serif;
        -moz-transition: all 0s ease-out;
        -o-transition: all 0s ease-out;
        -webkit-transition: all 0s ease-out;
        -ms-transition: all 0s ease-out;
        transition: all 0s ease-out;
        }

.contact-form p#status{
    margin-top:20px;
    color:#B578B3;
}

.contact-form .error-focus{
    border:#B578B3 solid 1px;
    background: #AAA;
}

.registration-form p#status{
    margin-top:20px;
    color:#B578B3;
}

.registration-form .error-focus{
    border:#B578B3 solid 1px;
    background: #AAA;
}

.seatmap {width: 590px; margin: 10px 0;}

th, td {vertical-align: top;
        padding: 5px 40px 5px 5px;
        text-align: left;
        }

.panel02 th, .panel02 td {
        vertical-align: top;
        padding: 2px 30px 10px 5px;
        text-align: left;
        }

.panel03 th, .panel03 td {
        vertical-align: top;
        padding: 2px 5px; 
        text-align: left;
        }

.youtu {width:318px; height:178px; margin-top: 20px; background-color: #000; border: 1px solid #4D4D4D;}
.youtu_box {width:320px; margin: 100px auto 50px; display: none;}

.gap10      {padding:10px;}
.top5       {margin-top:5px;}
.top10      {margin-top:10px;}
.top20      {margin-top:20px;}
.top40      {margin-top:40px;}
.top100     {width:100%; height: 100px; background-color: #000; position:relative; z-index: 100;}
.left5      {margin-left:5px;}
.left10     {margin-left:10px;}
.left20     {margin-left:20px;}
.left_auto  {margin-left:19px;}


/*page styles*/
body{   background-color:#0A0A0A;
        background-image:url("../img/bkgd-1.jpg");
        -webkit-font-smoothing: antialiased;
        }

/*wrapper*/
#main_wrapper{   
            background-color:#000;
            width:100%;
            max-width: 1440px;
            min-width:920px;
            overflow: hidden;
            -moz-box-shadow:    0 0 100px 20px #000;
            -webkit-box-shadow: 0 0 100px 20px #000;
            box-shadow:         0 0 100px 20px #000;
            }

#wrapper, #wrapper02 {
            background-color:#000;
            width:100%;
            max-width: 1440px;
            min-width:920px;
            overflow: hidden;
            }

#big_black {background-color:#000;
            width:100%;
            height: 100%;
            position: fixed;
            z-index: 2500;
            top: 0;
            left: 0;
            }

/*text styles*/
h1{
font-size:20px;
line-height:normal;
letter-spacing:normal;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#FFF;
}
h2{
font-size:18px;
line-height:normal;
letter-spacing:0.5px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#FFF;
}
h3{
font-size:16px;
line-height:normal;
letter-spacing:normal;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#BDBDBD;
}
h4{
font-size:14px;
line-height:normal;
letter-spacing:normal;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#FFF;
}
h5{
font-size:12px;
line-height:normal;
letter-spacing:normal;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#FFF;
}
h6{
font-size:10px;
line-height:normal;
letter-spacing:normal;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#BDBDBD;
}

p{
font-size:12px;
line-height:normal;
letter-spacing:normal;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#BDBDBD;
}

.white{color:#FFF;}
.gray{color:#BDBDBD;}
.light_gray{color:#E3E3E3;}
.purple {color:#AB43D3;}
.black{color:#000;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.space2{padding:2px;}
.space5{padding:5px;}
.bold{font-weight:bold;}


/*Display*/
.block{
    display:block;
}

.inline{
    display:inline;
}

.hide{
    display:none;
}
.inline-block{
    display:inline-block;
}


/*Positioning*/
.center{
    margin:0 auto;
}

.float-left{
    float:left;
}

.float-right{
    float:right;
}

.clear-left{
    clear:right;
}

.clear-right{
    clear:left;
}

.clear-both{
    clear:both;
}

.relative{
    position:relative;
}

.absolute{
    position:absolute;
}

.fixed{
    position:fixed;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*jpreLoader*/
#jpreOverlay {
    background-color: #000;
}

#jpreLoader{
    top: 40% !important;
    width:200px;
    height:94px;
    background-image:url("../img/WOW_white.png");
}

#jprePercentage {
    color:#ccc;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-weight:bold;
    text-align:center;
    text-shadow:1px 1px 1px #333;
    top:10%;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

/*#cboxOverlay{background:url("../img/popup_background02.jpg") 0 0 no-repeat;
            opacity: 1 !important;}*/
#cboxOverlay{background:#1A1A1A;}
#colorbox{}
    #cboxContent{margin-top:80px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-80px; left:0; color:#000;}
        #cboxTitle>h4,#cboxTitle>h5{color:#FFF;}
        #cboxTitle>h4{font-weight: bold;font-size: 13px;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


/*Slider jQuery CSS styles*/

.story{ width:65%; max-width: 880px; margin: 0 auto; position: relative; z-index: 900;}

.images{
    width:100%;
    max-width:760px;
    margin:0 auto;
    max-height: 380px;
    overflow: hidden;
    }

.prev-btn,.next-btn{
    position:absolute;
    top:50%;
    width:20px;
    height:25px;
}

.prev-btn:hover,.next-btn:hover{cursor:pointer;}
.next-btn{ right:0;}
.prev-btn{ left:0;}



/*Youtube CSS styles*/

#ytvideo,
#ytvideo2 {
    float: left;
    margin-right:10px;
    background-color: #000;
}


.yt_holder {
    padding: 10px;
    width: 810px;
    height: 390px;
    margin:100px auto 50px;
}


.yt_holder ul {
    margin: 0;
    padding: 0;
}

.yt_holder ul li {
    list-style-type: none;
    float: left;
    width: 158px;
    height: 88px;
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid #4D4D4D;
    background-color: #000;
}

.yt_holder ul li img {
    width: 160px;
    float: left;
    margin-top: -15px;
    opacity:0.8;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.yt_holder ul li img:hover {opacity:1;}

.currentvideo {
    -moz-box-shadow:    0 0 2px 1px #FFF;
    -webkit-box-shadow: 0 0 2px 1px #FFF;
    box-shadow:         0 0 2px 1px #FFF;
}

li.currentvideo img {opacity:1 !important;}



/*  --------------------------------------------------
    Reveal Modals
    -------------------------------------------------- */
        
    .reveal-modal-bg { 
        position: fixed; 
        height: 100%;
        width: 100%;
        background: #000;
        background: rgba(0,0,0,.8);
        z-index: 2000;
        display: none;
        top: 0;
        left: 0; 
        }
    
    .reveal-modal {
        visibility: hidden;
        top: 100px; 
        left: 50%;
        margin-left: -170px;
        width: 340px;
        background-color:#1A1A1A;
        position: absolute;
        z-index: 2001;
        padding: 20px;
        border:1px solid #4D4D4D;
        -moz-box-shadow:    0 -5px 30px -10px #000;
        -webkit-box-shadow: 0 -5px 30px -10px #000;
        box-shadow:         0 -5px 30px -10px #000;
        }
        
    .reveal-modal.small         { width: 200px; margin-left: -140px;}
    .reveal-modal.medium        { width: 400px; margin-left: -240px;}
    .reveal-modal.large         { width: 600px; margin-left: -340px;}
    .reveal-modal.xlarge        { width: 800px; margin-left: -440px;}
    
    .reveal-modal .close-reveal-modal {
        font-size: 22px;
        line-height: .5;
        position: absolute;
        top: 8px;
        right: 11px;
        color: #aaa;
        text-shadow: 0 -1px 1px rbga(0,0,0,0.6);
        font-weight: bold;
        cursor: pointer;
        } 
    /*
        
    NOTES
    
    Close button entity is ×
    
    Example markup
    
    <div id="myModal" class="reveal-modal">
        <h2>Awesome. I have it.</h2>
        <p class="lead">Your couch.  I it's mine.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
        <a class="close-reveal-modal">&#215;</a>
    </div>
    
    */

/* ==========================================================================
   Top button classes
   ========================================================================== */

    .top {
        position:fixed;
        right:10px;
        bottom:30px;
        width:50px;
        height:25px;
        padding-top:25px;
        line-height:25px;
        background:#333;
        color:#B578B3;
        display:block;
        text-transform:uppercase;
        text-decoration:none;
        text-align:center;
        font-size:14px;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
        /*behavior:url(../PIE.htc);*/
        z-index: 1000;
        display: none;
        }  

.top:before {
        position:absolute;
        top:11px;
        left:14px;
        content:"";
        border-bottom:11px solid #B578B3;
        border-left:11px solid transparent;
        border-right:11px solid transparent;
        }

.top:hover {color:#eee;}

.top:hover:before {border-bottom-color:#eee;}

.opacity .top {
        opacity:1;
        -webkit-transition:opacity 700ms linear;
        -moz-transition:opacity 700ms linear;
        transition:opacity 700ms linear;
        }

.opacity .top.hidden { opacity:0;}

.no-opacity .top.hidden {display:none;}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 1150px) {
.yt_holder { width: 640px; height: 490px;}
}

@media only screen and (max-width: 950px) {
.home_link {margin: 470px auto 0;}
#window01 { min-height: 768px;}
.images {height: 300px;}
}

@media only screen and (max-width: 500px) {
#main_wrapper,#wrapper, #wrapper02 {min-width:480px;}
#header_fix {top: 10px;}
#swing {width: 400px;}
#back {position: absolute; top: 15px;}
#blind { margin-left: -240px; top: -40px; width: 480px;}
#face { margin-left: -200px; top: -70px; width: 400px;}
.top {display: block;}
.youtu_box {display: block;}
.breakline02 {display: block;}
#header_slider {display: block;}
#header_fix {display: none;}

.gallery_nav li { display: inline-block; padding: 20px;}
.winner li {margin: 0px;}
.reviews_box, .welcome, .breakline, .breakline02 {width: 320px;}
.reviews {font-size: 14px; font-weight: bold;padding: 29px 0px;}
.panel, .designer_panel, .text_box {width: 300px;}
.panel02, .panel03 {width: 290px;}

.terms_box, .infomation, .prices, .seating, .contact{ 
    width: 320px; 
    margin: 0;
    display: block;
    font-size: 18px;
    height: 20px;
    padding: 30px 0;
    }

#window03,#window04,#window05 { 
    padding: 100px 0;
    min-height: 480px;
    border-top: 2px solid #333;
    }
#window06 { padding: 60px 0 100px; min-height: 480px; border-top: 2px solid #333;}
#window02 {margin-top: 0px; border-top: 2px solid #333; padding: 310px 0 110px;}
#window01 {margin-top: 50px;}
.ticket_box, contact_box { width: 320px; margin: 0;}
.ticket_now { width: 320px; background-image:url("../img/black70.png");}
li.float-left, li.float-right {float: none; margin: 10px auto;}
h6 {padding: 5px 0;}
.divider {display: none;}
.flip, .forum {height: auto;width: 320px;}
.story {width: 100%;}
.images { height: 240px;}
.yt_holder { display: none;}
.reveal-modal, #registration {width: 320px;}
.left_auto {margin: 0;}
.sign, .sign02 {width: 296px;}
.seatmap {width: 300px;}
#swing {left: 0px !important;}
#ticket_bg {top: 0px !important;}
#gall_layer02,
#gall_layer03,
#wizard,
#fungi,
#blind,
#face,
#smoke01,
#smoke02,
#smoke03,
#smoke04,
#smoke05,
#smoke06,
#smoke07,
#smoke08,
#smoke09,
#smoke10,
#smoke11,
#smoke12 {display: none !important;}
}
/* Style adjustments for viewports that meet the condition */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}