/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : The Venue Stylesheet
Author : Wes Smith / Red Bullet Web Design / wessmith999@gmail.com

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:url(../images/headerbgrepeat.jpg) repeat-x top #000; color:#ffffff; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }


/* ----- IDS ----- */
#headerContainer { width:100%; margin-bottom:40px;}
#headerContainer #header { width:960px; margin:0 auto; height:104px; position:relative; background: url(../images/headerbgfull.jpg) no-repeat top center}
#headerContainer #header #logo { position:absolute; top:30px; left:0;}
#headerContainer #header #phone { position:absolute; top:55px; left:620px;}
#container { width:960px; margin:0 auto; text-align:left; font-size:12px; }
#container #columnsContainer { width:960px; background:url(../images/columnsBg.gif) 0 0 repeat-y; margin-bottom:40px;}
#container #columnsContainer #leftCol { float:left; width:715px;}
#container #columnsContainer #leftCol .padding { padding:15px 20px 0 0;}
#container #columnsContainer #leftCol #liveBox { margin-bottom:40px; width:2046px; height:284px; position:absolute}
#container #columnsContainer #leftCol #liveBox .whiteBox { background:#FFFFFF; position:relative; width:682px; height:284px; color:#000000; float:left}
#container #columnsContainer #leftCol  .mask{position:relative;width:682px; height:284px; overflow:hidden;}
#container #columnsContainer #leftCol #liveBox .whiteBox .pic { position:absolute; top:-28px; left:225px;}
#container #columnsContainer #leftCol #liveBox .whiteBox .padding { padding:10px 470px 10px 10px;}
#container #columnsContainer #leftCol #liveBox .whiteBox .featureText { font-size:15px; line-height:16px; padding:15px 0 20px 0;}
#container #columnsContainer #leftCol #liveBox .whiteBox .costs { color:#8d6806; text-transform:uppercase; float:right; font-size:18px; padding:0; line-height:20px;}
#container #columnsContainer #leftCol #liveBox .whiteBox .fee { float:right; padding:0;}
#container #columnsContainer #leftCol #forthcomingEventsBox { margin-bottom:15px;}
#container #columnsContainer #leftCol #forthcomingEventsBox .eventBox { width:216px; min-height:315px; border:1px solid #bebebe; float:left; margin-right:14px;}
#container #columnsContainer #leftCol #forthcomingEventsBox .date { font-size:24px; color:#FFFFFF; font-weight:bold; float:right; margin-right:10px; padding:0 0 3px 0;}
#container #columnsContainer #leftCol #forthcomingEventsBox .pic { clear:both; margin-bottom:5px;}
#container #columnsContainer #leftCol #forthcomingEventsBox .eventTitle { padding:0 10px 5px 10px; font-size:17px; text-transform:uppercase; line-height:22px; font-weight:bold}
#container #columnsContainer #leftCol #forthcomingEventsBox .info { padding:0 10px 10px 10px; line-height:16px;}
#container #columnsContainer #leftCol #forthcomingEventsBox .ticketCost { color:#8d6806; font-size:15px; line-height:16px; padding:0 10px 10px 10px; position:absolute; bottom:1px}
#container #columnsContainer #leftCol #forthcomingEventsBox .ticketCost span { font-size:10px;}
#container #columnsContainer #leftCol #whereBox { margin-bottom:30px;}
#container #columnsContainer #leftCol #whereBox #whiteBox { background:#FFFFFF; width:682px; height:239px; color:#000000;}
#container #columnsContainer #leftCol #whereBox #whiteBox .padding { padding:10px;}
#container #columnsContainer #leftCol #whereBox #whiteBox .pic { float:left; margin-right:10px;}
#container #columnsContainer #leftCol #whereBox #whiteBox .parkTitle { font-size:20px; color:#000000; text-transform:uppercase; font-weight:normal; line-height:22px;}
#container #columnsContainer #leftCol #whereBox #whiteBox .info { line-height:17px;}

