/* MAIN SITE WRAPPER */
#wrapper {
	/*border: 1px solid red; */
	width: 1024px;
	margin: 0 auto; margin-bottom: 2px;
	padding: 0px;
	text-align: center;	
	background: #FFFFFF;
	position: relative;
	top: 0px;
	background:url(../images/content-bg.gif) repeat-y 0 0 #FFFFFF;
}



/* AUDIO */
#audio {
    border: 0px solid yellow;
	width: 1024px;
	height: 25px;
	margin: 0 auto; 
	padding: 0px;
	text-align: right;	
	background: #9e080a url(../images/audio.gif) top right no-repeat;
}



/* LOGO HEADER */
#logoHeader {
/*	border: 1px solid yellow; */
	width: 1024px;
	height: 156px;
	margin: 0 auto; 
	padding: 0px;
	text-align: left;	
	background: #FFFFFF url(../images/logoheader.jpg) top left no-repeat;
}

	#logoHeader h1 {
		position: relative;
		top: 0px;
		padding: 0px;
		margin: 0px;
		width: 300px;
		height: 156px;
		overflow: hidden;
		font: bold 1em verdana;
		text-transform: uppercase;
		background: #E9E8D5;
		float: left;
	}

	#logoHeader h1 span {
		position: absolute;
		left: 0;
		top: 0;
		width: 300px;
		height: 156px;
		background: transparent url(../images/logoheader.jpg) no-repeat;
	}











/* CONTENT */
#content {
	/*border: 1px solid purple; */
	width: 1024px;
	/*min-height: 700px;*/
	margin: 0 auto; margin-top: 0px;
	padding: 0px;
	text-align: center;	
	/*background:url(../images/content-bg.gif) repeat-y 0 0 #FFFFFF;*/
	background:url(../images/leftpanel-bg.jpg) no-repeat 0 100%;
	z-index:20;
	position:relative;
}



#content img {
	margin: 0px;

}



/* ===== LEFT CONTENT ====== */
#content #leftContent {
		/*border: 1px solid green;*/
		margin: 0 auto;
		padding: 0 0 740px 0;
		width: 290px;
		/*min-height: 400px;*/
		text-align: justify;
		font: normal 1.1em verdana;
		color: #675432;
		float: left;
		/*background:url(../images/leftpanel-bg.jpg) no-repeat 0 100%;*/
		position:relative;
}

a.join{
	position:absolute;
	display:block;
	text-indent:-20000px;
	background:url(../images/join.jpg) no-repeat 0 0;
	width:237px;
	height:140px;
	top:156px;
	left:0;
	}
	
a.join:hover{
	background:url(../images/join-hover.jpg) no-repeat 0 0;
	}	





/* RIGHT CONTENT - Main Content Area */

#content #rightContent {
		/*border: 1px solid purple;*/
		margin: 0 auto;
		padding: 41px 0 360px 10px;
		width: 716px;
		min-height: 400px;
		text-align: justify;
		float: right;
		background:url(../images/rightpanel-bg.gif) repeat-x 0 0;
}



/*-- Text area ----*/
	
#rightContent #textareaTop{
	background:url(../images/textarea-top.gif) no-repeat 0 0;
	height:78px;
	position:relative;
	padding:0 29px 0 0;
	}	



/*=== text area =====*/
	
#textareaTop h3{
	float:right;
	line-height:39px;
	background:url(../images/heading-bg.gif) no-repeat 0 0;
	padding:0 0 0 20px;
	}	
	
#textareaTop h3 span{
	float:right;
	height:39px;
	}	
	
#textareaBtm{
	background:url(../images/textarea-btm.png) no-repeat 0 0;
	height:68px;
	}
	
#areaBg{
	background:url(../images/area-bg.gif) repeat-y 0 0;
	float:left;
	}
	
#textarea{
	/*background:url(../images/textarea-bg.gif) no-repeat;*/
	padding:10px 96px 10px 46px;
	}	

	

#rightContent #textarea p{
	padding-bottom:10px;
	}

.imgPadding {
	padding: 0px 10px 100px 0px;
}

.imgPaddingStore {
	padding: 0px 10px 30px 0px;
}

.imgPaddingStore2 {
	padding: 0px 10px 100px 0px;
}

.imgPaddingStore3 {
	padding: 0px 10px 60px 0px;
}

.imgPaddingStore4 {
	padding: 0px 10px 130px 0px;
}



.imgBorder {
	border: 1px solid #9E0809;
	text-align: center;
	
}
	
img.vipButton{
	margin:10px 0 0 0;
	}	
	
	
#calendar {
		border: 0px solid #000000;
		width: 580px;
		font: normal 14px arial, sans-serif;
		text-align: center;
}

.padding {
		border: 1px solid yellow;
		padding-top: 15px;
}

.calendarHeader {
		border: 1px solid green;
		font: bold 16px arial, sans-serif;

}

.calendarHeader .date {
		border-bottom: 2px solid #9E080A;
}

.calendarHeader .location {
		border-bottom: 2px solid #9E080A;
}

.calendarHeader .venue {
		border-bottom: 2px solid #9E080A;
}

.calendarHeader .tickets {
		border-bottom: 2px solid #9E080A;
}



.date {
		padding-top: 10px;
		width: 150px;
}

.location {
		padding-top: 10px;
		width: 200px;
}

.venue {
		padding-top: 10px;
		width: 200px;
}

.tickets {
		padding-top: 10px;
		width: 50px;
}

/*  FOOTER  */
#footer {
	/*border: 0px solid green;*/
	margin: 0 auto;
	padding: 0px;
	width: 1024px;
	height: 100px;
	background:#000 url(../images/footerbg.jpg) no-repeat;
	position: relative;
	top: 0px;
	text-align: center;
	z-index:1000;
}



/*--- bottom Panel ---*/

#bottomPanel{
	background:url(../images/star-bg.gif) no-repeat 100% 100% #fff;
	height:345px;
	position:absolute;
	left:318px;
	top:-344px;
	width:706px;
	}
		



#footer p.copyright{
	font-size:10px;
	line-height:20px;
	padding:10px 0 0 0;
	color:#FFFFFF;
	position:absolute;
	right:12px;
	top:12px;
	z-index:500;
	}
	
#footer p.copyright a{
	color:#FFFFFF;
	text-decoration:none;
	}	
	
#footer p.copyright a:hover{
	text-decoration:underline;
	}	
	

#footer img.twitter{
	position:absolute;
	top:30px;
	left:18px;
	}
	
#footer img.facebook{
	position:absolute;
	top:26px;
	left:131px;
	}
	
#footer img.youtube{
	position:absolute;
	top:26px;
	left:241px;
	}
	
			

/* FOOTER POSITIONING - see navigation.css */



/*  CREDITS	  */
#credits {
	border: 0px solid #FF0000;
	margin: 0 auto;
	padding: 0px 0px 5px 0px; 
	width: 1024px;
	height: 15px;
	position: relative;
	top: 5px;
	font: bold 0.55em verdana;
	color: #000000; 
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	background: transparent;
}

#credits a:link {  color: #000000; text-decoration: none;}
#credits a:visited {  color: #000000; text-decoration: none;}
#credits a:focus {  color: #000000; text-decoration: none;}
#credits a:hover {  color: #900; text-decoration: none;}
#credits a:active {  color: #000000; text-decoration: none;}



/*===================*/



#rightContent #textarea a{
	color:#9E0809;
	font-weight:normal;
	text-decoration:underline;
	}
	
#rightContent #textarea a:hover{
	color:#9E0809;
	text-decoration:none;
	}	
	
#rightContent #textarea ul{
	padding:10px 0 0 0;
	}	
	
#rightContent #textarea ul li{
	background:url(../images/list-icon.gif) no-repeat 0 2px;
	padding:0 0 0 25px;
	}	
	
#rightContent #textarea ul li a{
	text-decoration:underline;
	color:#000000;
	}	
	
#rightContent #textarea ul li a:hover{
	text-decoration:none;
	color:#000000;
	}	



.list ul{
	border: 0px solid green;
	padding:10px 0 0 0;
	float: left;
	}	
	
.list ul li {
	border: 0px solid red;
	background: url(../images/list-icon.gif) no-repeat 0 2px;
	padding: 0 0 0 5px;
	}	
	
