/* BASIC PAGE STYLES */

* { margin: 0; padding: 0; }


body {
	background: #000 url(images/bgorange.jpg) no-repeat;
	background-position: top center;
	font: 12px verdana, Arial, Helvetica, sans-serif;
}

h1 { margin: 5px 0; padding: 0; font-size: 12px; font-weight: bold; }
p { margin: 15px 0; color: #fff; font-size: 13px; line-height: 18px; text-align:justify;}
.rep { margin: 0 15px 15px 15px; color: #ccc; font-size: 13px; line-height: 18px; text-align:justify;}
.dd {
	font-weight: bold;
	padding: 10px 30px 0px 0px;
	color: #fff;
}

#wrapper {
	width: 970px;
	top: 150px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative; 
	clear: both; 
}
#wrapper_div{
position: absolute; right:12px; top: 354px; width: 176px; height: 138px; padding:0;
}
#nav {
	display: block; 
	width: 970px; /* to suit but leave room for spacer */ 
	padding: 0; 
	margin: 0; 
} 
.img_class{
border:none;
}
.band_font_color{
color:#FF6600;
}
#content {
	position: absolute;
	width:750px;
	top: 380px;
	margin: 0; 
	padding: 20px; 
	margin-left: auto;
	margin-right: auto;
	background: url(images/footerbg.jpg) bottom right no-repeat;
} 
a:focus{outline:none;} 

#categorycontent {
	position: absolute;
	width:730px;
	top: 140px;
	z-index:-3;
	margin: 0; 
	padding: 20px; 
	margin-left: auto;
	margin-right: auto;
	background: url(images/footerbg.jpg) bottom right no-repeat;
} 


#home {position: absolute; left: 10px; width:130px;  height: 35px; padding:0;}
#home a{
	display: block;
	text-decoration:none;
	text-align: left;
	background-color: black;
	color: #fff;
	} 
#home li{ float: left; list-style: none; margin: 0; padding:0;}
#home li a:hover { color: #ff6600;} 

#livemusic { position: absolute; left: 90px; width: 110px; padding: 0; background: #000; z-index:1;}

#entertainers {	position: absolute; left: 195px; padding: 0;}
#entertainers a{
	display: block;
	text-decoration:none;
	text-align: left;
	background-color: black;
	color: #fff;
} 
#entertainers ul{padding: 0; height: 115px;}
#entertainers li{ position: relative; float: left; list-style: none; margin: 0; padding:0;} 

#entertainers li a{
	display: block;
	text-decoration:none;
	padding-left: 6px;
	text-align: left;
	background-color: black;
	color: #fff;
} 

#entertainers li a:hover { color: #ff6600;}
#entertainers ul ul{position: absolute; visibility: hidden;} 
#entertainers ul li:hover ul{ visibility:visible;} 


.links {
	font-family: candara, Verdana, Arial, Helvetica, sans-serif;
	display:block;
	background: #fff url(images/ddbgbit.gif) left top no-repeat;
	height:24px;
	width:134px;
	text-align:left;
	font-size:14px;
	text-decoration:none;
	text-indent: 12px;
	padding: 0 0 2px 0;
	color: #fff;

}
.links:hover {
	background:url(images/ddbgbithover.gif) left top no-repeat;
}


/* Style the menu and position list items */
ul.mainMenu {
	position: relative;
	height: 35px;
	padding: 0;
	background: #000; /* this is the top menu bar */
	clear: both;
}
ul.mainMenu li { float: left; list-style: none; }

/* Style and position links and images in second level list items */
ul.mainMenu li a {
	display: block;
	padding: 10px 10px;
	text-decoration: none;
	color: #fff;
}
ul.mainMenu li a:hover {
	color: #ff6600;
}

/* When hovering over main list items, show second level lists */
/* This is only for #menu1 */
ul.cssonly li:hover ul { display: block; }

/* Position and style second level lists and items */
ul.mainMenu ul {
	position: absolute;
	top: 35px;
	width: 970px;
	height: 72px;
	left: 0;
	padding-top: 2px;
	margin-left: -94px;
	background: #999;
	display: none; /* Hide until parent list item is hovered on */
}


