/* Reset Browser Defaul Styles --------------------------------*/
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;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration:none; color:#33ccff;}


body {background:#ffffff url(../img/bg-body.gif) left top repeat-x fixed; font:16px/22px Arial, Helvetica, sans-serif; color:#000000;}
.clear {clear:both}
.space30 {clear:both; height:30px;}
.space20 {clear:both; height:20px;}
.space10 {clear:both; height:10px;}
.left {float:left; position:relative;}
.blue {background:#33ccff; color:#ffffff;}




#wrapper{width:734px; padding:0px 16px; background:#ffffff url(../img/bg-wrapper.gif) repeat-y; margin:0px auto;}


#header{padding:10px 0px 15px; line-height:1;}


#menu{height:25px; padding:3px 0px 3px 4px; margin:0px 0px 30px; background:#33ccff; font:bold 19px/25px Arial, Helvetica, sans-serif; color:#ffffff}
#menu li {float:left; margin-right:4px;}
#menu li.last {margin-right:0px}
#menu li a {display:block; padding:0px 18px; color: #ffffff; background:#33ccff;}
#menu li a:hover {color:#000000;}
#menu li a.active {background:#ffffff; color:#33ccff;}


#main {clear:both}
#main p.intro {padding:0px 16px 30px 20px; font-weight:bold;}

#heroshot {margin-bottom:30px}
.heroshot-left {width:380px; float:left; margin:0px 30px 0px 0px;}
.heroshot-left a img {border:3px solid #33ccff;}
.heroshot-left a {display:block; line-height:1}
.heroshot-left a:hover {text-decoration:none}
.heroshot-right {float:left; width:318px; text-align:center; font:bold 22px/32px Arial, Helvetica, sans-serif;}


.narrow {width:170px; margin-right:18px; display:block; font:bold 16px/24px Arial, Helvetica, sans-serif; text-align:center;}
.narrow span {padding:15px 0px 14px; display:block;}
.narrow span.red {color:#ed1c24;}
.narrow img {border:2px solid #33ccff}

.narrowide {width:176px; margin-right:12px; display:block; font:bold 16px/24px Arial, Helvetica, sans-serif; text-align:center;}
.narrowide span {padding:15px 0px 14px; display:block; text-align:center;}
.narrowide img {border:2px solid #33ccff;}

.wide {width:546px; display:block;}
.wide span {padding:10px 5px 10px 20px; position:relative; z-index:2; font:bold 17px/20px Arial, Helvetica, sans-serif; cursor:pointer; display:block;}
.wide #enter-to-win {position:relative; width:224px; height:50px; top:-14px; left:-13px; float:left; z-index:1; padding:0px;}
.wide p {font-size:13px; line-height:18px; font-weight:normal; padding:10px 0px;}
.wide p.days {background:#ffffff; color:#33ccff; font-weight:bold; padding:0; font-size:15px;}
.wide p.times, .wide p.price {font-weight:bold; padding:0; font-size:15px;}
.wide p.indent {font-weight:bold; padding:0; font-size:15px; margin-left: 5.8em;}
.wide h3 {font:bold 30px/34px Arial, Helvetica, sans-serif;}
.wide h3 a {color:#000000;}
.wide h4 {font:25px/27px Arial, Helvetica, sans-serif; margin-bottom:4px;}

#tours-ql {width:580px; margin:0px auto 10px;}
#tours-ql p {text-align:center; font-size:22px;}
#tours-ql a {color:#000000;}
#tours-ql table {background:#33ccff; margin-top:5px; color:#ffffff; font-side:16px; font-weight:normal; width:100%;}
#tours-ql td {border:20px solid #33ccff;}
#tours-ql table a {color:#ffffff; display:block;}
#tours-ql table strong {font-size:19px; display:block;}

.medium {width:320px; margin-right:40px;}
.medium2 {width:366px;}
.medium2 img {border:2px solid #33ccff}

.caption {color:#33ccff; font-size:13px; line-height:15px; text-align:center;}

.location-page h3 {font-size:40px; line-height:30px; margin-bottom:25px;}
.location-page h5 {font-size:27px; line-height:38px; font-weight:normal; margin-bottom:25px;}
.location-page h4 {font-size:31px; line-height:32px; margin-bottom:20px;}
.location-page h4.blue {color:#33ccff; background:#ffffff;}
.location-page h6 {font-size:23px; line-height:27px; font-weight:normal; margin-bottom:5px;}
.location-page .red {color:#ed1c24}
.location-page p {font:15px/20px Arial, Helvetica, sans-serif; margin-bottom:20px;}
.location-page .top p {font:20px/25px Arial, Helvetica, sans-serif; margin-bottom:15px;}
.location-page .big {margin-bottom:30px; clear:both;}
.location-page .big p {font:20px/25px Arial, Helvetica, sans-serif; margin-bottom:15px;}
.location-page .big a {font-weight:bold;}
.location-page p.blue {color:#33ccff; font-weight:bold; background:#ffffff;}
#map-embed {font-size:12px; line-height:15px; font-weight:normal; margin-bottom:20px;}

.tickets-page h3 {font-size:40px; line-height:30px; margin-bottom:25px;}
.tickets-page h5 {font-size:27px; line-height:38px; font-weight:normal; margin-bottom:25px;}
.tickets-page h4 {font-size:31px; line-height:32px; margin-bottom:20px;}
.tickets-page h4.blue {color:#33ccff; background:#ffffff;}
.tickets-page h6 {font-size:23px; line-height:27px; font-weight:normal; margin-bottom:5px;}
.tickets-page .red {color:#ed1c24}
.tickets-page p {font:15px/20px Arial, Helvetica, sans-serif; margin-bottom:20px;}
.tickets-page .top p {font:20px/25px Arial, Helvetica, sans-serif; margin-bottom:15px;}
.tickets-page .big {margin-bottom:30px; clear:both;}
.tickets-page .big p {font:20px/25px Arial, Helvetica, sans-serif; margin-bottom:15px;}
.tickets-page .big a {font-weight:bold;}
.tickets-page p.groups {color:#000000; font-weight:bold; background:#ffffff;}
.tickets-page p.blue {color:#33ccff; font-weight:bold; background:#ffffff;}

.media-page h3 {font-size:40px; line-height:30px; margin-bottom:15px;}
.media-page h4 {font-size:23px; line-height:27px;}
.media-page h4 span.blue {font-size:23px; background:none; color:#33ccff; font-weight:normal;}
.media-page .wide h3 {font:bold 28px/30px Arial, Helvetica, sans-serif; margin:0px;}
.media-page .wide h4 {font:24px/26px Arial, Helvetica, sans-serif; margin-bottom:0px;}
.media-page .wide p {padding:0px; margin:0px; font-size:15px; font-weight:bold;}
.media-page .narrow {width:166px; margin-right:18px; display:block; font:10px/12px Arial, Helvetica, sans-serif; text-align:center; border:2px solid #33ccff; padding:10px 0px;}
.media-page .narrow img {border:0px; display:block; margin:0px auto 3px;}

.info-page h3 {font-size:40px; line-height:30px; margin-bottom:25px;}
.info-page h4 {font-size:23px; line-height:27px; font-weight:normal; margin-bottom:22px;}
.info-page h4 span.blue {font-size:23px; background:none; color:#33ccff; font-weight:normal;}
.info-page .wide h3 {font:bold 28px/30px Arial, Helvetica, sans-serif; margin:0px;}
.info-page .wide h4 {font:24px/26px Arial, Helvetica, sans-serif; margin-bottom:0px;}
.info-page .wide p {padding:0px; margin:0px; font-size:15px; font-weight:bold;}
.info-page .narrow {width:166px; margin-right:18px; display:block; font:10px/12px Arial, Helvetica, sans-serif; text-align:center; border:2px solid #33ccff; padding:10px 0px;}
.info-page .narrow img {border:0px; display:block; margin:0px auto 3px;}
.info-page .medium {width:370px; margin-right:40px;}
.info-page .medium2 {width:316px;}
.info-page .medium2 h4 {margin-bottom:10px}
.info-page .medium2 img {border:2px solid #33ccff}
.info-page .caption {margin-bottom:10px}
.info-page h5 {font-size:29px; margin-bottom:5px; line-height:29px; font-weight:normal}
.info-page ul {font-size:14px; line-height:28px; margin:0px 0px 30px 140px;}
.info-page ul li a {font-weight:bold}
.info-page h6 {font-weight:bold; color:#000000; margin-top:13px;}
.info-page p {margin-bottom:14px}
.info-page .list a {color: #000000;}

#footer{clear:both; padding-top:20px;  text-align:center; padding-bottom:20px;}
.footer-location {background:#33ccff; color:#ffffff; display:block; padding:10px; font:16px/20px Arial, Helvetica, sans-serif; margin-bottom:20px;}
.footer-location strong {display:block; font:bold 22px/24px Arial, Helvetica, sans-serif; padding-bottom:5px;}
.footer-download {border:2px solid #33ccff; display:block; padding:10px 70px; margin:0px 40px 15px; font-size:19px; line-height:normal;}
.footer-download span {font-weight:normal}
.footer-eco {font:bold 13px/26px Arial, Helvetica, sans-serif;  text-align:center; padding:0px 38px; background:url(../img/bg-footer-eco.gif) center center no-repeat; width:630px; margin:0px auto 10px;;}
.footer-meta {font:bold 13px/20px Arial, Helvetica, sans-serif;}
.footer-meta a {color:#000000}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#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;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/colorbox/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/colorbox/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/colorbox/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}