/* CSS Document */
body{
	padding:0; margin:0; background:#5C0304;
	}
div, p, h1, h2, h3, img, ul, form, label{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
		}
.clearcols
{
clear:both; 
line-height:0px;
margin:0px;
padding:0px;
height:0px;
font-size:0px;
}

/*--------------------------main body--------------------*/
#mainbody{
	width:780px; margin:0 auto; color:#000000; padding:0px; background:#5C0304;
	}

/*----------------- Header & Logo Area ------------------------ */
#logo{
	width:780px; height:97px; margin:0px; padding:0px;
	}
#headerleft{
	width:183px; height:279px; float:left; margin:0px;
	}
#headermid{
	width:429px; height:279px; float:left; margin:0px;
	}
#headerright{
	width:168px; height:279px; float:left; margin:0px;
	}
#headrighttop{
	width:168px; height:42px; margin:0px; padding:0px;
	}
#ticket{
	width:168px; height:111px; margin:0px; padding:0px;
	}
#drinks{
	width:168px; height:126px; margin:0px;	padding:0px;}

/*----------------- Menu Area ------------------------ */
#mainmenu{
	width:100%;	padding:0px; margin:0px; height:52px;
	background:url(images/main_menu_bg.gif) repeat-x 0 0 #000005;
	}
#menubg{
	width:780px; height:52px; margin:0 auto;
	background:url(images/menu_bg.gif) no-repeat 0 0 #FFFFF2;
	}
#menubg ul{
	width:755px; display:block; margin:0px 0 0px 0px; padding:20px 0 0 23px; height:20px; font-size:0;
	}
#menubg ul li{
	display:block; float:left; margin:0 ; padding:0 30px 0 26px; border-right:#ffffff 2px solid;
	}
#menubg ul li.nobor{
	display:block; float:left; margin:0 ; padding:0 30px 0 25px; border-right:none;
	}
#menubg ul li a{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; padding:0; margin:0  ; display:block;
	}
#menubg ul li a:hover{
	color:#FF0000; text-decoration:none;
	}
/*----------------- Main Body ------------------------ */
#contentbg{
	width:780px; margin:0 auto;
	background:url(images/content_bg_03.gif) repeat-y 0 0 #FFFFF1;
	}
#leftspeaker{
	width:104px; height:438px; float:left; margin:0px; padding:0px;}
#middlebody{
	width:572px; margin:0 auto; float:left; margin:0px; padding:0px; background:#610304;}
#rightspeaker{
	width:104px; height:438px; float:left; margin:0px; padding:0px;}
#midtop{
	width:572px; height:22px; margin:0px; padding:0px;}
#contentarea{
	width:572px; margin:0 auto; padding:0px; background:#610304;}

/*---------- Left body ------------- */
#leftarea{
	width:334px; margin:0 auto; padding:0px; float:left;}
#leftbody{
	width:301px; margin:0 auto;}
#leftbody h1{
	background:url(images/welcome.gif) no-repeat; display:block; width:256px; height:35px; text-indent:-2000px; margin:0 0 0 0px; padding:0 0 10px 0px;
	}
#leftbody p, #guestbook p{
	display:block; font:11px Verdana, Arial, Helvetica, sans-serif; color:#AF7576; text-align:justify;
	margin:0px 0px 15px 0px;
	}
#leftbody p a{
	display:block; font:11px Verdana, Arial, Helvetica, sans-serif; color:#DF0101; 
	text-decoration:none;
	}
#leftbody p a:hover{
	text-decoration:none; color:#FFFFFF;
	}
#leftbody h2{
	background:url(images/download.gif) no-repeat; display:block; width:211px; height:26px; text-indent:-2000px; margin:0 0 0 0px; padding:0 0 0px 0px;
	}
#leftbody p.pic1{
	background:url(images/dnld_pic.gif) no-repeat left top; padding:25px 0 0 100px; width:96px; display:block; margin:5px 0 0 0px;
	font:11px Tahoma, Arial, Helvetica, sans-serif; color:#A86B6B; width:200px; line-height:8px;
	}
#leftbody p.pic1 a{
	display:block; margin:0 0 0 0px; padding:0 0 0 0px;
	font:11px Tahoma, Arial, Helvetica, sans-serif; color:#A86B6B; text-decoration:underline;
	}
#leftbody p.pic1 a:hover{
	color:#000000; text-decoration:none;
	}
.clickhere{
	width:206px;
	height:20px;
	float:left;
	padding-left:95px;
	padding-top:15px;
	padding-bottom:15px;
	}
#leftbody h3{
	background:url(images/about_dj.gif) no-repeat; display:block; width:228px; height:38px; text-indent:-2000px; margin:0 0 0 0px; padding:0 0 10px 0px;
	}
#leftbody h4{
	background:url(images/dj_concert.gif) no-repeat; display:block; width:228px; height:30px; text-indent:-2000px; margin:0 0 0 0px; padding:0 0 15px 0px;
	}
#leftbody p.dj1{
	background:url(images/dj1.gif) no-repeat left top; padding:0 0 0 108px; display:block; margin:12px 0px 20px 4px;
	font:11px Tahoma, Arial, Helvetica, sans-serif; color:#C29293; text-align:justify;
	}
