/* Global */

*{margin:0; padding:0;}

html{ padding: 0; margin: 0;}

body{ background:#000 url(images/bg.jpg) repeat-x; background-position:top center; font: 0.69em/1.5em "Trebuchet MS", Arial, Sans-serif; color: #fcfcfc;}

.hideit{ display:none;}

img{ border:0px;}

p{margin-bottom:10px;}

a{color:#ff0000;}

/* Layout */

#container{ width:1024px; min-height:200px; text-align:left; z-index: 2;}

#accordian{width:1100px; height:580px; float:left; display:block; z-index:1;}

#footer{float:left; display:block; width:440px; min-height:10px; margin:20px 0 0 20px;}

.text-box{width:400px; height:520px; padding-left:75px; overflow:auto; z-index:4;}

.logo{width:579px; height:64px; margin:20px 0 10px 20px;}

.br{margin-top:-5px; margin-right:20px; display: block; width: 37px; height: 23px; background: url(images/br-logo.png) no-repeat 0 0; float:right;}
.br:hover{background-position:0 -23px;}
.br span{display:none;}

/* Typography and styling */

#accordian h1{margin:10px 0 0 5px; font-size:14px;}

.discog{background-color:#000; padding:10px; float:left; margin:0 10px 10px 0;}

h2{font-size:18px; margin-bottom:10px;}

.quote2{font-size:18px;}

.post{width:380px; min-height:10px; float:left; display:block; margin-bottom:20px; z-index:4;}

.newsflash{color:#000; margin:0 0 20px 10px; border-top:1px solid #b4b4b4; width:585px; padding-top:10px;}
.newsflash a{color:#000;}

/* Jquery */

#accordian ul{list-style:none; margin:0; padding:0; z-index:1;}

#accordian ul li{float:left; display:block; height:580px; z-index:1;}

#accordian ul li .hover{display:block; height: 580px; width:75px; overflow:hidden; z-index:1;}

#open{width:500px; z-index:1;}

.one{background:url(images/1.png); z-index:1;}
.two{background:url(images/2.png); z-index:1;}
.three{background:url(images/3.png); z-index:1;}
.four{background:url(images/4.png); z-index:1;}
.five{background:url(images/5.png); z-index:1;}
.six{background:url(images/6.png); z-index:1;}
.seven{background:url(images/7.png); z-index:1;}
.eight{background:url(images/8.png); z-index:1;}
.nine{background:url(images/9.png); z-index:1;}

/* Jquery */

.jScrollPaneContainer {position:relative; overflow:hidden; z-index: 3;}
.jScrollPaneTrack{ position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;	background: #000;}
.jScrollPaneDrag{position: absolute;background: #fff;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;	overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;	bottom: 0;	left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 3;top: 0;	right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/	height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;	position: absolute;	z-index: 3;	bottom: 0;	right: 0;	text-indent: -2000px;	overflow: hidden;	/*background-color: #666;*/	height: 9px;}
a.jScrollArrowDown:hover {	/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {	/*background-color: #f00;*/}