/* GLOBAL STYLES ////////////////////////////////////////////////////////////////////////////////// */

body { 
background-color: #82a8c6;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
h1 {height: 0px;
/*width: 300px;

margin: 0;
padding: 0;
background: url(images/biography_heading.jpg) no-repeat;*/
text-indent: -9999px;
}
h4 { color:#82a8c6; }
a:link { color:#3366CC; text-decoration: none;}
a:visited { color:#3366CC; text-decoration: none;}
a:hover { color:#990033; text-decoration: underline;}
a:active { color:#990033; text-decoration: underline;}


#header_container { 
width: 960px;
height: 419px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
#black_container { 
width: 960px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
background-color: #000000;
color: #FFFFFF;
}
#white_container { 
width: 960px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
background-color: #FFFFFF;
color: #000000;
}

#white_container_new { 
width: 960px;
padding: 416px 0 208px 0;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
background: #FFFFFF url("images/banner.jpg") no-repeat 2px 2px ;
color: #000000;
position: relative;
}

#navigation_bar {
width: 960px;
}
#button_home a {   
display: block;
float: left;  
background:  url(images/home.jpg) no-repeat 0 0;   
width: 143px;   
height: 41px;   
}
#button_home a:hover {   
background-position: 0 -41px;
}
#button_home span {   
display: none;
}
#button_biography a {   
display: block;
float: left;  
background:  url(images/biography.jpg) no-repeat 0 0;   
width: 159px;   
height: 41px;   
}
#button_biography a:hover {   
background-position: 0 -41px;
}
#button_biography span {   
display: none;
}
#button_gallery a {   
display: block;
float: left;  
background:  url(images/gallery.jpg) no-repeat 0 0;   
width: 129px;   
height: 41px;   
}
#button_gallery a:hover {   
background-position: 0 -41px;
}
#button_gallery span {   
display: none;
}
#button_contact a {   
display: block;
float: left;  
background:  url(images/contact.jpg) no-repeat 0 0;   
width: 140px;   
height: 41px;   
}
#button_contact a:hover {   
background-position: 0 -41px;
}
#button_contact span {   
display: none;
}
#button_bookings a {   
display: block;
float: left;  
background:  url(images/bookings.jpg) no-repeat 0 0;   
width: 145px;   
height: 41px;   
}
#button_bookings a:hover {   
background-position: 0 -41px;
}
#button_bookings span {   
display: none;
}
#button_music a {   
display: block;
float: left;  
background:  url(images/music.jpg) no-repeat 0 0;   
width: 118px;   
height: 41px;   
}
#button_music a:hover {   
background-position: 0 -41px;
}
#button_music span {   
display: none;
}
#button_gigs a {   
display: block;
float: left;  
background:  url(images/gigs.jpg) no-repeat 0 0;   
width: 126px;   
height: 41px;   
}
#button_gigs a:hover {   
background-position: 0 -41px;
}
#button_gigs span {   
display: none;
}

#black_footer {
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
background-color: #000000;
width: 960px;
height:30px;
}
#white_footer {
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
background-color: #FFFFFF;
width: 960px;
height:30px;
}
#footer_left {
float: left;
width: 553px;
padding: 0 0 0 18px;
text-align: center;
}
#footer_right {
float: left;
width: 371px;
padding: 0 18px 0 0;
color:#3366CC;
text-align: right;
}
.clearfix:after {
content: ".";
display:block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}

/* INDIVIDUAL STYLES ////////////////////////////////////////////////////////////////////////////////// */

/* Music Page */

.trackText {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.trackTimeText {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

/* Biography Page */

#biography {
width: 950px;
padding: 50px 0 0 0;
margin-top: 0;
margin: 0;
}
#bio_image {
float: left;
width: 397px;
padding: 20px 0 0 20px;
}
#bio_text {
margin-left: 20px;
margin-top: 20px;
float: left;
width:500px;
}

/* Reviews Page */

#reviews_page_header {
background-image: url(images/reviews_bg_header.jpg);
background-repeat: no-repeat;
padding: 0px 0 0 17px;
margin-top: 50px;
margin-left: 20px;
width: 910px;
height: 79px;
}

#reviews_container {
background-image: url(images/reviews_bg_body.jpg);
background-repeat: repeat-y;
width: 910px;
padding: 10px 0 0 17px;
margin-top: 0px;
margin-left: 20px;
}
#reviews_content {
width: 760px;
padding: 0 0 20px 40px;
}

#reviews_page_footer {
background-image: url(images/reviews_bg_footer.jpg);
background-repeat: no-repeat;
padding: 0px 0 0 17px;
margin-bottom: 10px;
margin-left: 20px;
width: 910px;
height: 56px;
}

/* Gallery Page */

#gallery {
background-image: url(images/gallery_bg.jpg);
background-repeat: no-repeat;
width: 910px;
height: 800px;
padding: 70px 0 0 27px;
margin-top: 50px;
margin-left: 17px;
}
#gallery span {
float: left;
padding: 0 10px 0 10px;
}
div#slider_holder {
	position: relative;
	margin: 15px 0 0 50px;
	width: 464px;
	height: 697px;
	float: left;
}
#slider {
	width: 464px;
	height: 697px;
	overflow: hidden;
}	
#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#slider li { 
	width: 464px;
	height: 697px;
	overflow: hidden; 
}	
#gallery_text {
float: left;
width: 310px;
margin-left:30px;
margin-top: 20px;
}
#prevBtn, #nextBtn { 
	display: block;
	width: 23px;
	height: 33px;
	position: absolute;
	left: -38px;
	overflow: hidden;
}
#prevBtn { 
	top: 0px;
}
#nextBtn { 
	top: 660px;
}														
#prevBtn a, #nextBtn a {  
	display: block;
	width: 23px;
	height: 33px;
	overflow: hidden;
	text-indent: -900em;
}	
#prevBtn a {
	background: url(images/arrow_up.jpg) 0 0 no-repeat;
}
#nextBtn a { 
	background: url(images/arrow_down.jpg) 0 0 no-repeat;	
}
#prevBtn a:hover, #nextBtn a:hover {
	background-position: 0 -33px;
}