#leftbody p.dj1 a{
	display:block; margin:12px 0 0 0px;
	font:11px Tahoma, Arial, Helvetica, sans-serif; color:#FF0000; text-align:justify; text-decoration:underline;
	}
#leftbody p.dj1 a:hover{
	color:#FFFFFF; text-decoration:none;
	}
#leftbody p.dj2{
	background:url(images/dj2.gif) no-repeat left top; padding:0 0 0 108px; display:block; margin:12px 0px 20px 4px;
	font:11px Tahoma, Arial, Helvetica, sans-serif; color:#C29293; text-align:justify;
	}
#leftbody p.dj2 a{
	display:block; margin:12px 0 0 0px;
	font:11px Tahoma, Arial, Helvetica, sans-serif; color:#FF0000; text-align:justify; text-decoration:underline;
	}
#leftbody p.dj2 a:hover{
	color:#FFFFFF; text-decoration:none;
	}
	#leftbody h5{
	background:url(images/contactus.gif) no-repeat; display:block; width:257px; height:39px; text-indent:-2000px; margin:0 0 0 0px; padding:0 0 15px 0px;
	}
		
/*---------- Right body ------------- */
#rightarea{
	width:228px; margin:0 auto; padding:0px; float:left;}
#rightbody{
	width:213px; margin:0 0 0 10px; background:#6D1314; padding:15px 0 0px 0px;}
#rightbody h1{
	background:url(images/news.gif) no-repeat; display:block; width:183px; height:25px; text-indent:-2000px; margin:0px 0 0 10px; padding:0px 0 0px 0px;
	}
#rightbody p{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#000000; text-align:justify;
	margin:15px 12px 15px 10px;
	}
#rightbody p a{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#FF0003; 
	text-decoration:none; margin:10px 0 0 0; padding:0 0 10px 0px;
	}
#rightbody p a:hover{
	text-decoration:none; color:#FF9900;
	}
#rightbody p.pic{
	width:190px;
	height:80px;
	margin:0 auto;
	padding-bottom:10px;}
#banner{
	width:214px;
	height:91px;
	margin:12px auto 12px auto;
	}
	
/*---------- bottom bg ------------- */
#bottombar{
	width: 780px;
	height: 32px;
	margin: 0px auto;
	clear:both;
	line-height:0px;
	padding:0px;
}

/*----------------- Footer Area ------------------------ */
#mainfooter{
	width:100%;	padding:0px; margin:0px; height:74px;
	background:url(images/main_footer_bg.gif) repeat-x 0 0 #000001;
	}
#footerbg{
	width:780px; height:74px; margin:0 auto;
	background:url(images/footer_bg.gif) no-repeat 0 0 #FFFFF4;
	}
#footerbg ul{
	width:755px; display:block; margin:0px 0 0px 0px; padding:20px 0 0 23px; height:20px; font-size:0;
	}
#footerbg ul li{
	display:block; float:left; margin:0 ; padding:0 30px 0 26px; border-right:#ffffff 2px solid;
	}
#footerbg ul li.nobor{
	display:block; float:left; margin:0 ; padding:0 30px 0 25px; border-right:none;
	}
#footerbg ul li a{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#face12; color:#ffffff; text-decoration:none; padding:0; margin:0  ; display:block;
	}
#footerbg ul li a:hover{
	color:#FF0000; text-decoration:none;
	}
/*--------------------------Copyright Section Start--------------------*/
#copyright{
	width:780px;
	margin:0 auto;
	height:24px;
	}
#copyright p{
	width:302px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#744142; display:block; float:left;
	padding:12px 0 0 120px;
	}
#copyright p.copy{
	width:150px; font:11px/14px Verdana, Arial, Helvetica, sans-serif; color:#744142; display:block; float:left;
	padding:12px 0 0 120px;
	}

/*------------- CONTACT FORM ----------- */

#contactbody{
	width:305px;
	height:270px;
	margin:0 auto;
	padding-top:20px;
	background:none;
	}
#contact{
	width:290px; margin:0 auto 0 auto;
	}
#contact form{
	width:290px; display:block; margin:0 auto 0 auto;
	}
#contact form label{
	margin:0 12px 0px 2px; display:block; font:11px Tahoma, Helvetica, sans-serif; float:left; color:#AF7576;
	width:80px;
	}
#contact form input{
	width:190px; height:17px; margin:0 0 8px 0; padding:0; float:left;
	}
#contact form input.bu{
	background:url(images/submit.gif) no-repeat 0 0; width:59px; height:22px; margin:12px 7px 0 0px; border:none;
	cursor:pointer; display:block; float:left;
	}
#contact form input.re{
	background:url(images/reset.gif) no-repeat 0 0; width:52px; height:22px; margin:12px 0px 0 0px; border:none;
	cursor:pointer; display:block; float:left;
	}
	
#guestbook p, #guestbook div {
margin:0;
padding:0;
}

#guestbook .formr {
background-color:#3F0001;
border:1px solid #7F0002;
color:#FFFFFF;
font:11px Arial, Helvetica;
}

#guestbook {
margin-left:20px;
}

/*---LIGHTBOX---*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }