/*Pink Floyd Stylesheet*/

html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	min-height: 100%;	
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	top:0;
	color: #FFFFFF;
	font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#000000; /*color background - only works in IE */
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow:auto; /*get rid of scroll bars in IE */
	/* */
}

body {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	min-height: 100%;
	overflow:hidden; /*get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0 auto; /* remove margins */
	border:0; /* remove borders */
}

#content { 
	width: 100%;
	height:100%;
	margin: 0 auto;
	padding-top: 50px;
	overflow:auto; /* add scroll bars as required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:1; /* allocate a suitable z-index */
	text-align:center;
}

#fullheight{height:100%};

td,th {
	color: #FFFFFF;
}

a, a:link, a:active, a:visited {
	text-decoration:none;
	color:#c9252b;
}

a:hover {text-decoration:underline;}

.bgimage {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.header { 
	position: absolute; 
	width: 100%;
	height: 62px;
	top: 0;
	margin: 0 auto;
	background:url(../images/bkgd_headerbar.png) top center repeat-x;
	z-index:4;
}

.hdrtest { width: 800px; height: 30px; margin-left: auto ; margin-right: auto ; }

.dataBox a { 
	width: 53px;
	height: 52px; 
	margin-left: 20px;
	margin-top: 10px;
	float:left; 
	background: url(../images/btn_data.png);
	background-repeat:no-repeat;
}

.dataBox a:hover {background: url(../images/btn_data.png) 0 52px;}

.Aplayer { width: 365px; float: left; margin: 10px 10px 0px 10px; }

.wallimg { width: 250px; float: left; margin: 5px 10px 0px 5px; }

.facebook a {
	float: left;
	width: 40px;
	height: 30px;
	margin: 0px 5px;
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;	
	background: url(../images/icon_facebook.png) 0 -10px;
}

.facebook a:hover {
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
	text-decoration:none;
}

.youtube a {
	float: left;
	width: 40px;
	height: 30px;
	margin: 0px 5px;
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;	
	background: url(../images/icon_youtube.png) 0 -10px;
}

.youtube a:hover {
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
	text-decoration:none;
}

.twitter a {
	float: left;
	width: 40px;
	height: 30px;
	margin: 0px 5px;
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;	
	background: url(../images/icon_twitter.png) 0 -10px;
}

.twitter a:hover {
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
	text-decoration:none;
}

.rss a {
	float: left;
	width: 40px;
	height: 30px;
	margin: 0px 5px;
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;	
	background: url(../images/icon_rss.png) 0 -10px;
}

.rss a:hover {
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
	text-decoration:none;
}

.signup a {
	float: left;
	width: 40px;
	height: 30px;
	margin: 0px 5px;
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;	
	background: url(../images/icon_newsletter.png) 0 -10px;
}

.signup a:hover {
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
	text-decoration:none;
}

.sitemap a {
	float: left;
	width: 40px;
	height: 30px;
	margin: 0px;
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;	
	background: url(../images/icon_sitemap.png) 0 -10px;
}

.sitemap a:hover {
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
	text-decoration:none;
}

.audiop a {
	float: left;
	width: 40px;
	height: 30px;
	margin: 0px 5px;
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;	
	background: url(../images/icon_audio.png) 0 -10px;
}

.audiop a:hover {
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
	text-decoration:none;
}


#footer { 
	position: absolute; 
	width: 100%;
	height: 48px;
	bottom: 0;
	margin: 0 auto;
	padding-bottom: 9px;
	z-index:5;
}

#arrowbox { 
	width: 26px;
	height: 30px; 
	margin: 0 0 0 40px; 
	float: left; 
}

#backarrow { 
	width: 26px;
	height: 30px; 
	margin: 0 0 0 40px; 
	float: left; 
}

#forwardarrow { 
	width: 26px;
	height: 30px; 
	margin: 0 0 0 10px; 
	float: left; 
}

#storeBox { 
	width: 40px;
	height: 38px; 
	margin: 0 40px 0 0;
	float: right; 
}

/****************************
  MAIN PAGE LAYOUT STYLES
****************************/ 

.centerbox { 
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	margin-bottom: 25px;
}

.box01 { 
	float: left;
	/*width: 250px;*/
	margin-right: 50px;
	margin-bottom: 25px;
	border: solid 1px #fff;
}