#container #columnsContainer #leftCol #packagesBox {}
#container #columnsContainer #leftCol #packagesBox .packagesTitle { font-size:20px; color:#8d6806; text-transform:uppercase; font-weight:normal; border-bottom:1px solid #ffffff; width:682px;}
#container #columnsContainer #leftCol #packagesBox .package { border-bottom:1px solid #ffffff; width:682px;}
#container #columnsContainer #leftCol #packagesBox .package .padding { padding:15px 0;}
#container #columnsContainer #leftCol #packagesBox .package .pic { float:left;}
#container #columnsContainer #leftCol #packagesBox .package .date{width:92px; height:24px; background:url(../images/dateBoxBg.jpg) no-repeat; float:right; margin-left:10px; text-align:center; padding-top:3px; font-weight:bold; text-transform:uppercase}
#container #columnsContainer #leftCol #packagesBox .package .info { float:right; width:450px; position:relative;}
#container #columnsContainer #leftCol #packagesBox .package .info .packageTitle { font-size:20px; color:#ffffff; text-transform:uppercase; font-weight:normal; line-height:26px; padding:0;}
#container #columnsContainer #leftCol #packagesBox .package .info .text { line-height:16px; padding:0 110px 0 0;}
#container #columnsContainer #leftCol #packagesBox .package .info .price { color:#8d6806; font-size:16px; line-height:16px; padding:0 0 5px 0;}
#container #columnsContainer #leftCol #packagesBox .package .info .price span { font-size:11px;}
#container #columnsContainer #leftCol #packagesBox .package .info .btn { position:absolute; bottom:0; right:0;}

#container #columnsContainer #leftCol #gallery{}
#container #columnsContainer #leftCol #gallery a{display:block; height:160px; position:relative; border: 1px solid #BEBEBE;}
#container #columnsContainer #leftCol #gallery a:hover{ background:#1E1E1E; text-decoration:none; border: 1px solid #8D6806;}
#container #columnsContainer #leftCol #gallery a span{position:absolute; bottom:7px; left:7px; cursor:pointer}
#container #columnsContainer #leftCol #gallery img{width:218px; height:126px; border:none}
#container #columnsContainer #leftCol #gallery .img{width:220px; height:160px; float:left}
#container #columnsContainer #leftCol #gallery .left{margin-right:12px; margin-bottom:12px}
#container #columnsContainer #leftCol #gallery .middle{margin-right:12px; margin-bottom:12px}
#container #columnsContainer #leftCol #gallery .right{margin-bottom:12px}

#container #columnsContainer #rightCol { float:right; width:245px;}
#container #columnsContainer #rightCol .padding { padding:15px;}
#container #columnsContainer #rightCol #corporateEventsBox { margin-bottom:30px;}
#container #columnsContainer #rightCol #whereToStayBox { margin-bottom:30px;}
#container #columnsContainer #rightCol #findUsBox {margin-bottom:20px; position:relative}
#container #columnsContainer #rightCol #findUsBox .map{position:absolute; top:0; right:0}
#container #columnsContainer #rightCol #events { margin-bottom:30px;}
#container #columnsContainer #rightCol #events .event { border-bottom:1px solid #8b8080; padding-bottom:10px; margin-bottom:15px;}
#container #columnsContainer #rightCol #events .date { font-size:16px; color:#FFFFFF; font-weight:bold; padding:0 0 3px 0;}
#container #columnsContainer #rightCol #events .eventTitle { padding:10px 0 0 0; font-size:20px; line-height:24px; text-transform:uppercase;}
#container #columnsContainer #rightCol #events .ticketCost { color:#8d6806; font-size:16px; line-height:16px; padding:0;}
#container #columnsContainer #rightCol #events .ticketCost span { font-size:11px;}

#googlemap{width:700px; height:330px; margin-bottom:20px}

