/**
 * The YUI Reset
 */
html{color:#000;background:rgb(255, 255, 255);}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

body {
    font-family: Arial, Helvetica;
}

/* FONTS */
@font-face {
    font-family:  'Fira Sans';
    src:          url('fonts/TypoPRO-FiraSans-Regular.eot');
    src:          local('*'),
    url('fonts/TypoPRO-FiraSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/TypoPRO-FiraSans-Regular.woff') format('woff'),
    url('fonts/TypoPRO-FiraSans-Regular.ttf') format('truetype'),
    url('fonts/TypoPRO-FiraSans-Regular.svgz#TypoPRO-FiraSans') format('svg');
    font-style:   normal;
    font-weight:  normal;
    font-stretch: normal;
    font-variant: normal;
}
@font-face {
    font-family:  'Fira Sans';
    src:          url('fonts/TypoPRO-FiraSans-Light.eot');
    src:          local('*'),
    url('fonts/TypoPRO-FiraSans-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/TypoPRO-FiraSans-Light.woff') format('woff'),
    url('fonts/TypoPRO-FiraSans-Light.ttf') format('truetype'),
    url('fonts/TypoPRO-FiraSans-Light.svgz#TypoPRO-FiraSansLight') format('svg');
    font-style:   normal;
    font-weight:  300;
    font-stretch: normal;
    font-variant: normal;
}
@font-face {
    font-family:  'Fira Sans';
    src:          url('fonts/TypoPRO-FiraSans-Bold.eot');
    src:          local('*'),
    url('fonts/TypoPRO-FiraSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/TypoPRO-FiraSans-Bold.woff') format('woff'),
    url('fonts/TypoPRO-FiraSans-Bold.ttf') format('truetype'),
    url('fonts/TypoPRO-FiraSans-Bold.svgz#TypoPRO-FiraSansBold') format('svg');
    font-style:   normal;
    font-weight:  bold;
    font-stretch: normal;
    font-variant: normal;
}

/* MENU */
#menu {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 80px;
    top: 0px;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

/* HEADER */
#hd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 151px;
    background: url('../images/top_darkener.png');
}

    #hd hr {
        position: absolute;
        top: 59px;
        right: 0;
        width: 440px;
        border: 0px;
        border-bottom: 1px solid #CCC;
        border-top: 1px solid #444;
    }

    #hd h1.tagline {
        font-family: "Fira Sans";
        font-size: 24px;
        color: #FACE81;
        font-variant: small-caps;
        position: absolute;
        top: 65px;
        left: 140px;
        text-shadow: 1px 1px #000, 2px 2px #000;
        -webkit-text-shadow: 1px 1px #000, 2px 2px #000;
        -moz-text-shadow: 1px 1px #000, 2px 2px #000;
        letter-spacing: 1px;
    }

    #hd_nav {
        position: absolute;
        top: 24px;
        right: 30px;
    }

        #hd_nav li {
            display: inline-block;
            margin-left: 50px;
        }

            #hd_nav li a:link,
            #hd_nav li a:active,
            #hd_nav li a:visited {
                font-family: "Fira Sans";
                font-size: 28px;
                color: #F0F0F0;
                font-variant: small-caps;
                text-shadow: 1px 1px #000, 2px 2px #000;
                -webkit-text-shadow: 1px 1px #000, 2px 2px #000;
                -moz-text-shadow: 1px 1px #000, 2px 2px #000;
                text-decoration: none;
                letter-spacing: 1px;
            }

            #hd_nav li a.selected,
            #hd_nav li a:hover {
                color: #FACE81;
            }


/* HOME CONTENT */
#home_content {
    position: absolute;
    bottom: 130px;
    left: 0px;
    width: 100%;
    text-align: center;
    z-index: 10;
}

    #home_content h1 {
        font-family: "Fira Sans";
        font-size: 55px;
        color: #FACE81;
        margin-bottom: 20px;
        font-variant: small-caps;
        text-shadow: 1px 1px #000, 2px 2px #000, 0px 0px 2px rgba(255, 255, 255, 0.5);
        -webkit-text-shadow: 1px 1px #000, 2px 2px #000, 0px 0px 2px rgba(255, 255, 255, 0.5);
        -moz-text-shadow: 1px 1px #000, 2px 2px #000, 0px 0px 2px rgba(255, 255, 255, 0.5);
    }

    #home_content .wrapper {
        width: 960px;
        margin: 0 auto;
        position: relative;
    }

        #home_content hr {
            border: 0px;
            /*border-bottom: 1px solid #CCC;*/
            border-top: 1px solid #444;
            margin-bottom: 10px;
        }

        #home_tabs {
        }

            #home_tabs li {
                display: inline-block;
            }

            #home_tabs li.separator {
                margin-left: 20px;
                margin-right: 20px;
                color: #aaa;
            }

            #home_tabs li a:link,
            #home_tabs li a:active,
            #home_tabs li a:visited {
                font-family: "Fira Sans";
                font-size: 20px;
                color: #F0F0F0;
                text-transform: capitalize;
                text-shadow: 1px 1px #000, 2px 2px #000;
                -webkit-text-shadow: 1px 1px #000, 2px 2px #000;
                -moz-text-shadow: 1px 1px #000, 2px 2px #000;
                text-decoration: none;
                letter-spacing: 1px;
            }

            #home_tabs li.selected a,
            #home_tabs li a:hover {
                color: #FACE81;
            }

                #home_tabs li span {
                    font-variant: small-caps;
                }

        .home_content {
            display: none;
            color: #cccccc;
            font-size: 17px;
            font-family: "Fira Sans", "Axure Handwriting";
            font-weight: 300;
            letter-spacing: 1px;
            line-height: 20px;
            position: absolute;
            width: 100%;
            text-shadow: 1px 1px #000, 2px 2px #000;
            -webkit-text-shadow: 1px 1px #000, 2px 2px #000;
            -moz-text-shadow: 1px 1px #000, 2px 2px #000;
        }

        .home_content.active {
            display: block;
        }


