/* ======================================== Generic elements =================================================================  */

body{ margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#565656; background:#fff url(../images/background.gif) repeat-x left top}

h1, h2, h3, h4, h5, h6, h7, p, form, input, ul, li{padding:0px; margin:0px; font-weight:normal}
p{line-height:19px}
ul,ol,li { list-style: none; }

select {padding:2px;}
select:hover {cursor:pointer;}
input[type="text"], input[type="password"], textarea, select {
font-family:Verdana,sans-serif;font-size:12px;
border-color:#ABADB3 #DBDFE6 #E3E9EF #E2E3EA;
border-style:solid;
border-width:1px;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
border-color:#5794BF #B7D5EA #C7E2F1 #C5DAED;
border-style:solid;
border-width:1px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
background-color:#FFF8D5;
border:1px solid #EBB95B;
color:#666;
outline-color:#FAD896;
outline-style:solid;
outline-width:1px;
}


input[type="checkbox"],input[type="radio"] {
cursor:pointer;
margin:0 2px 2px 0;
padding:0;
vertical-align:middle;
}
a{color:#faa025; text-decoration:none; outline:none}
a:hover{color:#0e3e73;  text-decoration:none}
a img{border:0}
*:focus{outline-width:0}
*{outline:none; outline:0}

.clear{ clear:both;}


#wrapper:after,#header:after,#middle:after, #footer:after, .content:after, .data:after{ content: "."; display: block; height:0; font-size:0px; clear: both; visibility: hidden; }

/* \*/ * html #header{height:1px} /* */
/* \*/ * html #middle{height:1px} /* */
/* \*/ * html #footer{height:1px} /* */
/* \*/ * html .content{height:1px} /* */
/* \*/ * html .data{height:1px} /* */

.colleft{float:left; width:auto }
.colright{float:right;width:auto}

.right{text-align:right}
.center{text-align:center}

.content{width:100%;}
.data{width:auto}

h1{font-size:28px;font-weight:bold; color:#333; padding:0px 0px 3px; margin:0px 0 12px; background:url(../images/hline.gif) repeat-x left bottom}
h2{font-size:22px;font-weight:bold; color:#333; padding:0 0 5px;}
h3{font-size:20px;font-weight:bold;  }
h4{font-size:15px; font-weight:bold }
h5{font-size:14px; }
p{padding:0 0 8px}
.big{font-size:14px; line-height:18px}

.heading{padding-left:20px}


/* ======================================== topbar ========================================================  */

#topbar{width:100%;height:38px!important;  background:url(../images/topbar-bg.gif) repeat-x left top;}
#topbar .content{width:986px; margin:0 auto; color:#fff; }
.topleft{ float:left; padding:8px 0 0 20px }
.topleft strong{padding:0px 5px 0 0px }

.info{ float:right; padding:0 12px 0 0 }
.info li{  float:left; padding:0 10px 0 0; }
.info li .email{background:url(../images/icon-email.gif) no-repeat 0 0px; line-height:35px;color:#fff; padding:0 0 0 28px}
.info li .phone{background:url(../images/icon-phone.gif) no-repeat 0 0px; line-height:39px ; font-size:16px;font-weight:bold; color:#fff;padding:0 0 0 28px;}
.info li .email:hover{color:#faa025; background-color:none}


/* ======================================== Wrapper ========================================================  */

#wrapper{ width:960px; padding:0 13px; margin:0 auto;background:url(../images/outer-bg.png) repeat-y left top}

/* ======================================== Header ==========================================================  */

#header{ width:960px; background:url(../images/all-access.jpg) no-repeat left top; height:200px!important }
 strong.tagline{ position:absolute;color:#ffffff!important; margin:70px 0 0 40px; font-size:16px}

/* ---------------- Logo -------------- */
#logo{ position:absolute;margin:15px 0 10px 10px }
#logo img{ display:block; margin-bottom:10px}

#buynow{ position:absolute;margin:278px 0 10px 655px; background:url(../images/buynow.png) no-repeat left top; width:296px; height:45px; color:#fff }
#buynow .date{font-size:36px; color:#fff;text-align:center; line-height:32px; margin-left:175px }
#buynow a{ position:relative;display:block; float:right; width:170px; height:45px; text-indent:-9999px; font-size:0px;}

/* ---------------- navigation -------------- */

#navigation{ width:960px;background:url(../images/navigation-bg.gif) repeat-x left top; height:47px; padding:1px 0 0}
.menu-links li{float:left;width:auto;}
.menu-links li a{float:left;margin:0px; color:#fff; width:auto;background:url(../images/menu-bg.gif) no-repeat 100% 0px;}
.menu-links li a span{float:left;display:block; width:auto;padding:0px 40px 0px 40px;font-size:20px; height:47px; line-height:47px; text-transform:uppercase;font-weight:bold;color:#fff;white-space:nowrap;cursor:pointer;}

.menu-links li a:hover{color:#fff!important;background:url(../images/menu-bg.gif) no-repeat 100% -47px!important;}
.menu-links li a:hover span{color:#fff!important;}


.menu-links li a.selected{color:#222!important;background:url(../images/menu-bg.gif) no-repeat 100% -94px!important;}
.menu-links li a.selected span{color:#222!important;}

.menu-links li.last a{background:url(../images/menu-bg.gif) no-repeat 0 0px;}
.menu-links li.last a span{padding-right:38px;}

.menu-links li.last a:hover{background:url(../images/menu-bg.gif) no-repeat 0 -47px!important;}
.menu-links li.last a.selected{background:url(../images/menu-bg.gif) no-repeat 0 -94px!important;}



/* =================================== Middle  ===============================================  */

#middle{ width:960px; padding:25px 0px 0;margin:0px auto; background:url(../images/middle-bg.gif) repeat-x left top }
#middle .grid1{padding:0px 18px}
#middle .grid1 .colleft{ width:510px;padding:0px;}
#middle .grid1 .colright{ width:396px;padding:0px;}

/* ----------------  upcomingEvents -------------- */	

#upcomingEvent { padding:0px 0px 2px 8px }
#upcomingEvent ul{margin:0}
#upcomingEvent li{float:left;display:inline;position:relative;width:90px; text-align:center;height:90px;padding:5px 10px 0 0; margin:0px; background:url(../images/eventDate-buytickets.gif) no-repeat left top}
#upcomingEvent li.soldout{ background:url(../images/eventDate-soldout.gif) no-repeat left top}
#upcomingEvent li.hotcrawl{ background:url(../images/eventDate-hotcrawl.gif) no-repeat left top}


#upcomingEvent h1{ margin-bottom:0px; background:none}
#upcomingEvent .date{font-size:29px; color:#666;text-align:center; line-height:32px; background:none}
#upcomingEvent h4{ color:#7c7c7c; font-size:14px;text-transform:uppercase}
#upcomingEvent h4 span{ color:#999;}

/* =================================== Buy Tickets Page  ===============================================  */


/* ----------------  tickets -------------- */

.tickets{width:100%; margin:0px; }
.ticket-type{width:100%;padding:10px 0px; float:left; margin-bottom:10px; background:#f8f8f8 url(../images/ticketType-bg.gif) repeat-x left top}

.ticket-type .type{ float:left;width:275px;padding:0 10px 0 15px; }
.ticket-type .rateBox{ float:left;width:185px; background:#f2f2f2; border:1px solid #e2e2e2; padding:10px 0px 10px 8px;}

.ticket-type h2{ margin-bottom:10px}	
.ticket-type h3{ padding-bottom:5px}	
.ticket-type .list li{padding:0 0 5px 14px}

.ticket-type .rate{float:left; width:90px}
.ticket-type .btn{ float:right; padding-right:5px }


/* =================================== Nightclubs pages  ===============================================  */


/* ----------------  venue-listing -------------- */

.venue-listing{width:100%; margin:50px 0 0; }
.venue-data{width:100%;padding:0px; height:286px; float:left; margin-bottom:80px; background:#f2f2f2 url(../images/listing-bg.gif) repeat-x left top; border-bottom:1px solid #d3d3d3}

.venue-data .desc{ float:left;width:470px;padding:20px 10px 0 20px; }
.venue-data .venue-pic{ position:absolute!important;width:433px; height:332px; padding:1px 0px 0px 9px; margin:-18px 0 0 500px; background:url(../images/venue-pic-bg.png) no-repeat left top;}
.venue-data .venue-pic .pic-frame{ width:425px; height:316px; border:0; padding:0px; margin:0}
.venue-data .venue-pic .pic-frame td{ width:425px; height:316px; background:#000; text-align:center; vertical-align:middle}



.venue-data h2{ margin-bottom:5px}	
.venue-data h5{ margin-bottom:15px; color:#3b72a5}	
.venue-data .venue-info{ padding-bottom:15px; font-size:13px;}	

.offerBar {cursor:pointer; padding:0px 0px 0 0;background:url(../images/offerBar-r.gif) no-repeat right top; vertical-align:middle;height:44px;display:block;width:465px; margin:0 auto 10px}
.offerBar span { padding:0px 0px 0 0px;background:url(../images/offerBar-bg.gif) repeat-x left top; height:44px; display:block;display:inline-block; }
.offerBar span strong.venueoffer{ padding:0px 10px 0 15px;background:url(../images/offerBar-l.gif) no-repeat left top; height:44px; line-height:43px; font-size:20px;color:#FFFFFF;font-weight:bold; display:block;display:inline-block; white-space:nowrap}
.offerBar a{color:#fff}
.offerBar a:hover{color:#faa025}

/* =================================== Photo Booth  ===============================================  */


/* ----------------  photo-grid -------------- */	

.photo-grid{ float:left;margin:0 0 10px}
.photos-title { padding:5px 10px; background:#f2f8fb; border-bottom:2px solid #fff}

.photo-grid li{float:left;display:inline;position:relative;width:102px;height:102px;padding:0px; margin:0px}
.photo-grid a img{float:left;display:block;position:relative;width:100px;height:100px;border:1px solid #e2e2e2;padding:0px; margin:0px}
.photo-grid a:hover img{border:1px solid #fddd62}



/* =================================== FAQ Page  ===============================================  */


.faq a.menuitem,.faq a.menuitemup{display: block;position: relative; width: auto;padding:0px; border-bottom:1px solid #e2e2e2}
.faq a.menuitem span{display:block;padding:3px 10px 2px 22px;font-size:18px;background: url(../images/plus.gif) no-repeat 5px 8px;color:#444}

.faq a.menuitemup span{display:block;padding:3px 10px 2px 22px; font-size:18px;background:#175b87 url(../images/minus.gif) no-repeat 5px 12px;color:#fff}
.faq a.menuitem:hover span{ color:#efae22}
.faq div.submenu{ border:none;}
.faq div.submenu ul{margin: 0;padding: 0;}
.faq div.submenu ul li{ margin:0; padding:0; border-bottom:1px solid #ececec}
.faq .ques-icon{font-size:18px; padding:5px 5px 0 0; font-weight:bold; }

.faq div.submenu ul li span{display:block;font-size:14px;font-weight:bolder; padding:5px 5px 5px 10px;cursor: pointer;color:#333;background:#f2f8fb}
.faq div.submenu ul li a{color:#333}
.faq div.submenu ul li a:hover{color:#f6b942}
.faq div.submenu ul li span:hover{}
.faq div.submenu ul li span.active{color:#333;background:#fdf4e2;}

.faq div.submenu ul li p{font-style:normal;color:#555; background:#fff; padding:10px 15px; font-size:13px; border:5px solid #fdf4e2; border-top:0; }





/* ----------------  buyBtn -------------- */

.buyBtn {cursor:pointer; padding:0px 10px 0 0;background:url(../images/buybtn.gif) no-repeat right top; vertical-align:middle;height:31px;display:block;float:left;width:auto}
.buyBtn span { padding:0px 0px 0 10px;background:url(../images/buybtn.gif) no-repeat left top; height:31px;color:#333;font-weight:bold;font-size:14px; display:block;display:inline-block;line-height:30px; white-space:nowrap}
a.buyBtn:hover {background:url(../images/buybtn.gif) no-repeat 100% -31px; color:#fff}
a.buyBtn:hover span {background:url(../images/buybtn.gif) no-repeat 0 -31px; color:#fff}

.buyBtn span b{ width:5px; margin:-3px 0 0; line-height:3px; height:10px;}

/* ==============================================  colright   ===========================================================  */

/* ----------------  slideshow -------------- */

#slideshow{background:url(../images/slideshow-bg.gif) no-repeat left top; height:230px; width:368px; padding:31px 0px 0px 33px; margin:0 0 15px}
.list {width:100%; margin-bottom:10px }
.list li{background:url(../images/list-bullet.gif) no-repeat 0 6px; padding:0px 0px 8px 15px; line-height:19px }



/* ----------------  widget -------------- */

.widget{ width:100%;margin:0px 0px 12px; padding:0px;}
.widget .top{position:relative; background:url(../images/widget-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .top .tl{background:url(../images/widget-tl.gif) no-repeat 0 0; width:auto; display:block}
.widget .top .tr{background:url(../images/widget-tr.gif) no-repeat 100% 0; width:auto; height:9px; font-size:0px; display:block; }

.widget .bot{background:url(../images/widget-bbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .bot .bl{background:url(../images/widget-bl.gif) no-repeat 0 0; width:auto;  display:block}
.widget .bot .br{background:url(../images/widget-br.gif) no-repeat 100% 0; width:auto; height:9px; display:block;font-size:0px}

.widget .container{ padding:12px 12px 5px;width:auto; background:#fff url(../images/widget-bg.gif) repeat-x left bottom; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0}
.widget .content{width:100%;}

.widget h2{color:#fff; font-weight:bold;background:url(../images/hline.gif) repeat-x left bottom}


.tickets-price{padding:10px 0px 30px 20px}
.tickets-price h3.offer{ float:left;}
.tickets-price span{ float:left; display:block;font-size:14px; line-height:28px;}




/* ==============================================  Footer   ===========================================================  */

#footer{width:986px;margin:0 auto;padding:30px 0px 26px!important; background:url(../images/outer-bot.png) no-repeat left top!important}
#footer .copyright{ color:#666; text-align:center; padding:10px 0px 0px;}



/* ---------------- box data -------------- */

.tickets-infobox{ width:100%; padding:0 0 5px; margin:0 auto;background:#d9dfe4 url(../images/tickets-grad.gif) repeat-x left top; border:1px solid #d6dee6}
.tickets-infobox h1{ padding:4px 10px}
.tickets-infobox h2{ padding:5px 0px}
.box-container{ background:#fff; border:1px solid #dbe2e6; padding:10px;margin:0 10px}
.box-bottom{padding:10px 0px 5px;margin:0 10px}

/* ----------------  tickets ------------- */

table.tickets {margin:0; }
table.tickets tr .head { font-weight:normal; font-size:12px;color:#333; padding:5px 0px 3px;background:#d9dfe4 url(../images/tickets-grad.gif) repeat-x left -2px; border-bottom:1px solid #d6dee6; text-transform:uppercase}
table.tickets tr .head.first{ text-align:left!important; text-indent:10px}

table.tickets tr .head a:hover{ text-decoration:underline; }

table.tickets td{background:#fff;padding:10px 5px 5px 0px;line-height: 1.3em;border-top: 1px solid #d7dfe5; font-size:13px}
table.tickets td.col1{width:67%; }
table.tickets td.col2{width:12%; text-align:center}
table.tickets td.col3{width:10%;  text-align:center; font-size:20px; font-weight:bold}
table.tickets td.col4{width:10%;  text-align:center}

table.tickets td ul{width:100%; margin-bottom:10px; margin-top:10px }
table.tickets td ul li{background:url(../images/list-bullet.gif) no-repeat 0 10px; padding:6px 0px 6px 15px; border-bottom:1px solid #d6dee6; margin-left:20px }




p.table-btn{width:auto; display:block; float:left; padding:0 5px 0 0}
p.table-btn{width:auto; display:block; float:left; padding:0 5px 0 0}

table.tickets em{color:#666}
.box-btn{ float:right; width:auto}