@charset "UTF-8";
/* CSS Document */

/* clear default styles */
html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a { 
margin: 0; 
padding: 0; 
border: 0; 
}

body {
	background-color: #1fc5d1;
 	font:normal 11px "Lucida Grande", Tahoma, Arial, sans-serif; 
 	}


#header {
	height:125px;
	width:850px;
	margin:0 auto;
	font-size:12px;
	margin-top:0px;
	//xborder: 1px solid red; 
	}

#header #gohome {
	background-image:url(images/GBN_logo_topLeft.gif);
	background-repeat:no-repeat;
	height:113px; width:300px; 
	float:left;
}

#gohome a {
display:block;
height:100px; width:170px; 
text-indent: -9999px;
}
	
#footer {
	height:125px;
	width:850px;
	margin:0 auto;
	text-align: center;
	//xborder: 1px solid green;
	}
	
#footerline {
	height:3px;
	width:2000px;
	margin:0 auto;
	//xborder: 1px solid green;
	background: url("images/footer_line.gif") 0px 0px repeat-x;
	background-position: 300px 0 0 0 ;
	}

	
p#sayHi {
	display:block;
	float: left;
	width: 98px; 
	height: 68px;
	color: blue;
	margin: 3px 0px 0 60px;
	background: url("images/footer_sayHi.gif") 0px 0px no-repeat;
	text-indent: -99999px;
	}	

#footer img {
	display:block;
	float: left;
	margin: 3px 0px 0 0px;
	
	}	
	
.credit a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 15px;
	color: white; 
	margin:27px 10px 0 10px; 
	display:block; 
	float:left;
	}

	
	
ul#nav {
	list-style:none;
	float:left;
	margin:31px 0 0 0px;
	width:541px; height:81px;
	overflow:hidden;
	display:inline;  /*double float margin bug*/
	
	}	
	
#nav li {
	float:left;
	display: inline;
	text-indent:0;
	border: 0px solid yellow;
}	

	
a:link, a:visited { color:#fff; text-decoration:none; }
a:hover {text-decoration: underline;}

a img {border:none;}

#header a:link, #header a:visited{
	color:#000000;
	text-indent: -99999px;
	}
	
#header a:hover {
	text-decoration: none;
	text-indent: -99999px;
	}
	
#nav_news a:link {	
	width:109px;
	height:81px;
	display: block;
	float: left;
	background: url("images/nav_news_off.gif") 0px 0px no-repeat;
	color:#0083a9;
	}
#nav_news a:visited {	
	width:109px;
	height:81px;
	display: block;
	float: left;
	background: url("images/nav_news_off.gif") 0px 0px no-repeat;
	color:#0083a9;
	}
#nav_news a:hover {
	width:109px;
	height:81px;
	display: block;
	float: left;
	background: url("images/nav_news_on.gif") 0px 0px no-repeat;
	color:#0083a9;
	}	
	
#nav_shows a:link {	
	width:113px;
	height:81px;
	display: block;
	float: left;
	background: url("images/nav_shows_off.gif") 0px 0px no-repeat;
	color:#0083a9;
	}
	
#nav_shows a:visited {	
	width:113px;
	height:81px;
	display: block;
	float: left;
	background: url("images/nav_shows_off.gif") 0px 0px no-repeat;
	color:#0083a9;
	}

#nav_shows a:hover {	
	width:113px;
	height:81px;
	display: block;
	float: left;
	background: url("images/nav_shows_on.gif") 0px 0px no-repeat;
	color:#0083a9;
	}
	
#nav_photos a:link {	
	width:128px;
	height:81px;
	display: block;
	float: left;
	background: url("images/nav_photos_off.gif") 0px 0px no-repeat;
	color:#0083a9;
	}
	
#nav_photos a:visited {	
	width:128px;
	height:81px;
	display: block;
	float: left;
	background: url("images/nav_photos_off.gif") 0px 0px no-repeat;
	color:#0083a9;
	}


#nav_photos a:hover {	
	width:128px;
	height:81px;
	display: block;
	float: left;
	background: url("images/nav_photos_on.gif") 0px 0px no-repeat;
	color:#0083a9;
	}
	
#nav_mp3 a:link {	
	width:85px;
	height:81px;
	display: block;
	float: left;
	background: url("images/nav_mp3_off.gif") 0px 0px no-repeat;
	color:#0083a9;
	}
	
#nav_mp3 a:visited {	
	width:85px;
	height:81px;
	display: block;
	float: left;
	background: url("images/nav_mp3_off.gif") 0px 0px no-repeat;
	color:#0083a9;
	}


