/* General */
html { margin: 0; }

body, td {
    font-family: Arial, sans-serif;
    font-size: 12px;
}

h1, h2 {
    font-weight: normal;
}

/* Colors */
html                            { background-color: black; }
#footer div.hr                  { background-color: #333; }
html, #breadcrumbs a            { color: #888; }
#content td.primary,
#content td.secondary h3,
#content td.primary h3          { color: #555; }
#footer a                       { color: #AAA; }
h1, 
h2,
#breadcrumbs .last              { color: #ffb136; }     /* Yellowish/Orange */


/* Backgrounds */
#top                             { background: transparent url('../img/black-fade.png') repeat-x bottom center; }
#content td.primary              { background: white; }
#content td.secondary            { background: #e4e4e4; }
                                 
#drawer .drawer-top              { background: transparent url('../img/drawer-top.png') no-repeat top center; }
#drawer .drawer-contents         { background: transparent url('../img/drawer-bg.png') repeat-y top center; }
#drawer .drawer-handle           { background: transparent url('../img/drawer-open.png') no-repeat bottom center; }
#drawer.collapsed .drawer-handle { background: transparent url('../img/drawer-collapsed.png') no-repeat bottom center; }

#nav                             { background: transparent url('../img/nav/bg.png') no-repeat top center; }
#nav > a.logo                    { background: transparent url('../img/nav/logo.png') no-repeat top left; }

#nav ul.primary .buy-tickets > a              { width: 188px; background: transparent url('../img/nav/buy-tickets.png') no-repeat; }
#nav ul.primary .buy-tickets:hover > a        { background-position: -188px 0px; }
#nav ul.primary .now-playing > a              { width: 187px; background: transparent url('../img/nav/now-playing.png') no-repeat; }
#nav ul.primary .now-playing:hover > a        { background-position: -187px 0px; }
#nav ul.primary .now-playing.open > a         { width: 191px; background: transparent url('../img/nav/now-playing-open.png') no-repeat; }
#nav ul.primary .now-playing:hover  > a       { background-position: -187px 0px; }
#nav ul.primary .groups-and-schools > a       { width: 206px; background: transparent url('../img/nav/groups-and-schools.png') no-repeat; }
#nav ul.primary .groups-and-schools:hover > a { background-position: -206px 0px; }

#nav ul.secondary .plan-imax-experience > a { width: 218px; background: transparent url('../img/nav/plan-imax-experience.png') no-repeat; }
#nav ul.secondary .plan-imax-experience:hover > a { background-position: -218px 0px; }

#nav ul.secondary .see-special-offers > a   { width: 150px; background: transparent url('../img/nav/see-special-offers.png') no-repeat; }
#nav ul.secondary .see-special-offers:hover > a   { background-position: -150px 0px; }

#nav ul.secondary .bring-your-group > a     { width: 171px; background: transparent url('../img/nav/learn-about-the-alamo.png') no-repeat; }
#nav ul.secondary .bring-your-group:hover > a     { background-position: -171px 0px;}

#nav ul.secondary .explore-san-antonio > a  { width: 167px; background: transparent url('../img/nav/explore-san-antonio.png') no-repeat }
#nav ul.secondary .explore-san-antonio:hover > a  { background-position: -170px 0px; }

#nav ul .menu                           { background: transparent url('../img/nav/drop-down-border.png') repeat-y center center; }
#nav ul .menu li                        { background: transparent url('../img/nav/drop-down-bg.png') repeat-x left center; }
#nav ul .menu li.cap                    { background: transparent url('../img/nav/drop-down-cap.png') repeat-x left top; }
#nav .explore-san-antonio .menu li      { background: transparent url('../img/nav/drop-down-red-bg.png') repeat-x left center; }
#nav .explore-san-antonio .menu li.cap  { background: transparent url('../img/nav/drop-down-red-cap.png') repeat-x left top; }

#nav .now-playing .menu                 { background: transparent url('../img/now-playing-bg.png') repeat-y bottom left; }
#nav .now-playing .menu .cap            { background: transparent url('../img/now-playing-cap.png') repeat-y bottom left; }
#nav .now-playing .menu h2              { background: transparent url('../img/now-playing-h2.png') repeat-x center center; }
#nav .now-playing .menu .feature        { background: transparent url('../img/now-playing-feature-bg.png') repeat-x top center; }
#nav .now-playing .menu .feature h2     { background: transparent url('../img/now-playing-feature.png') repeat-x center center; }
#nav .now-playing .menu .buy-tickets    { background: transparent url('../img/buttons/buy-tickets.png') no-repeat left center; }