.list ul li a{
	text-decoration:underline;
	color:#000000;
	}	
	
.list ul li a:hover{
	text-decoration:none;
	color:#000000;
	}	



	
#rightContent #textarea h2{
	font-size:18px;
	line-height:21px;
	font-weight:bold;
	color:#000000;
	padding-bottom:10px;
	}
	
#rightContent #textarea h3{
	font-size:15px;
	line-height:17px;
	font-weight:bold;
	color:#9E0809;
	padding-bottom:10px;
	}	



/*--------- CSS for business card ---------------*/

#cardPanel{
	width:575px;
	padding:20px 0 0 50px;
	}



.card{
	background:url(../images/card-bg.gif) no-repeat 0 0;
	width:242px;
	height:147px;
	padding:18px 15px 0;
	float:left;
	margin-bottom:25px;
	}
	
.cardRT{
	float:right;
	}	
	
#rightContent #textarea .card h2{
	font:bold 16px/19px "Trebuchet MS", Arial, sans-serif;
	color:#9E0809;
	text-align:left;
	padding:0 0 8px 0;
	margin:0;
	}	
	
#rightContent #textarea .card h3{
	font:bold 12px/17px "Trebuchet MS", Arial, sans-serif;
	color:#071C36;
	text-align:left;
	padding:0;
	}	
		
.card p{
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#323232;
	}	
	
.card p a{
	text-decoration:none;
	color:#323232;
	}	
	
.card p a:hover{
	text-decoration:underline;
	}			
		
		
.mrgn-btm{
	margin-bottom:20px;
	}	



/* ---------------- forms -------------------  */

form.tellfriendForm{
	width:440px;
	margin:0 auto 15px auto;
	font-size:12px;
	line-height:18px;
	color:#000;
	background:transparent;
	padding:20px 40px;
	border:dashed 1px #E3E3E3;
	}			
	
form label{
	display:block;
	}
	
form .row{
	padding-bottom:15px;
	padding-top:5px;
	display:block;
	text-align:left;
	}	
	
form span.red{
	font-weight:bold;
	color:#990000;
	padding:0;
	font-size:16px;
	}

form .radio{
	margin-right:10px;
	width:13px;
	height:13px;
	}			
	
form .input{
	width:250px;
	height:14px;
	padding:3px;
	border:solid 1px #DAD2D2;
	font-size:12px;
	margin-bottom:15px;
	}	
	
form select.input{
	width:250px;
	height:20px;
	padding:0 0 0 3px;
	border:solid 1px #DAD2D2;
	font-size:12px;
	margin-bottom:15px;
	}

form textarea{
	width:432px;
	height:70px;
	padding:0 3px;
	border:solid 1px #DAD2D2;
	font-size:12px;
	margin-bottom:15px;
	}		
	
form input.submitButton{
	background:#9E0809;
	width:100px;
	height:25px;
	text-align:center;
	border:none;
	font-size:12px;
	color:#FFFFFF;
	}



/*--- added ----- */

#rightContent #textareaTopOnline{
	background:url(../images/textarea-top-onlinestore.gif) no-repeat 0 0;
	height:236px;
	position:relative;
	padding:0 29px 0 0;
	}

#textareaTopOnline h3{
	float:right;
	line-height:39px;
	background:url(../images/heading-bg.gif) no-repeat 0 0;
	padding:0 0 0 20px;
	}	
	
#textareaTopOnline h3 span{
	float:right;
	height:39px;
	}	
	
#areaBgStore{
	background:url(../images/area-bgstore.gif) repeat-y 0 0;

	}	
	



ul.listnew{
	border: 0px solid green;
	padding:10px 0 0 0;
	float: left;
	width:280px;
	}	
	
ul.listnew li {
	border: 0px solid red;
	background: url(../images/list-icon.gif) no-repeat 0 2px;
	padding: 0 0 0 5px;
	}	
	
ul.listnew li a{
	text-decoration:underline;
	color:#000000;
	}	
	
ul.listnew li a:hover{
	text-decoration:none;
	color:#000000;
	}		
	
.textareaOnlineBot { 
	margin:0 auto;
	text-align:center;
	}
	
/*---added---*/