/* Bookings/Contact Page */

#booking_contact {
width: 950px;
padding: 50px 0 0 0;
margin-top: 0;
margin: 0;
}

#form_container {
width: 600px;
margin-left: 40px;
margin-top: 20px;
margin-bottom: 70px;
padding-left: 25px;
}
#form_container span {
padding-left: 11px;
}
#form_container div.clearfix {
/*border-top: 1px solid #CCC;*/
padding: 5px 0px;
}
#form_container form label {
width: 100px;
float: left;
margin: 0 10px;
}

/* Contact Confirmed */

#contact_confirmed {
clear:both;
background-image: url(images/contact_received_bg.jpg);
background-repeat: no-repeat;
width: 910px;
height: 250px;
padding: 60px 0 0 27px;
margin-top: 30px;
margin: 17px;
}


/* Booking Confirmed */

#booking_confirmed {
clear:both;
background-image: url(images/booking_received_bg.jpg);
background-repeat: no-repeat;
width: 910px;
height: 250px;
padding: 60px 0 0 27px;
margin-top: 30px;
margin: 17px;
}
#confirmation {
float: left;
width: 560px;
}

/* Order Confirmed */

#order_confirmed {
clear:both;
background-image: url(images/order_confirmed_bg.jpg);
background-repeat: no-repeat;
width: 910px;
height: 250px;
padding: 60px 0 0 27px;
margin-top: 30px;
margin: 17px;
}

/* Gigs Page */

#gigs_content {
width: 920px;
padding: 50px 20px 0 20px;
margin-top: 300px;
margin: 0;
}
#date {
float: left;
padding-left: 10px;
width: 105px;
}
#time {
float: left;
width: 160px;
}
#venue {
float: left;
width: 205px;
}
#details {
float: left;
width: 430px;
}

/* Music Page */

#music {
clear:both;
background-image: url(images/albums_bg.jpg);
background-repeat: no-repeat;
width: 910px;
height: 900px;
padding: 60px 0 0 27px;
margin-top: 30px;
margin: 17px;
}
#album {
float: left;
width: 280px;
}
#tracklist1 {
width: 270px;
float: left;
margin-bottom: 10px;
}
#tracklist2 {
float: left;
width: 340px;
}
#album_text {
float: left;
width: 600px;
}
#availability {
float: left;
width: 600px;
}
#personnel1 {
float: left;
width: 220px;
}
#personnel2 {
float: left;
width: 220px;
}

#nav1 a .pop {
	display: block;
	color: #000;
	background-color: #fcc;
	width: 11em;
	padding: 0.5em;
	border: 0.5em #f00 solid;
	position: absolute;
	top: 0;
	left: 13.2em;
	z-index: 10; /* Saf */
	visibility: hidden;
}
#nav1 a:hover .pop {
	visibility: visible;
}

/* Administration */

#administration {
clear:both;
width: 400px;
padding: 10px 0 0 27px;
margin-top: 30px;
margin: 17px;
}

#edit{
width: 600px;
padding: 10px 0 0 27px;
margin-top: 30px;
margin: 17px;
}

/* Main page */

#left_column {
float: left;
width: 553px;
padding: 0 0 0 18px;
margin: 0px;
}
#intro_header {
background-image: url(images/welcome_header.jpg);
margin-top: 10px;
height: 73px;
}
#intro_text {
/*border-width:thin;
border-color:#FF0000;
border-style:solid;*/
padding: 0 40px 30px 30px;
background-image: url(images/content_bg.jpg);
background-repeat: repeat-y;
}
#news {
padding: 0 40px 30px 30px;
background-image: url(images/content_bg.jpg);
background-repeat: repeat-y;
}
#news_footer {
background-image: url(images/content_footer_bg.jpg);
height: 44px;
}
#centre_column {
float: left;
width: 20px;
height: 500px;
}
#right_column {
float: left;
width: 351px;
padding: 0 18px 0 0;
}
#albums {
background-image: url(images/albums_box.jpg);
background-repeat: no-repeat;
height: 219px;
margin-top: 10px;
padding: 0 0 0 25px;
}
#albums_content {
float: left;
position: relative;
width: 300px;
top: 70px;
}
#albums_content img {
float: left;
padding: 0 20px 0 0;
}
#mailing_list {
background-image: url(images/mailing_list_box.jpg);
background-repeat: no-repeat;
height: 214px;
padding: 0 15px 0 25px;
}
#mailing_list_content {
float: left;
position: relative;
width: 300px;
top: 65px;
}
#mailing_list img {
float: left;
padding: 0 15px 0 0;
}
#reviews_header {
background-image: url(images/reviews_header.jpg);
height: 67px;
}
#reviews {
background-image: url(images/reviews_bg.jpg);
background-repeat: repeat-y;
padding: 0 30px 0 25px;
}
#reviews_footer {
background-image: url(images/reviews_footer.jpg);
height: 61px;
padding: 0 30px 0 25px;
}