.box02 { 
	float: left;
	/*width: 250px;*/
	border: solid 1px #fff;
}
.box03 { 
	float: left;
	/*width: 250px;*/
	border: solid 1px #fff;
}

.box2sub { 
	float: left;
	height: 60px;
	margin-bottom: 10px;
	
	/*width: 250px;*/
}

.mright200 { margin-right: 200px; }
.width50 { width: 50px; }
.width100 { width: 100px; }
.width150 { width: 150px; }
.width175 { width: 175px; }
.width200 { width: 200px; }
.width250 { width: 250px; }
.width300 { width: 300px; }
.width350 { width: 350px; }
.width400 { width: 400px; }
.width450 { width: 450px; }
.width500 { width: 500px; }
.width700 { width: 700px; }
.width750 { width: 750px; }
.width800 { width: 800px; }

.pressicon { 
	width: 88px;
	margin: 25px 0px 0px 57px;
}

.iconboxleft {
	margin-right: 10px;
	float: left;
	text-align: left;
}

.iconboxmiddle {
	float: left;
}

.iconboxright {
	float: left;
}

.iconbox {
	height: 60px;
	text-align: left;
	margin-bottom: 5px;
	/*border: solid 1px #fff;*/
}

.icon {
	float: left;
	width: 60px;
	height:60px;
	/*margin: 5px;*/
}

.icon a {
	float: left;
	width: 60px;
	height:60px;
	/*margin: 5px;*/
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
}

.icon a:hover {
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
	text-decoration:none;
}

.icontext {
	height: 50px;
	color: #FFFFFF;
	float: left;
	margin-left: 8px;
	padding-top: 15px;
}

.icontext a {
	/*height: 60px;
	float: left;
	margin-left: 5px;
	padding-top: 5px;*/
	color: #FFFFFF;
	font:normal 24px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:left;
}

.icontext a:hover {
	color: #ffff00;
	text-decoration:none;
}

.icontext a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.icontext a:visited {
	color: #FFFFFF;
	text-decoration: none;
}


#icon a {
	width: 60px;
	height:60px;
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
	float: left;
}

#icon a:hover {
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
	text-decoration:none;
}

#icontext a {
	color: #FFFFFF;
	font:normal 24px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:left;
	float: left;
}

#icontext a:hover {
	color: #ffff00;
	text-decoration:none;
}

/****************************
  DISCOGRAPHY
****************************/ 

.hide { display: none; }
.h4 { font-size:16px; color:#3399cc; font-weight: bold; display:inline; }
.h5 { font-size:14px; color:#ffffff; font-weight: normal; }
.h6 { font-size:14px; color:#333333; font-weight: normal; }
.h7 { font-size:26px; color:#666667; font-weight: bold; display:inline; }
.h8 { font-size:18px; color:#666667; font-weight: bold; display:inline; }
.h9 { font:normal 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333; display:inline; }
.h10 { margin-bottom: 5px; 	color: #fff; font:bold 24px/30px "Arial", Trebuchet MS, Helvetica, sans-serif; text-align:left; }


.albumContent {
	color: #666667;
	font:normal 12px/18px "Arial", Trebuchet MS, Helvetica, sans-serif;
}
.doubleContent {
	color: #666667;
	font:normal 12px/16px "Arial", Trebuchet MS, Helvetica, sans-serif;
}


/****************************
  SITEMAP
****************************/ 

#sitemapbox { 
	width: 600px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	margin-bottom: 25px;
	border: solid 1px #000;
	padding:30px;
	background:#f7f7ee url(../images/sitemap_bkgd.jpg) repeat;
	font:normal 12px/16px "Arial", helvetica, sans-serif;
	color: #555555;
	text-align: left;
}

.phase2 { color:#999999; display:inline; }

.sitemaplist, .sitemaplist ul, .sitemaplist li{
	margin:0;
	padding:0;
/*	list-style:disc;*/
}

.sitemaplist li{
	line-height:200%;
	margin-top:1px;
	text-indent:30px;
	font:normal 14px/21px "Arial", helvetica, sans-serif;
	color: #a1a1a1;
}

/*.sitemaplist li a, .sitemaplist li li a { color: #3399cc; }*/
.sitemaplist li ul, .sitemaplist li li{
	text-indent: 35px;
	margin-left: 20px;
	width: auto;
	font-weight: normal;
	line-height:175%;
}

.sitemaphdr {
	font:normal 14px/21px "Arial", helvetica, sans-serif;
	color: #999999;
}

/****************************
  CONTAINERS
****************************/ 

#wrapper_Albums { 
	width: 100%;
	height:100%;
	margin: 0 auto;
	padding-top: 50px;
	overflow:auto; /* add scroll bars as required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:1; /* allocate a suitable z-index */
	text-align:center;
	background-color: #DCD4CD;
}

#wrapper_Singles { 
	width: 100%;
	height:100%;
	margin: 0 auto;
	padding-top: 50px;
	overflow:auto; /* add scroll bars as required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:1; /* allocate a suitable z-index */
	text-align:center;
	background-color: #C1DFE9;
}

#centered_container {
	margin: 0px auto; 
	align:center; 
	width:890px; 
	margin-bottom: 40px;
	/*border:1px solid #aea866;*/
}

#left_panel {
	float:left; 
	width:600px; 
	min-height: 800px;
	margin: 0; 
}

#middle_panel {
	float: left; 
	width: 35px;
	height: 600px;
	/*margin: 0px 10px 0px 10px; */
	margin: 0; 
}

#right_panel {
	float:left; 
	width:250px; 
	margin: 0; 
}