/* center and set the width of the main elements on the page */
body { text-align: center; }
#footer, #content, #header, #nav, #breadcrumbs, #drawer {
    text-align: left; 
    margin-left: auto; 
    margin-right: auto;
    width: 960px;
}

/* set-up the nav */
#nav {
    position: relative;
    height: 88px;
    z-index: 9;
}

#nav ul.primary .now-playing.open > a
{ 
    width: 191px; 
    height: 64px;
    position: ;
}

#nav > a.logo {
    text-indent: -99999px;
    display: block;
    width: 256px;
    height: 89px;
}

#nav ul.primary {
    list-style: none;
    margin: 0; padding: 0;
    position: absolute;
    top: 39px;
    left: 255px;
}

#nav ul.primary > li {
    text-indent: -9000px;
    float: left;
    margin: 0; padding: 0;
}

#nav ul.primary a {
    display: block;
    height: 49px;
}

#nav ul.secondary {
    list-style: none;
    margin: 0; padding: 0;
    position: absolute;
    top: 1px;
    left: 254px;
}

#nav ul.secondary > li {
    text-indent: -9000px;
    float: left;
    margin: 0; padding: 0;
}

#nav ul.secondary a {
    display: block;
    height: 32px;
}

#nav ul li {
    position: relative;
}

#nav ul ul.menu {
    display: none;
    position: absolute;
    top: 19px;
    right: -7px;
    list-style: none;
    width: 192px;
}

#nav .explore-san-antonio .menu {
    right: -6px;
}

#nav ul ul.menu li {
    line-height: 24px;
    height: 24px;
    margin: 0px 7px;
}

#nav ul ul.menu a {
    padding-right: 20px;
    color: white;
    text-decoration: none;
    margin: 0px 10px;
}

#nav ul ul.menu a:hover {
    color:#FFE362;
}

#nav ul ul.menu li.cap {
    position: absolute;
    left: -6px;
    bottom: -7px;
    right: -6px;
    height: 7px;
}

/* Drawer */

#drawer {
    display: block;
    position: relative;
    top: -3px;
}

#drawer .drawer-contents {
    display: none;
    height: 450px;
    padding: 20px;
}

#drawer .drawer-top {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 960px;
    height: 30px;
    cursor: pointer;
}

#drawer .drawer-handle {
    height: 41px;
    cursor: pointer;
}

#drawer .event a {
    float: left;
    margin: 14px;
    width: 133px;
    height: 200px;
}

#drawer a img {
    width: 133px;
    height: 200px;
    border: 1px solid black;
}

#drawer a:hover img {
    border: 1px solid #D47405;
}

#drawer .first-event a {
    margin: 65px 40px 0px;
    width: 191px;
    height: 283px;
}

#drawer .first-event a img {
    width: 191px;
    height: 283px;
}

#drawer .drawer-see-all {
    color: #D47405;
    display: block;
    font-size: 10px;
    margin-top: 4px;
    text-decoration: none;
    text-transform: uppercase;
    position: absolute;
    bottom: 44px;
    right: 13px;
}

#drawer .drawer-see-all:hover {
    text-decoration: underline;
}

/* set-up the breadcrumbs */
#breadcrumbs {
    font-size: 10px;
    width: 940px;
}
#breadcrumbs a { text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }

/* set-up the header */
#header {
    width: 940px;
    font-size: 10px;
}
#header h1 {
    margin: 8px 0px 8px -1px;
    font-size: 28px;
}

/* set-up the content */
#content {
    padding: 10px 0px 0px 0px;
}
#content .headline {
    padding-left: 10px;
    padding-right: 10px;
}
#content td.primary, #content td.secondary {
    vertical-align: top;
}
#content td.primary {
    width: 660px;
}
#content td.primary h3 {
    text-transform: uppercase;
    font-weight: bold;
}
#content td.secondary {
    width: 300px;
    text-align: center;
}
#content td.secondary a {
    margin-bottom: 4px;
    display: block;
}
#content td.secondary h3 {
    margin-top: -22px;
    font-size: 10px;
    text-align: left;
    font-weight: normal;
    margin-bottom: 19px;
    margin-left: 4px;
    text-transform: uppercase;
}

/* set-up the footer */
#footer {
    height: 300px;
    font-size: 10px;
    text-transform: uppercase;
}
#footer .hr {
    height: 1px;
    margin: 8px 0px;
}
#footer > ul {
    list-style: none;
}
#footer > ul > li {
    float: left;
    width: 230px;
    margin-left: 0;
}
#footer > ul > li.info {
    width: 430px;
}
#footer a {
    text-transform: none;
    text-decoration: none;
    font-size: 12px;
}
#footer a:hover {
    text-decoration: underline;
}
#footer p {
    margin: 0px 0px 1em;
}

a.showtime {
    font-size: 13px;
}