ul.mainMenu ul li { padding: 0; }
ul.mainMenu ul li:last-child { border: 0; }



ul.mainMenu ul img {  }
ul.mainMenu ul span { display: block; font-size: 12px; color: #333; text-align: center;}
ul.mainMenu ul a {
	margin: 0 4px -8px 14px;
	height: 32px;
	text-align: center;
	font-size: 12px;
	padding: 8px 0 0 10px;
	font-weight: bold;
	background: #999; /* Change this b/g color for a different colored hovering box OR remove this altogether for no bg */
}

ul.mainMenu span.bandname {font-size: 12px; font-weight: normal; color: #999; text-align: centre; padding-top: 8px;}
ul.mainMenu span.smallsectiontitle {font-size: 14px; font-weight: bold; color: #999; margin-left: 10px; padding: 20px; text-align :left;}
ul.mainMenu span.sectiontitle {font-size: 14px; font-weight: bold; color: #ff6600; margin-left: 10px; padding: 20px; text-align :left;}


ul.mainMenu ul a:hover { background: #999; } /* Change this b/g color for a different colored hovering box */
ul.mainMenu ul a img { opacity: 1; border: 0; }
ul.mainMenu ul a:hover img { opacity: 1; }

/* When hovering over a list item link show the more info div */
ul.mainMenu ul a:hover span.moreinfo { display: block; }

/* 3rd level menu stuff from here down */

ul.mainMenu ul ul img { margin-left: -5px;}
ul.mainMenu ul ul a img { opacity: .4; border: 0; }
ul.mainMenu ul ul span { display: block; margin-left: 22px;}
ul.mainMenu ul: li > a {  padding: 0; }
ul.mainMenu li li a:hover {	color: #000; }


ul.mainMenu ul ul {
  	position: absolute;
	width: 970px;
	height: 300px;
  	top: 65px;
	margin-left: 0;
	background: #000 url(images/artistdropdownbg.jpg) no-repeat;
	background-position: right;
  	visibility: hidden;
}

ul.mainMenu ul ul a:hover { background: #000; } /* Change this b/g color for a different colored hovering box */

ul.mainMenu li:hover > ul {
  visibility: visible;
}

ul.mainMenu ul ul a {
	padding: 10px 0 30px 20px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	background: #000; /* Change this b/g color for a different colored hovering box */
}


/*Mouseover: display second level or third level pop-up*/

ul.mainMenu li:hover ul, ul.mainMenu li:hover li:hover ul {
  visibility: visible;
}

/* Hide third level menu when the mouse is over the first level li*/
ul.mainMenu li:hover ul ul {
	visibility: hidden;
}



/* Rounded corners */
ul.mainMenu { -webkit-border-radius: 6px; -moz-border-radius: 6px; }
ul.mainMenu ul { 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
}
div.wrapper,
ul.mainMenu ul a { -webkit-border-radius: 10px; -moz-border-radius: 10px; }

/* IE6 FIXES */
ul.mainMenu li,
ul.mainMenu li a { _float:left; _display: inline; }

#categorydiv{
position: absolute;
width:865px;
top: 80px;
z-index:-2;
height:70px;
float:left;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 630px; /*Width of Carousel Viewer itself*/
height: 280px; /*Height should enough to fit largest content's height*/
float:left;
}
 
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
 
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 638px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
 
#maindiv{
position: absolute;
top: 80px;
z-index:-1;
width:865px;
height:280px;
float:left;
}
#leftdiv{
width:225px;
height:280px;
float:left;
padding-top:30px;
}
.leftimage{
background:url(images/leftside.jpg) no-repeat;
width:225px;
height:280px;
}
 
#middlediv{
width:638px;
height:280px;
float:left;
}

#artistcontainer{
position: absolute;
width:865px;
height:280px;
float:left;
}

.button{
    color: #666666;
    font-size:14px;
    width:28px;
	height:28px;
	display:table-cell;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	padding-top:5px; background: transparent url('images/off.jpg') no-repeat;
	padding-left:5px;
 	
}
.buttonselected{
	display:table-cell;
    color: #d74901;
    font-size:14px;
    width:28px;
	height:28px;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	padding-top:5px; background: transparent url('images/off.jpg') no-repeat;
	padding-left:5px;
}


a.rollover {
    display: block;
    width: 176px;
    height: 138px;
	overflow:hidden;
    text-decoration: none;
	border: 0;
    background: url("gfx/e.jpg");
    }
a.rollover:hover {
    text-indent:-176px;
    }


.jm {
	font-size		:1em;
	line-height		:1.8em;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:justify;
	color			:#ccc;
	padding			:5px 10px 10px 5px;
	text-decoration: none;
	list-style: none;

}

.headers {
	font-size		:0.76em;
	line-height		:1.4em;
	font-weight		:bold;
	font-family		:arial, verdana, "Sans Serif";
	text-align		:justify;
	color			:#000000;
	padding			:0px 20px 0px 10px;
	text-decoration: none;
}
.jsmall {
	font-size		:10px;
	font-weight		:normal;
	font-family		:arial, verdana, "Sans Serif";
	text-align		:justify;
	color			:#000000;
	padding			:8px 20px 10px 10px;
	text-decoration: none;
	line-height: normal;
}

.j {
	font-size		:12px;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:justify;
	color			:#CCCCCC;
	text-decoration: none;
	margin-left: 6px;
	line-height: 20px;
	padding: 0 10px 10px 10px;
}
.bandname {
	font-size		:20px;
	font-weight		:bold;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:left;
	color			:#999999;
	line-height: 30px;
	padding-bottom: 6px;
	padding-top: 20px;
	text-transform: lowercase;
	text-decoration: none;

}

.small {

	font-size		:12px;
	font-weight		:normal;
	font-family		:Arial, Helvetica, sans-serif;
	text-align		:left;
	color			:#FF6600;
	padding			:10px;
	text-decoration: none;
}

.jm1just {

margin-left		:0px;
margin-top		:0px;
font-size		:0.76em;
font-weight		:normal;
font-family		:arial, verdana, "Sans Serif";
text-align		:justify;
color			:#ff6600;
text-decoration: none;
}

.marq {
	margin-left		:0px;
	font-size		:12px;
	font-weight		:normal;
	font-family		:Arial, Helvetica, sans-serif;
	text-align		:center;
	color			:#CC9900;
	padding			:5px 5px 5px 5px;
}

.more {
	font-size		:0.68em;
	font-weight		:normal;
	font-family		:Arial, Helvetica, sans-serif;
	text-align		:justify;
	color			:#FF0000;
	text-decoration: none;
	font-style: normal;
	text-transform: none;
}
.price {

	font-size		:0.68em;
	font-weight		:normal;
	font-family		:Arial, Helvetica, sans-serif;
	text-align		:justify;
	color			:#FF6600;
	text-decoration: none;
	font-style: normal;
	text-transform: none;
}

.others {
	font-size		:10px;
	font-weight		:normal;
	font-family		:Arial, Helvetica, sans-serif;
	text-align		:left;
	color			:#FF3300;
	list-style-position: outside;
	list-style-type: disc;
	line-height: normal;
	text-decoration: none;
}
.jm2 {

font-size		:12px;
font-weight		:normal;
font-family		:arial, verdana, "Sans Serif";
text-align		:left;
color			:#CCCCCC;
text-decoration: none;
}

.sponsor {
	font-size		:10px;
	font-weight		:normal;
	font-family		:Arial, Helvetica, sans-serif;
	text-align		:left;
	color			:#333333;
	text-decoration: none;
	font-style: normal;
	text-transform: none;
	padding-left: 3px;
}
.key {
	font-size		:10px;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:justify;
	color			:#666666;
	padding			:5px 10px 0px;
	text-decoration: none;
	line-height: 18px;

}
.jasey {
	font-size		:14px;
	font-weight		:normal;
	font-family		:Arial, Helvetica, sans-serif;
	text-align		:right;
	color			:#FF3300;
	text-decoration: none;
	line-height: 20px;
	padding-top: 10px;
	padding-right: 80px;
	padding-bottom: 10px;



}
.similarartists {
	font-size		:11px;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:justify;
	color			:#666666;
	text-decoration: none;
	line-height: 20px;
	text-transform: lowercase;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
}

.left {
	font-size		:11px;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:left;
	color			:#666666;
	padding			:0px 14px 10px 0px;
	text-decoration: none;
	line-height: 18px;
}

.left li {list-style: none;
}
.left:hover {
	color: #ff6600;
}

.areas {
	font-size		:9px;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:right;
	color			:#666666;
	text-decoration: none;
	line-height: 20px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-transform: lowercase;


}
.jaseysays {

	font-size		:10px;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:left;
	color			:#999999;
	padding			:0px 20px 0px 0px;
	text-decoration: none;
	line-height: 12px;
}
.enq {
	font-size		:10px;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:left;
	color			:#CCCCCC;
	text-decoration: none;
	line-height: 14px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 40px;


}
.enqtext {
	font-size		:11px;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:left;
	color			:#330000;
	text-decoration: none;
	line-height: normal;
	padding: 0px;

}
.box {
	font-size		:9px;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:left;
	color			:#333333;
	text-decoration: none;
	line-height: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	border: none;
	background-color: #F2F2F2;


}
.audiobox {
	font-size		:9px;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:left;
	color			:#333333;
	text-decoration: none;
	line-height: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px dashed #ffeaca;
	background-color: #ffeaca;

}
.leftmarq {


	font-size		:10px;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:left;
	color			:#666666;
	padding			:20px 40px 10px;
	text-decoration: none;
	line-height: 20px;
}
.top {

	font-size		:11px;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:right;
	color			:#FF3300;
	padding			:0px;
	text-decoration: none;
}
.artist {

	font-size		:10px;
	font-weight		:bold;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:center;
	color			:#FF6600;
	padding			:0px 20px 0px 10px;
	text-decoration: none;
	text-transform: none;
}
.audiotext {


	font-size		:11px;
	font-weight		:bold;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:center;
	color			:#CC3300;
	padding			:0px 20px 0px 10px;
	text-decoration: none;
}

.footerbit {
	background: url(images/footerbg.jpg) no-repeat;
	background-position: bottom right;
}
.footerlinks {
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size:12px;
	line-height: 20px;
	text-decoration:none;
	color: #cccccc;
	font-weight: normal;
	text-transform: capitalize;


}
.footerlinks:hover {
	text-decoration: underline;
	color: #ff6600;
}

.audio {
	font-size		:10px;
	font-weight		:bold;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:left;
	color			:#FF6633;
	text-decoration: none;
	line-height: normal;
	padding: 0 10px 0px;

}
.menuin {
	font-size		:1em;
	line-height		:1.8em;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:justify;
	color			:#ccc;
	padding			:0px 0px 10px 30px;
	text-decoration: none;
	list-style: none;

}

.menubox {

	font-size		:1em;
	line-height		:1.8em;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:justify;
	color			:#ccc;
	padding			:0px 0px 10px 30px;
	text-decoration: none;
	list-style: none;
}

/* accordion styling here */

#tabMenu {margin:0;padding:0; list-style:none;}
#tabMenu li {float:left;height:32px;width:90px; cursor:pointer;cursor:hand;}
 
#tabMenu li.repertoire {background:url(images/tabRepertoire.png) no-repeat 0 -32px;}
#tabMenu li.artistinfo {background:url(images/tabArtistinfo.png) no-repeat 0 -32px;}
#tabMenu li.enquire {background:url(images/tabEnquire.png) no-repeat 0 -32px;}
#tabMenu li.feedback {background:url(images/tabFeedback.png) no-repeat 0 -32px;}
#tabMenu li.similar {background:url(images/tabSimilar.png) no-repeat 0 -32px;}

#tabMenu li.info {background:url(images/tabInfo.png) no-repeat 0 -32px;}
#tabMenu li.props {background:url(images/tabProps.png) no-repeat 0 -32px;}
#tabMenu li.ents {background:url(images/tabEnts.png) no-repeat 0 -32px;}

#tabMenu ul.similar{font-size:1em;}
 
#tabMenu li.mouseover {background-position:0 0;}
#tabMenu li.mouseout {background-position:0 -32px;}
#tabMenu li.selected {background-position:0 0;}
 
.box {width:490px; min-height:700px;}
.boxTop {height:30px; background-color:#fff; background-image: url(images/menuboxbit.jpg); clear:both;}
*html .boxTop {margin-bottom:-2px;}
.boxBody {background-color:#000; padding-left: 10px;}
.boxBottom {height:18px; background-color:#000;}
 
.boxBody div {display:none;}
.boxBody div.show {display:block;}
.boxBody #category a {display:block;}
 
.boxBody div ul {margin:0 10px 0 25px;padding:0; font-size:1em; line-height:1.8em; list-style-type: none; background-color:#000;}
*html .boxBody div ul {margin-left:10px;padding-left:15px;}
.boxBody div li {padding:4px 0; cursor:hand;cursor:pointer;}
.boxBody div ul li.last {border-bottom:none; font-size:1em; line-height:1.8em;}

/* IE Hacks */  
*html .boxTop {margin-bottom:-2px;}   
*html .boxBody div ul {margin-left:10px;padding-left:15px; font-size:1em; line-height:1.8em;}   
 
 
.audio-table th, .audio-table td
{
  border-bottom-style: dashed; border-bottom-color: #333; border-width: thin;
  color: #ff6633;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-left: 4px;
}

.audio-table a:link {color: #ff6633; text-decoration: none;}
.audio-table a:hover {color: #fff;}
.audio-table th[scope=row]
{
  background-color: #000000;
}

.audio-table tr:hover th[scope=row], .audio-table tr:hover td
{
  background-color: #282828;
}


 
.menubox {

	font-size		:1em;
	line-height		:1.8em;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:justify;
	color			:#ccc;
	padding			:20px 20px 10px 20px;
	text-decoration: none;
	list-style: none;
}
  
 
.formsmall {
	font-size		:12px;
	font-weight		:normal;
	font-family		:Arial, Helvetica, sans-serif;
	text-align		:left;
	color			:#CCCCCC;
	text-decoration: none;
	background-color: #333333;
	line-height: 20px;
	padding: 2px;
	border: #666666;

}
.formsmalldd {

	font-size		:12px;
	font-weight		:normal;
	font-family		:Arial, Helvetica, sans-serif;
	text-align		:left;
	color			:#FF6600;
	text-decoration: none;
	background-color: #333333;
	border: #666666;
	line-height: 16px;
} 
 
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
	
.news {
	font-size		:10px;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:left;
	color			:#FF6600;
	padding			:4px 0px;
	text-decoration: none;
	line-height: 14px;
	background-color: #000000;
	border: #666666;


}
.jorange {

	font-size		:12px;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:justify;
	color			:#FF6600;
	text-decoration: none;
	line-height: 20px;
	padding: 0 0px 10px 10px;
}
.jw {
	font-size		:12px;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:justify;
	color			:#CCCCCC;
	text-decoration: none;
	line-height: 20px;
	padding: 0;
	margin: 0px;

}
.bandlist {
	font-size		:11px;
	font-weight		:normal;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	text-align		:justify;
	color			:#CCCCCC;
	text-decoration: none;
	line-height: 16px;
	margin: 0;
	padding: 6px;
}
.bandlist a:hover {background: url(images/bandlistbg.gif) no-repeat right;}
.linkspage {

	font-size		:10px;
	font-weight		:normal;
	font-family		:Arial, Helvetica, sans-serif;
	text-align		:left;
	color			:#CCCCCC;
	text-decoration: none;
	font-style: normal;
	text-transform: none;
}
.bgout {
background-image: url(images/bandlistbgoff.gif);
}
.bgover {
background-image: url(images/bandlistbg.gif);
}