#wrapper_news { 
	width: 100%;
	height:100%;
	margin: 0 auto;
	padding-top: 80px;
	overflow:auto; /* add scroll bars as required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:1; /* allocate a suitable z-index */
	text-align:center;
	background-color: #fffbd0;
}

#wrapper_store { 
	width: 100%;
	height:100%;
	margin: 0 auto;
	padding-top: 80px;
	overflow:auto; /* add scroll bars as required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:1; /* allocate a suitable z-index */
	text-align:center;
	background-color: #000000;
}

#storebox2 { 
	width: 620px;
	height: 250px;
	background:url(../images/storebox.png) top center no-repeat;
	margin: 0px auto;
}

/****************************
  BIOGRAPHY
****************************/ 

#biographybox {
	width: 700px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin: 60px 1px 20px 335px;
	padding:5px 5px 5px 50px;
	font:normal 12px/16px "Arial", helvetica, sans-serif;
	color: #555555;
	text-align:justify;
}

.biobandbox {
	width: 850px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 30px;
	padding-right:20px;
	text-align:left;
	overflow:auto;
}

#biohdr { 
	margin-bottom: 5px;
	color: #fff;
	font:bold 24px/30px "Arial", Trebuchet MS, Helvetica, sans-serif;
	text-align:left;
}

.biotext { 
	margin: 0 0 50px 0;
	text-align:left;
	font:normal 15px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#333333; 
	display:inline;
}

/****************************
  PAGE TITLE, PAGE CONTROLS
****************************/ 

.page_title {
	float: left; font-size:22px; color:#4297ff; text-align:left; width:600px; height:25px; margin:0px; padding: 0px;
}


.page_title a {
	font-size:12px; color:#4297ff; text-decoration:none;
}

.page_title span {
	font-size:12px; color:#727272;
}

.page_path {
	font-size:12px; color:#727272; text-align:left; width:600px;
}

.page_path  a { font-size:12px; color:#4297ff; }
.page_path a:link {text-decoration: none}
.page_path a:visited {text-decoration: none}
.page_path a:active {text-decoration: none}
.page_path a:hover {text-decoration: none;}

.page_controller {
	width:610px; position: relative; float:left; list-style-position: inside; list-style: none; display: block; padding: 40px 0px 0px 0px; margin: 0px;
}

.page_controller li {
	text-align: center; font-size: 12px; color: #727272; float:left; padding-left: 5px; padding-right: 5px; display: block; height: 26px; line-height: 26px;
}

.page_controller a {
	font-size: 12px; color: #727272; text-decoration:none;
}

.page_controller a:hover {
	color: #3399cc; text-decoration:underline;
}

.page_controller_num:hover {
 background-color: #EEEEEE;
}

#page_controller_stat {
	 width: 250px; float:right; text-align: right;
}

.page_controller_selected {
	background-color: #000000; font-size:12px; color:#FFFFFF; text-decoration:none;
}

.page_controller_wide {
	 position: relative; float: left; list-style-position: inside; list-style: none; display: inline; padding: 0px; margin-top: 40px; margin-left: 20px;
}

.page_controller_wide li {
	float: left; width:130px; height:28px; background-color:#6D6D6D; display: block;
}

