html, body {height: 100%; margin:0; background:#030001 url(images/main_back.gif) repeat-x;}
#main_container {width:100%; height:100%;}
div.clearBoth {clear:both;}
div.clear10px {height:10px; clear:both;}
a, a:visited {color:#ff9100; text-decoration:underline; font-weight:700;}
p a:hover {text-decoration:none;}


div.logo {width:1000px; height:178px; margin:auto;}
div.logo img.logo {margin:2px 10px 0 0;} 

/** MAIN NAV **/
ul.nav {width:1000px; margin:12px auto; font-family:Verdana, Geneva, sans-serif; font-size:16px; font-weight:bold; color:#fff; list-style-type:none; display:block; padding:0; height:72px;}
ul.nav li {display:inline;}
ul.nav li a {color:#fff; background:none; width: 177px; padding:6px 46px 50px 8px; text-decoration: none;}
ul.nav li a:hover {background:url(images/nav_hover_back.gif) repeat-x; color:#110213;}
ul.nav li span {display:none;}

/** TOP CONTENT **/
#intro {height:285px;}
#intro, #opening {width:1000px; margin:auto; border:1px solid #64342a; background:#070107;}
#intro div.flash {float:right; width:374px; margin:0; padding:0; height:283px; background:url(images/mcloughlin.jpg) no-repeat; margin:1px}
#intro h2, #opening h2, #mainContent h2, #contactForm h2 {font-family:Century Gothic, Verdana, Geneva, sans-serif; color:#fff; font-weight:normal; font-size:26px; margin:20px 0 0 20px;}
#intro h4, #opening h4, #mainContent h4, #contactForm h4 {font-family:Century Gothic, Verdana, Geneva, sans-serif; font-weight:normal; font-size:20px; margin:20px 0 0 20px; color:#fff;}
#intro p {font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#fff; margin:10px 0 10px 50px; padding-top:10px; border-top:1px solid #64342a;}


#opening ul {font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#fff; margin:10px 0 10px 50px; padding:5px 0 0 10px; margin-top:5px;}
#opening a, .local #indexMaps a {color:#ff9100; font-weight:700; text-decoration:underline;}
#opening a:hover {text-decoration:none;}
#opening .info {float:left; width:500px;}
.info p {font-size:11px; color:#fff; margin:10px 30px; font-family:Verdana, Geneva, sans-serif;}

#opening .details {float:left; width:420px; margin:10px;}
#opening .details p {border-top:none; font-size:11px; color:#fff; font-family:verdana}

/** TABS & TAB CONTENT **/
ul.tabs {width:1000px; height:25px; margin:10px auto 0 auto; position:relative; padding:0; z-index:10; list-style-type:none;}
ul.tabs li {float:left; font-size:14px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; border-top:1px solid #33083e; border-left:1px solid #33083e; border-right:1px solid #33083e; border-bottom:1px solid #64342a; padding:5px 10px; margin:0 5px; background:#19041e; color:#ccc; cursor:pointer; z-index:1;}
ul.tabs li:hover {background:url(images/nav_hover_back.gif) repeat-x; color:#110213; border-top:1px solid #33083e; border-left:1px solid #33083e; border-right:1px solid #33083e; border-bottom:1px solid #64342a; }
ul.tabs li.active {border:1px solid #64342a; z-index:10; background:#070107; border-bottom:1px solid #070107; color:#fff;}

#mainContent, #contactForm {width:1000px; margin:0 auto !important; border:1px solid #64342a; background:#070107; position:relative; top:-1px; z-index:2; font-family:Verdana, Geneva, sans-serif; color:#fff; overflow:hidden; clear:both;}
#mainContent p, #contactForm p {font-size:11px; margin:10px 0 10px 50px;}
#mainContent h5 + p {margin:0 0 10px 50px;}
#mainContent h5 {margin:10px 0 0 50px;}
ul.dinner {margin:0 0 0 50px; font-size:11px}

div.indexMaps {width:450px; float:right; margin:0 15px 10px 15px;}
div.indexMaps h4 {margin:20px 0 10px 0 !important;}
div.indexMaps iframe {width:450px; border:1px solid #fff; padding:1px; margin:0 0 3px 0}
div.indexMaps a {font-size:11px; color:#fff; font-family:verdana;}

ul.schedule, ul.indexMaps, ul.lodging {list-style-type:none; padding:0 0 0 50px; width:400px; font-weight:700;}
ul.schedule li, ul.indexMaps li, ul.lodging li {margin:0; padding:10px 10px; background:#19041e; border-top:1px solid #33083e; border-left:5px solid #64342a;}
ul.schedule li.odd, ul.indexMaps li.odd, ul.lodging li.odd  {background:#25062b;}
ul.schedule li h5, ul.indexMaps li h5 {font-size:15px; font-family:Century Gothic, Verdana, Geneva, sans-serif; margin:0 0 5px 0 !important;}
ul.schedule p {margin:0 0 5px 0 !important; padding:0 0 0 20px; background:url(images/list_arrow.png) no-repeat 3px 3px}
ul.indexMaps li.seattle:hover, ul.indexMaps li.portland:hover, ul.indexMaps li.sacramento:hover, ul.indexMaps li.sanfran:hover, ul.lodging li:hover, .local ul.indexMaps li:hover {background:url(images/nav_hover_back.gif) repeat-x; cursor:pointer;}
.local ul.indexMaps li a, .local ul.indexMaps:hover {color:#fff; text-decoration:none; display:block; height:100%;}
.local #indexMaps p {margin-left:15px;}

ul.lodging, .dailyDescription {float:left; border-right:1px dotted #333; padding:0 50px 0 25px;}
.dailyDescription {width:440px; margin:10px 0;}
div.faq {float:left; width:420px;} 
#mapLink p {margin:0 0 0 22px}
#hotels, #mapLink {float:left; width:420px; margin:10px 10px 10px 50px;}
#hotels h3 {font-size:20px; font-family:Century Gothic, Verdana, Geneva, sans-serif; width:100%; border-bottom:1px solid #333; padding: 0 0 4px 0; margin-bottom:10px}
#hotels h3 a {text-decoration:none;}
#hotels h3 a:hover {color:#ccc;}
#hotels span {font-size:12px; margin-left:15px;}
#hotels span a {color:#ccc; font-style:italic; margin:0 3px}
#hotels span a:hover {border-bottom:1px dotted #ccc;}
#hotels strong {color:#bbb;}
#hotels p {margin:0;}
#hotels strong {font-size:13px}
#hotels .address, #hotels .rateInfo {width:198px; margin: 0 10px 0 0; float:left;}
#hotels .address {width:170px; margin:0 0 0 25px;}
#hotels div.address + p {border-top:1px solid #333;  width:100%; padding-top:7px;}
#hotels div.address + p, #hotels div.address + p + p, #hotels div.address + p + p + p {margin:7px 0 0 0;  float:left; clear:both}
.rateInfo {border-right:1px dotted #333;}
.rateInfo p, .rateInfo strong {font-size:15px !important; font-weight:700;}
.rateInfo strong {font-weight:300; width:60%; float:left; text-align:right; margin: 0 10px 0 0}

.details .caption {font-size:11px; color:#ccc; text-align:center; margin:5px 0; width:100%; font-family: Verdana, Geneva, sans-serif;}

div.clothing {width:475px; float:left; padding-right:25px}
.clothing img {border:none; margin:0 0 10px 0}

/** FORMS **/
#contact {width:549px; margin:10px 0; float:left; border-right:1px dotted #333;}
label {width:200px; float:left; text-align:right; padding:7px 5px 0 5px; height:22px; font-size:12px; font-weight:bold; clear:both;}
input, select, textarea {width:294px; padding:0 3px; float:left; margin:7px 5px 0 5px; height:20px; border:1px solid #ccc; color:#000000;}
label {color:#aaa}
textarea {height:200px; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
input.submit {width:140px; font-size:14px; background:url(images/nav_hover_back.gif) repeat-x; border:1px solid #fff; height:30px; color:#FFFFFF; font-weight:bold; margin:10px 0 0 5px; cursor:pointer;}
input.submit:hover {background-position:0 -20px;}
select {width:300px;}
.email {display:none;}

/** FOOTER **/
div.footer {height:79px; width:100%; background:#19041e; border-top:1px solid #33083e; border-bottom:1px solid #33083e; clear:both; margin:12px 0;}
div.footer .container {width:1000px; margin:auto;}
div.footer .logo {width:108px; height:72px; background:url(images/footer_logo.png) right no-repeat; border-left:1px dotted #403243; float:right; margin:3px 15px;}
div.footer .info {margin:35px 0 0 17px; float:left;}
div.footer p {font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0; color:#fff; line-height:14px;}
div.footer p span {color:#64342a; font-size:15px; font-weight:bold;}

/** SLIDESHOW **/
#slideshow {position:relative; height:283px; width:374px; margin:1px 0; padding:0; float:right;}
.events #slideshow {width:524px;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8;}
#slideshow IMG.active {z-index:10;}
#slideshow IMG.last-active { z-index:9;}

/** FAQ **/
ul.faq {list-style-type:none!important;}
div.faq ul.faq li {margin:0 !important; padding:0 !important;}
ul.faq h5, #mapLink ul.faq a {margin:0; padding:10px 10px; background:#19041e; border-top:1px solid #33083e; border-left:5px solid #64342a; cursor:pointer; color:#fff; text-decoration:none;}
ul.faq h5.odd, #mapLink ul.faq a.odd {background:#25062b;}
ul.faq h5:hover, #mapLink ul.faq a:hover {background:url(images/nav_hover_back.gif) repeat-x;}
ul.faq li p {display:none; padding:7px; margin:0 15px !important; border-left:1px solid #33083e; border-right:1px solid #33083e; border-bottom:5px solid #64342a;}
#mapLink ul.faq a {display:block; font-size:14px;}
ul.faq span {font-size:11px; font-weight:300;}

/* Base Superbox Styles */
#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;left:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}
#superbox{margin:0 auto;padding:0; font-family:verdana;}
#superbox-container .loading{margin:0;text-align:center;}
p.disclaimer {margin-bottom:10px !important;}

/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:50%;left:0;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{position:absolute;top:50%;left:0;display:block;height:auto;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

/* Default Theme */
#superbox-overlay{background:#000;}
#superbox-container .loading{text-align:center;font-size:40px;color:#fff;}
#superbox{padding:10px;background:#fff;outline:0;}
#superbox-innerbox{padding:10px 0;}
#superbox.image{text-align:center;}
#superbox .close,
#superbox .nextprev{overflow:hidden;margin:0;padding:1px;}
#superbox .close a:focus,
#superbox .nextprev a:focus{outline:1px dotted;}
#superbox p.close {text-align:right; font-size:12px; height:14px;}
#superbox p.close a {background:url(images/close_overlay.png) no-repeat right 2px; padding: 1px 17px; text-decoration:none; cursor:pointer;}
#superbox p.close a:hover {background-position:right -18px; color:#000}

/* Sponsors */
ul.sponsors {list-style-type:none; padding:0;}
.sponsors li {margin:15px; float:left;}

/* Vendors */
.vendors p + p, .vendors h3 + p {margin-bottom:7px !important}