/* SHOWS CONTENT */
#shows_content {
    position: absolute;
    right: 7%;
    top: 25%;
    width: 500px;
    z-index: 6;
}

    #shows_content #player {
        text-align: center;
        box-shadow: 0px 0px 7px 6px #000;
        -webkit-box-shadow: 0px 0px 7px 6px #000;
        -moz-box-shadow: 0px 0px 7px 6px #000;
        width: 500px;
        height: 281px;
    }

    #shows_content #player #play_button {
        display: block;
        width: 500px;
        height: 201px;
        padding-top: 80px;
    }

    #shows_content p {
        color: #CCC;
        font-size: 15px;
        font-family: "Fira Sans", "Axure Handwriting";
        font-weight: 300;
        letter-spacing: 1px;
        line-height: 20px;
        text-align: justify;
        text-shadow: 1px 1px #000, 2px 2px #000;
        -webkit-text-shadow: 1px 1px #000, 2px 2px #000;
        -moz-text-shadow: 1px 1px #000, 2px 2px #000;
    }

    #shows_content p strong {
        font-weight: bold;
    }


    #shows_content h1 {
        font-family: "Fira Sans";
        font-size: 55px;
        color: #FACE81;
        margin-bottom: 15px;
        margin-top: 15px;
        font-variant: small-caps;
        text-shadow: 1px 1px #000, 2px 2px #000, 0px 0px 2px rgba(255, 255, 255, 0.5);
        -webkit-text-shadow: 1px 1px #000, 2px 2px #000, 0px 0px 2px rgba(255, 255, 255, 0.5);
        -moz-text-shadow: 1px 1px #000, 2px 2px #000, 0px 0px 2px rgba(255, 255, 255, 0.5);
        text-align: center;
    }


/* CONTACT CONTENT */
#contact_content {
    position: absolute;
    top: 100px;
    right: 50px;
    width: 330px;
}

    #contact_content h1 {
        font-family: "Fira Sans";
        font-size: 30px;
        color: #FACE81;
        margin-top: 15px;
        font-variant: small-caps;
        text-shadow: 1px 1px #000, 2px 2px #000, 0px 0px 2px rgba(255, 255, 255, 0.5);
        -webkit-text-shadow: 1px 1px #000, 2px 2px #000, 0px 0px 2px rgba(255, 255, 255, 0.5);
        -moz-text-shadow: 1px 1px #000, 2px 2px #000, 0px 0px 2px rgba(255, 255, 255, 0.5);
    }

    #contact_content p {
        color: #ffffff;
        font-size: 15px;
        font-family: "Fira Sans", "Axure Handwriting";
        letter-spacing: 1px;
        line-height: 20px;
        text-align: justify;
        text-shadow: 1px 1px #000, 2px 2px #000;
        -webkit-text-shadow: 1px 1px #000, 2px 2px #000;
        -moz-text-shadow: 1px 1px #000, 2px 2px #000;
        -moz-text-shadow: 1px 1px #000, 2px 2px #000;
    }

    #contact_content p strong{
        font-variant: small-caps;
        font-size: 18px;
    }


#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 382px;
    background: url('../images/bottom_darkener.png') repeat-x;
    z-index: 5;
}

/* The background slider */
.vegas-loading {
    border-radius: 10px;
    background: #000;
    background: rgba(0,0,0,0.7);
    background: url('../images/loading.gif') no-repeat center center; /* Loading Gif by http://preloaders.net/ */
    height: 32px;
    left: 20px;
    position: fixed;
    top: 20px;
    width: 32px;
    z-index: 0;
}

.vegas-overlay {
    background: transparent url('../images/01.png');
    opacity: 0.5;
    z-index: -1;
}

.vegas-background {
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeQuality;
    max-width: none !important; /* counteracts global img modification by twitter bootstrap library */
    z-index: -2;
}

.vegas-overlay,
.vegas-background {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Images and Icons */
.logo_img {
    width: 386px;
    height: 125px;
    background: url('../images/logo.png') transparent no-repeat;
    display: inline-block;
}
.play_button_img {
    width: 122px;
    height: 122px;
    background: url('../images/play_button.png') transparent no-repeat;
    display: inline-block;
}