.page_controller_wide li  a {
	font-size:12px; color:#ffffff; font-weight:bold; line-height:28px; text-decoration: none;
}

#page_info {
	font-size:12px; color:#727272; width: 640px; height:28px; text-align:center; margin: 0px; line-height:28px; background-color:#FFFFFF;
}


/****************************
  NEWS
****************************/ 

#news_panel_title {
	text-align:left; width:627px; height:40px;	font-family:tahoma; font-size:14px; color:#727272; font-weight: bold;
}

.news  a { font-size:12px; color:#3399cc; font-weight:bold;}
.news a:link {text-decoration: none}
.news a:visited {text-decoration: none}
.news a:active {text-decoration: none}
.news a:hover {text-decoration: underline;}

.news {
	cursor:pointer;
    padding: 0px;
	margin: 10px 0px 0px 0px;
	width:600px;
	list-style-position: inside;
	list-style: none; 
	float:left; 
	display: block;
}

.news li:hover {
    background-color: #EEEEEE;
}

.news li { padding-top: 10px; padding-left: 10px; border-bottom: 1px solid #EEEEEE; float:left; height:125px; text-align: justify; font-size:12px; color:#727272; line-height: 19px; display: block; background-image: url('../images/img_bg.gif'); background-repeat: no-repeat; background-position: 10px 10px;}

.news img { border: 0px; float: left; width:90px; height:90px; padding-top: 3px; padding-left: 3px; margin-right: 13px;}

.news_text {
	position:relative; float:left; padding-left:10px; padding-top:10px; width:475px; height:96px; text-align: justify; line-height: 19px;
}

.news span {
	font-size:11px; color:#727272; display:inline;
}


/* * * * * HISTORY * * * * */

#booksImg {
	width: 240px;
	margin: 10px 20px 20px 10px;
	font:normal 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	float:left;
}

#booksHdr {
	color: #c9252b;
	font:bold 14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	text-transform:uppercase;
}

.bookstext {
	height: 50px;
	color: #FFFFFF;
	/*font-weight: bold;*/
	float: left;
	margin-left: 8px;
	padding-top: 6px;
}

.bookstext a {
	color: #FFFFFF;
	font:normal 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:left;
	float: left;
}

.bookstext a:hover {
	color: #FFFF00;
	text-decoration:none;
}

#booksText {
	width: 460px;
	margin: 10px 10px 20px 0px;
	color: #666666;
	font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	float:left;
	min-height: 300px;
}

#bookline {
	width: 725px;
	height: 10px;
	margin: 10px 10px 0px 10px;
	text-align:center;
	float:left;
}

#bookIconBoxHdr {
	width: 725px;
	margin: 0px 0px 20px 10px;
	color: #666666;
	font:bold 14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	text-transform:uppercase;
	float:left;
}

#bookIconBox {
	width: 111px;
	margin: 0px 0px 20px 10px;
	color: #666666;
	font:normal 10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	float:left;
; clip:  rect(   )}

#bookIconBoxOn {
	width: 111px;
	margin: 0px 0px 20px 10px;
	color: #666666;
	font:normal 10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	float:left;
	filter:alpha(opacity=50);
    -moz-opacity: 0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
}

/* * * * * GIG LIST * * * * */

#wrapper_giglist { 
	width: 100%;
	height:100%;
	margin: 0 auto;
	padding-top: 80px;
	overflow:auto; /* add scroll bars as required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:1; /* allocate a suitable z-index */
	text-align:center;
	/*background-color: #29384D;*/
}

#gboxcontainer{
	width: 600px; 
	margin-left: auto;
	margin-right: auto;
}

#gboxtop { width: 600px; height: 56px; padding-left: 36px; text-align: left; }

#gboxleft { float:left; width: 101px; height: 433px; background: url(../music/images/giglist_bkgd_left.png) top left no-repeat; }

#gigdate { 
	width: 101px;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #06141d;
	font:bold 36px "Arial", Helvetica, sans-serif;
	text-align: center;
	letter-spacing: -4px;
}

#gboxcontent{
	float:left; 
	width: 499px; 
	height: 433px;
	padding: 0;
	text-align: left;
	background: url(../music/images/giglist_bkgd_right.png) top left no-repeat;
}

#giglist_contentbox { 
	width: 440px;
	height: 380px;
	margin: 20px 0px 10px 20px;
	color: #c6c3be;
	font:normal 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	overflow:auto;
}

