/*  Reset styles see: http://meyerweb.com/eric/tools/css/reset/
------------------------------------------------------------------------ */

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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} /* remember to define focus styles! */ :focus{outline:0;} /* remember to highlight inserts somehow! */ ins{text-decoration:none;} del{text-decoration:line-through;} /* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:collapse;border-spacing:0;}


/*  Page Layout
------------------------------------------------------------------------ */

body {
    font: 13px/1 arial, sans-serif;
/*    background: #000000 url(bg.gif) top center no-repeat; */
    background: #000000;
    color: #ffffff;
}

#wrapper {
    position: relative;
    width: 100%;
    clear: both;
    z-index: 1000;
}

#page {
    position: relative;
    width: 960px;
    padding: 0;
    margin: 0 auto;
}

#content {
/*    background: #000000 url(bg.gif) top center no-repeat; */
    position: relative;
    width: 960px;
    height: 625px;
    display:block;
    margin: 0 auto;
}

#indexLogo {
    position: absolute;
    top: 75px;
    left: 10px;
}

#indexDate  {
    position: absolute;
    top: 25px;
    right: 0;    
}

#indexEnter {
    position: absolute;
    top: 550px;
    left: 150px;
    width: 224px;
    height: 55px;
    background: transparent url(enter.png) no-repeat 0 0;
    text-indent: -9999px;
}

#indexEnter:hover {
    background-position: 0 -55px;
}

#tourTix {
    position: absolute;
    top: 105px;
    right: 221px;
    width: 214px;
    height: 41px;
    background: transparent url(tour-tickets.png) no-repeat 0 0;
    text-indent: -9999px;
}

#tourTix:hover {
    background-position: 0 -41px;
}

#bwayTix {
    position: absolute;
    top: 105px;
    right: 0;
    width: 213px;
    height: 41px;
    background: transparent url(bway-tickets.png) no-repeat 0 0;
    text-indent: -9999px;
}

#bwayTix:hover {
    background-position: 0 -41px;
}

#groupTix {
    position: absolute;
    top: 105px;
    right: 221px;
    width: 214px;
    height: 41px;
    background: transparent url(group-tix.png) no-repeat 0 0;
    text-indent: -9999px;
}

#groupTix:hover {
    background-position: 0 -41px;
}

#phoneNumber {
    position: absolute;
    top: 145px;
    right: -5px;    
}

#videoBox {
    position: absolute;
    top: 202px;
    right: 0;
    background: #000000;
    width: 425px;
    height: 355px;
    border: 5px solid #ffffff;
}

#videoEmbed {
    clear: left;
    float:left;
    display: block;
    width: 425px;
    height: 285px;
    margin: 0;
    padding: 0;
}

#videoMenu {
    float:left;
    display: block;
    width: 425px;
    height: 68px;
    margin: 0;
    padding: 0;
}

#videoMenu a {
    float:left;
    display: block;
    width: 83px;
    height: 66px;
    margin: 0;
    border: 1px solid #000000;
    padding: 0;
    opacity: .7;
    filter: alpha(opacity=70);
}

#videoMenu a:hover {
    border: 1px solid #333333;
    opacity: 1;
    filter: alpha(opacity=100);
}

#videoMenu a.selected {
    border: 1px solid #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
}

#shareLinks {
    position: absolute;
    top: 580px;
    right: 0;
    width: 425px;
    height: 25px;
    text-align: right;
}

#footer {
    width: 100%;
    padding: 75px 0 0;
    clear: both;
    font-size: 11px;
    text-align: center;
}