#eventDetails{font-size:16px; width:450px; float:left; line-height:18px}
#eventDetails span{font-weight:bold; color:#8d6806; width: 200px; display:block}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.title { font-size:20px; color:#8d6806; text-transform:uppercase; font-weight:normal;}
.title2 { font-size:20px; color:#8d6806; text-transform:uppercase; font-weight:normal; padding-left:10px; position:relative; z-index:99}
.btn { float:right; margin-top:10px;}
.contentImg{float:right; margin-left:10px; margin-bottom:5px;}
.eventImg{float:left; margin-right:20px; margin-bottom:10px;}
.backToEvents{float:right; height:26px; width:92px}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 5px 0; font-size:100%; font-weight:bold;}


/* ----- TOP NAVIGATION ----- */
#topNavContainer { width:100%; background:url(../images/navBg.gif) 0 0 repeat-x; height:41px;}
#topNavContainer #topNav { width:976px; margin:0 auto; text-align:left;}
#topNavContainer #topNav ul { list-style:none; padding:1px 0 0 0; margin:0;}
#topNavContainer #topNav li { float:left; display:block; padding:0; margin:0;}
#topNavContainer #topNav li a { float:left; display:block; text-transform:uppercase; font-size:12px; font-weight:bold; border-right:1px solid #333333;} 
#topNavContainer #topNav a { display:block; float:left; text-decoration:none; }
#topNavContainer #topNav a span { display:block; padding:10px 6px 10px 6px}
#topNavContainer #topNav a:hover { color:#8d6806; background:url(../images/topNavHoverRight.gif) top right no-repeat;}
#topNavContainer #topNav a:hover span { background:url(../images/topNavHoverLeft.gif) top left no-repeat;}
#topNavContainer #topNav .active a { color:#8d6806; background:url(../images/topNavHoverRight.gif) top right no-repeat;}
#topNavContainer #topNav .active a span { background:url(../images/topNavHoverLeft.gif) top left no-repeat;}

html[xmlns*=""] body:last-child #topNavContainer #topNav li a { font-weight:normal;}
html[xmlns*=""] body:last-child #topNavContainer #topNav a span { display:block; padding:10px 9px 10px 10px;}

/** SAFARI HACK **/
@media screen and (-webkit-min-device-pixel-ratio:0){
#topNavContainer #topNav a span { display:block; padding:10px 9px 10px 10px;}
}
/** SAFARI HACK **/

/* ----- LEFT NAVIGATION ----- */


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}


/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
.pagination { position:relative; height:26px; width:682px;}
.pagination .prev { position:absolute; top:0; left:0; cursor:pointer}
.pagination .next { position:absolute; top:0; right:0; cursor:pointer}
.pagination .viewAll { margin:0 auto;}


/* ----- FOOTER ----- */
#footer { color:#7e7e7e; font-size:10px; border-top:1px solid #505050;}
#footer p { padding:15px 0 15px 0;}
#footer a { font-weight:normal; text-decoration:none;}
#footer a:hover { text-decoration:underline;}


/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 10px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#ffffff; font-weight:normal; text-decoration:none; outline:none;}
a:hover { text-decoration:underline; }


/* ----- FORMS ----- */
form { padding:0; margin:10px 0 10px 0; float:left; }
form h1 { float:left; }
form p { float:left; width:700px; }
form img { float:left; }
form .contentImg { float:left; margin:0 0 0 0; padding:0 0 10px 0; width:695px; height:292px; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:200px; float:left; }
input[type="text"], textarea { width:200px; font-size:11px !important;}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}
form .error { color:#CC0000; }
ul#errors { float:left; width:500px; margin:10px 0 10px 0; padding:15px; bottom:0; background:#333333; list-style-position:outside; }
ul#errors li { margin:0 0 0 0; padding:0 0 10px 5px;  list-style:circle; float:left; width:700px; }
ul#errors li { display:block; font-size:12px; }


/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }


/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }




/* ----- NOOBSLIDE ----- */

#featured {width:696px; height:315px;}
#featured .mask{position:relative;width:696px!important;height:317px!important;overflow:hidden;}
#featured #featBox {position:absolute;}
/*#featured #featBox div{width:696px; height:360px; display:block}*/


#featured #featBox .featDescription h2{border-bottom:1px dotted #CCCCCC;font-size:140%;font-weight:normal;opacity:1;padding:0;}
#featured #featBox .featDescription p{color:#A9A8A8;font-size:110%; opacity:1; padding:5px 5px 0px;}
#featured #featBox .featDescription a{color:#Fff;font-size:110%; float:right; margin-right:5px}
#featured #featBox .featDescription a:hover{color:#FFF;font-size:110%;}

#featured #info4{background:#fff !important;color:red !important;cursor:pointer; display:none;}
#outerContainer #innerContainer #contentSection #left #menu {min-height:170px; width:218px;}
.buttons { margin:0;}
.buttons span{color:#808080; font-size:14px;padding:0;width:198px; cursor:pointer;}
.buttons span:hover, .buttons span.active {color:#FFF;text-decoration:none;}

/* ----- NOOBSLIDE ----- */


#container #columnsContainer #leftCol #liveBox #whiteBox .pictemp {
left:220px;
position:absolute;
top:-59px;
}
#container #columnsContainer #leftCol #liveBox #whiteBox .coststemp {
color:#8D6806;
float:right;
font-size:13px;
font-weight:bold;
line-height:20px;
padding:0;
text-transform:uppercase;
}


/*** Comments Board ***/
#commentsBoard{}
#commentsBoard-nav{margin:0; padding:0; position:relative; z-index:10}
#commentsBoard-nav li{float:left; list-style:none; background:url(../images/commentTabBg.jpg) repeat-x #222121; margin-right:10px;}
#commentsBoard-nav li a{ display:block; height:21px; border:1px solid #4B4B4B; padding:2px 20px; border-bottom:1px solid #4B4B4B;}
#commentsBoard-nav li .active{border-bottom:none; height:22px}
#commentsBoard-nav li a:hover{background:#4F4D4D}
#commentsBoard-nav li .active:hover{background:url(/images/commentTabBg.jpg) repeat-x #222121}

#tabContainer{background:#222121; min-height:450px; border:1px solid #4B4B4B; position:relative; top:-1px; padding:20px}

#commentsBoard .comment{clear:left; margin-top:10px; position:relative; }
#commentsBoard .comment p{float:left; width:615px; margin-bottom:15px}
#commentsBoard .comment .quoteLeft{width:24px; height:21px; background:url(../images/commentsQuoteLeft.gif) no-repeat; display:block; float:left; margin-right:5px}
#commentsBoard .comment .quoteRight{width:24px; height:21px; background:url(../images/commentsQuoteRight.gif) no-repeat; display:inline-block; margin-left:5px}
#commentsBoard .comment .author{color:#8D6806; font-size:11px; position:absolute; bottom:5px; left:30px; font-weight:bold}

#commentsBoard form label{}
#commentsBoard form input{margin-top:15px; border: 1px solid #4B4B4B; background:#333333; color:#FFFFFF; width:315px}
#commentsBoard form textarea{margin-top:15px; border: 1px solid #4B4B4B; background:#333333; color:#FFFFFF; width:315px; height:200px}
#commentsBoard form input:hover, #commentsBoard form textarea:hover{background: #464646}
#commentsBoard form .submit{cursor:pointer}

#commentsBoard #success{background: #DEF1D1; border:1px solid #55B335; padding:3px; color:#111}
#commentsBoard #error{background: #FFDDDD; border:1px solid  #C41313; padding:3px; color:#111}
#commentsBoard #error ul{margin:0; padding:0; list-style:none}