.giglistyear { color: #be5200; font: bold 24px/30px; }
.giglisthdr { color: #be5200; font-weight: bold; }

#giglist_datebox a { 
	margin-right: 10px;
	float:right;
	color: #4e5763;
	font:normal 14px/20px "Arial", Helvetica, sans-serif;
	text-align:right;
}

#giglist_datebox a:hover { 
	text-decoration:none;
	color:#69707b;
}


/* * * * * TIMELINE * * * * */

#wrapper_timeline { 
	width: 100%;
	height:100%;
	margin: 0 auto;
	padding-top: 39px;
	overflow:auto; /* add scroll bars as required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:1; /* allocate a suitable z-index */
	text-align:center;
	background-color: #221f1f;
}

#tboxcontainer{
	width: 825px; 
	margin-left: auto;
	margin-right: auto;
}

#tboxleft { float:left; width: 145px; height: 420px; }


#tboxcontent{
	float:left; 
	width: 655px; 
	height: 390px;
	padding: 20px 0px 20px 20px;
	text-align: left;
	background: url(../history/images/timeline_bkgd.png) top left no-repeat;
}

#timeline_homebox { 
	width: 84px;
	height: 150px;
	margin: 0;
	padding-top: 5px;
	text-align:center;
	background: url(../history/images/timeline_goldbox.png) top left no-repeat;
}

#timeline_homebox a { 
	text-decoration:none;
	color:#515152;
}

#timeline_arrowbox { 
	width: 26px;
	height: 20px;
	margin-left: 25px;
	padding: 0;
}

#timeline_box { 
	height: 430px;
	margin: 0;
	top:0;
	vertical-align:top;
}

#timeline_bigredbox { 
	width: 145px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#timeline_datebox { 
	margin: 5px;
	float:right;
	color: #BCBEC0;
	font:normal 18px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
}

#timeline_datebox a { 
	text-decoration:none;
	color:#ffffff;
}

#timeline_datebox a:hover { 
	text-decoration:none;
	color:#c9252b;
}

.sh60 { padding-top: 6px; }
.sh70 { padding-top: 32px; }
.sh80 { padding-top: 55px; }
.sh90 { padding-top: 78px; }
.sh00 { padding-top: 102px; }
.sh10 { padding-top: 126px; }

#timeline_contentbox { 
	width: 600px;
	height: 350px;
	margin: 0;
	padding-right: 15px;
	color: #000;
	font:normal 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	overflow:auto;
}


#timeline_spacer { 
	height: 10px;
	margin: 0;
}

#backroombox { 
	width: 600px;
	height: 400px;
	margin: 0;
	color: #86BC31;
	font:normal 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	overflow:auto;
	padding-right: 10px;
}

#backroomhdr { 
	color: #CCEAE4;
	font:bold 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}



/* * * * * SONGS * * * * */

#wrapper_songsAE { 
	width: 100%;
	height:100%;
	margin: 0 auto;
	padding-top: 50px;
	overflow:auto; /* add scroll bars as required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:1; /* allocate a suitable z-index */
	text-align:center;
	background-color: #573A57;
}

#wrapper_songsFJ { 
	width: 100%;
	height:100%;
	margin: 0 auto;
	padding-top: 50px;
	overflow:auto; /* add scroll bars as required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:1; /* allocate a suitable z-index */
	text-align:center;
	background-color: #421D2C;
}

#wrapper_songsKO { 
	width: 100%;
	height:100%;
	margin: 0 auto;
	padding-top: 50px;
	overflow:auto; /* add scroll bars as required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:1; /* allocate a suitable z-index */
	text-align:center;
	background-color: #2C222C;
}

#wrapper_songsPT { 
	width: 100%;
	height:100%;
	margin: 0 auto;
	padding-top: 50px;
	overflow:auto; /* add scroll bars as required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:1; /* allocate a suitable z-index */
	text-align:center;
	background-color: #4D3E2B;
}

#wrapper_songsUZ { 
	width: 100%;
	height:100%;
	margin: 0 auto;
	padding-top: 50px;
	overflow:auto; /* add scroll bars as required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:1; /* allocate a suitable z-index */
	text-align:center;
	background-color: #201A08;
}

#songtext { 
	margin: 0;
	color: #fff;
	font:normal 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
}

#songtext a { 
	margin: 0;
	color: #fff;
	font:normal 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
}

#songtext a:hover { 
	color:#c9252b;
}