#nav_mp3 a:hover {	
	width:85px;
	height:81px;
	display: block;
	float: left;
	background: url("images/nav_mp3_on.gif") 0px 0px no-repeat;
	color:#0083a9;
	}

#nav_lyrics a:link {	
	width:106px;
	height:81px;
	display: block;
	float: left;
	background: url("images/nav_lyrics_off.gif") 0px 0px no-repeat;
	color:#0083a9;
	}
	
#nav_lyrics a:visited {	
	width:106px;
	height:81px;
	display: block;
	float: left;
	background: url("images/nav_lyrics_off.gif") 0px 0px no-repeat;
	color:#0083a9;
	}

#nav_lyrics a:hover {	
	width:106px;
	height:81px;
	display: block;
	float: left;
	background: url("images/nav_lyrics_on.gif") 0px 0px no-repeat;
	color:#0083a9;
	}

	
	
	

	

	
	
#overlay {
	width:665px;
	position:absolute;
	z-index:1;
	left:50%;
	top:390px;
	margin-left:-323px;
	visibility: hidden;
	}
								
#overlay li {
	float:left;
	list-style: none;
	background-repeat: no-repeat;
	background-position: top;
	height:21px;
	width:30px;
	text-indent: -9999px;
	display: inline; /*double-float margin bug */
	visibility: hidden;

}

#overlay li#nav_prev {
	margin-left:15px;
	background-image:url(images/previous.gif);
	visibility: hidden;
}

#overlay li#nav_next {
	background-image:url(images/next.gif);
	margin-left: 568px;
	visibility: hidden;
	}

#content {
	height:573px;
	width:9500px;
	//xborder: 1px solid red;
	xbackground-image:url(images/bg_line_02.gif);
	position:relative;
	margin-left:50%;
	left:-340px;
	top:0px;
	
}
	
.section {
	position:relative;
	z-index:199;
	//width:535px;
	width:550px;
	height:573px;
	float: left;
	margin-top:0px;
	margin-left:20px;
	text-align:center;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline; /*double float margin bug*/
	//xborder: 1px solid black;
	}
	
	
.section p {
	font: normal 10px/2em "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif;
	color:black;
	font-size: 12px;
	margin-top: 5px;
	text-align: left;
}	


.section h3 {
	
	//z-index: 2000;
	height:33px;
	width:525px;
	//xborder: 1px solid yellow;
	margin:55px 0 0 0;
	background-repeat: no-repeat;
	text-indent: -99999px;
}

.sectioncontent {

	//xwidth:525px;
	width:550px;
	height:430px;
	//xborder: 1px solid blue;
	top:0;
	margin-top: 33px;
	left:0;
	overflow: auto;
	//xz-index:100;
	}


.left {
	margin-left:0px;
	}	
	
#view {
	overflow:hidden;
	}		
	
	
#photo1 {background-image:url(images/bigPhoto_mp3.jpg); }
#photo2 {background-image:url(images/bigPhoto_news.jpg); }
#photo3 {background-image:url(images/bigPhoto_shows.jpg); }
#photo4 {background-image:url(images/bigPhoto_photos.jpg); }
#photo5 {background-image:url(images/bigPhoto_mp3.jpg); }
#photo6 {background-image:url(images/bigPhoto_lyrics.jpg); }


/* ----- INTRO ----- */
.section#intro { 
	padding-left:0px;
	width: 550px;
	}
	
#intro p {
	margin:80px 0px 0 0;
	}




/* ----- NEWS ----- */
.section#news { 
	padding-left:0px;
	}
#news p {
	margin:0px 0px 0 0;
	}
#news h3 {
	height:33px;
	top:70px;
	background-image: url(images/text_News.gif);
	}

dl#news_box {
	float: left;
	margin: 0 0 5px 0;
	//xborder: 1px solid green;
	}
	
dt#news_date {
	float: left;
	color: white;
	width: 55px;
	//xborder: 1px solid red;
	background-color: #e72c0b;
 	font: normal 12px Arial, sans-serif;
	padding: 8px 0px 0 0 ;
	margin: 0 0 0 0;
	line-height: 35%;
	}
	
	
dt#news_date span {
 	font: normal 24px Arial, sans-serif;
	}

dl#news_box dd{
	float: left;
	margin:0px 0px 0px 20px;
	//xborder: 1px solid yellow;
	text-align: left;
	width: 450px;
	}
	
dl#news_box  dd h4{
	color: white;
	//xborder: 1px solid black;
 	font: normal 24px Arial, sans-serif;
 	text-align: left;
	}
	