#television { 
	width: 190px;
	height: 452px;
	margin: 0;
	padding-top: 50px;
	padding-left: 75px;
	background: url(../films/images/bkgd_tv_box.png) top left no-repeat;
	color: #97abb3;
	font:bold 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
}

#television a { 
	color: #385c6c;
	text-decoration: none;
}

#television a:hover { 
	color: #fff;
}

#wrapper_tvBox { 
	width: 100%;
	height:100%;
	margin: 0 auto;
	padding-top: 50px;
	overflow:auto; /* add scroll bars as required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:1; /* allocate a suitable z-index */
	text-align:center;
	background-color: #06151D;
}

#tvBox { 
	width: 688px;
	height: 452px;
	margin: 0;
	padding: 0;
	background: url(../films/images/bkgd_tv_box2.png) top left no-repeat;
	text-align:left;
}

#tvBox1 { 
	width: 50px;
	margin-top: 50px;
	margin-left: 50px;
	color: #97abb3;
	font:bold 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	float:left;
}

#tvBox1 a { 
	color: #385c6c;
	text-decoration: none;
}

#tvBox1 a:hover { 
	color: #fff;
}

#tvBox2 { 
	width: 460px;
	height: 380px;
	margin-left: 90px;
	margin-top: 40px;
	color: #97abb3;
	font:normal 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	float:left;
	overflow:auto; /* add scroll bars as required */
}

#tvTextHdr { 
	margin: 0;
	color: #368f95;
	font:bold 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	width: 415px;
}

#tvTextdate { 
	width: 35px;
	margin: 0;
	color: #97abb3;
	font:bold 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	float:left;
}

#tvText { 
	margin-bottom: 15px;
	color: #97abb3;
	font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	float:left;
	width: 400px;
}

#album a {
	width: 100px;
	height:100px;
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#album a:hover {
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
	text-decoration:none;
}

#singlescontainer {
	width: 820px;
	height: 460px;
	margin: 0;
	padding: 0;
}

#singles a {
	width: 100px;
	height:100px;
	border:#fff solid thin 1px;
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#singles a:hover {
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
	text-decoration:none;
}

#bandcontainer {
	width: 820px;
	height: 460px;
	margin: 0;
	padding: 0;
}

#bandphotos a {
	width: 100px;
	height:100px;
	border:#fff solid thin 1px;
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#bandphotos a:hover {
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
	text-decoration:none;
}

.posterbox {
	width: 100px;
	height: 100px;
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
}

.posterbox a {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.posterbox a:hover {
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
}

#roughscontainer {
	width: 500px;
	height: 250px;
	margin: 0;
	padding: 0;
}

#roughs a {
	width: 50px;
	height: 50px;
	border:#fff solid thin 1px;
	margin: 0 5px 5px 0;
	padding: 0;
	float: left;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#roughs a:hover {
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
	text-decoration:none;
}

#graphica a {
	width: 50px;
	height: 50px;
	border:#fff solid thin 1px;
	margin: 0 5px 5px 0;
	padding: 0;
	float: left;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#graphica a:hover {
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
	text-decoration:none;
}

.faqs {
	width: 600px;
	height: 450px;
	margin: 0;
	/*padding-right: 15px;*/
	overflow:auto; /* add scroll bars as required */
}

.faqsQ {
	width: 550px;
	margin-bottom: 10px;
	color: #cccc6c;
	font:bold 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	float:left;
	text-transform: uppercase;
}

.faqsA {
	width: 550px;
	margin-bottom: 20px;
	color: #00b6df;
	font:normal 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	float:left;
}

#stagesWall a {
	width: 115px;
	height:115px;
	border:#fff solid thin 1px;
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#stagesWall a:hover {
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
	text-decoration:none;
}



#page-wrap { position: relative; width: 300px; margin: 100px auto; padding: 20px; background: white;}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	z-index:-1;
}
		
@media screen and (max-width: 1024px){
img.bg {
	left: 50%;
	margin-left: -512px; }
}

h5.trigger {
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
	font:normal 18px "Arial", helvetica, sans-serif;
	float: left;
}
h5.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h5.trigger a:hover { color: #FF9; }
h5.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0 0 0 10px;
	overflow: hidden;
	font:normal 14px "Arial", helvetica, sans-serif;
	clear: both;
	color: #fff;
}
.toggle_container .block {
	padding: 10px; /*--Padding of Container--*/
}