#news_box  dd p{
	color: #404246;
	//xborder: 1px solid blue;
 	font: normal 16px Georgia, serif;
 	margin: 20px 0 20px 0;
 	text-align: left;
	}

/*---- SHOWS ------*/

.section#shows { 
	padding-left:0px;
	}
#shows p {
	margin:0px 0px 0 0;
	}
#shows h3 {
	height:33px;
	top:70px;
	background-image: url(images/text_Shows.gif);
	}

dl#shows_box {
	float: left;
	margin: 0 0 5px 0;
	//xborder: 1px solid green;
	}
	
dt#shows_date {
	float: left;
	color: white;
	width: 500px;
	//xborder: 1px solid red;
	background-color: #e72c0b;
 	font: normal 17px Arial, sans-serif;
	padding: 5px 0px 5px 0 ;
	margin: 0 0 0 0;
	line-height: 100%;
	}
	

dl#shows_box dd{
	float: left;
	margin:0px 0px 0 20px;
	//xborder: 1px solid yellow;
	text-align: left;
	width: 460px;
	}
	
	
#shows_box  dd p{
	color: #404246;
	//xborder: 1px solid blue;
 	font: normal 14px Georgia, serif;
 	margin: 10px 0 20px 75px;
 	text-align: left;
	}




/*---- LYRICS ----*/

.section#lyrics { 
	padding-left:0px;
	}
#lyrics p {
	margin:0px 0px 0 0;
	}
#lyrics h3 {
	height:33px;
	top:70px;
	background-image: url(images/text_Lyrics.gif);
	}

#lyrics h4{
	color: white;
	//xborder: 1px solid black;
 	font: normal 24px Arial, sans-serif;
 	text-align: left;
	}

#lyrics p{
	color: #404246;
	//xborder: 1px solid blue;
 	font: normal 14px Georgia, serif;
 	margin: 10px 0 20px 75px;
 	text-align: left;
	}


/*---- MP3 ----*/

.section#mp3 { 
	padding-left:0px;
	}
#mp3 p {
	margin:0px 0px 0 0;
	}
#mp3 h3 {
	height:33px;
	top:70px;
	background-image: url(images/text_mp3.gif);
	}

#mp3_box {
	float: left;
	width: 450px;
	border: 1px solid green;
	}
	
	
dl#mp3_box {
	float: left;
	//xborder: 1px solid green;
	}
	
dt#album_image {
	float: left;
	color: white;
	width: 165px;

 	font: normal 12px Arial, sans-serif;
	padding: 0px 0px 0 0 ;
	margin: 0 0 0 0;
	}


dl#mp3_box dd{
	float: left;
	margin:0px 0px 0 20px;
	//xborder: 1px solid yellow;
	text-align: left;
	width: 300px;
	}
	
dl#mp3_box  dd h4{
	color: white;
	//xborder: 1px solid black;
 	font: normal 24px Arial, sans-serif;
 	text-align: left;
	}
	
dl#mp3_box dd h4 span{
	color: white;
	//xborder: 1px solid black;
 	font: normal 12px Arial, sans-serif;
 	text-align: left;
	}
	
#mp3_box  dd p{
	color: #404246;
	//xborder: 1px solid blue;
 	font: normal 14px Georgia, serif;
 	margin: 20px 0 0 0;
 	text-align: left;
	}

#purchaseInfo {
	margin:0 0 10px 50px;
	}
	
#purchaseInfo  a{
	float: left;
	display: block;
	color: white;
	width: 75px;
	background-color: #e72c0b;
 	font: normal 12px Arial, sans-serif;
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 0 5px;
	text-decoration: none;
	}
	
#flashMessage  p{
	clear:left;
	color: #404246;
	//xborder: 1px solid blue;
 	font: normal 10px Arial, serif;
 	margin: 20px 0 20px 50px;
	text-align: left;
	}
	

/*---- PHOTOS ------*/

#imagegallery a {
	display: block;
	height: 103px;
	width: 100px;
  text-decoration: none;
}


#gallery ul {
  padding: 0;
}

#imagegallery {
	margin:0px 50px 0 0;
	list-style: none;
}

#imagegallery li {
  float: left;
  display: inline;
  padding: 1em;
  list-style: none;
}

#imagegallery li a img {
  border: 0;
}


#placeholder {
	margin: 50px 0 0 0 ;
	}
	
#gallery h3 {
	height:33px;
	top:70px;
	background-image: url(images/text_Photos.gif);
	}

.clearfloats {clear: both;}