/**********************
   background colour
***********************/

/*sets up default html code - colour + page margins*/
body, html {
	margin: 0px;
	padding: 0px;
	background: #000000;
	color: #00FF00;
}
body {
    min-width:900px;/*added to solve probs when browser is smaller then main container width*/
    }


/**********************
    main contaniers
***********************/

div#mainContainer {
	width: 900px;
	height: 600px;
	margin-right: auto;/*forces content into centre*/
	margin-left: auto;/*forces content into centre*/
	
}
div#hidden h1 {
	display: none;
}
div#hidden h2 {
	display: none;
}
div#gigContainer {
	background:  url(../images/gig_bg_photo.jpg);
	background-repeat: no-repeat;
	height: 600px;
}
div#videoContainer {
	background:  url(../images/video_bg_photo.jpg);
	background-repeat: no-repeat;
	height: 600px;
}





/**********************
    Navigation
***********************/
			
div#nav {
	display: block;
	padding-left: 60px;
	padding-right: 10px;
	height: 34px;
	background-color: #FFFFFF;
	position: relative;
	visibility: visible;
	z-index: 1;
	top: -164px;
	overflow: visible;
	}
	/*hides bullets from list*/
	div#nav ul {
	/*display:inline;*/
    margin:0;
    padding:0;
	}
	/*changes it from vertical to horizontal*/
	div#nav li {
    /*display:inline;*/
	display: block;
    margin:0;
    padding:0;
	float: left; /*direction list is drawm*/
	}
	/*activates li# code graphics behind*/
	div#nav li a {
	display: block; /*needed to display menu*/
	height: 34px; /*height of the active link area*/
	}
	/*hides text links from infront of li# graphics*/
	div#nav li a span {
	display: none;
	}
			div#nav li#home a {
				width: 147px;
				padding-left: 60px;
				background:  url(../images/nav/deep_red.gif);
				background-repeat: no-repeat;
			}
			div#nav li#band a {
				width: 84px;
				padding-left: 60px;
				background:  url(../images/nav/band_info.gif);
				background-repeat: no-repeat;
			}
			div#nav li#band a:hover {
				background:  url(../images/nav/band_info_h.gif);
				background-repeat: no-repeat;
			}
			div#nav li#video a {
				width: 53px;
				padding-left: 60px;
				background:  url(../images/nav/video.gif);
				background-repeat: no-repeat;
			}
			div#nav li#video a:hover {
				background:  url(../images/nav/video_h.gif);
				background-repeat: no-repeat;
			}
			div#nav li#dates a {
				width: 85px;
				padding-left: 60px;
				background:  url(../images/nav/gig_dates.gif);
				background-repeat: no-repeat;
			}
			div#nav li#dates a:hover {
				background:  url(../images/nav/gig_dates_h.gif);
				background-repeat: no-repeat;
			}
			div#nav li#bookings a {
				width: 76px;
				padding-left: 60px;
				background:  url(../images/nav/bookings.gif);
				background-repeat: no-repeat;
			}
			div#nav li#bookings a:hover {
				background:  url(../images/nav/bookings_h.gif);
				background-repeat: no-repeat;
			}
			
	div#nav2 {
	display: block;
	padding-left: 60px;
	padding-right: 10px;
	height: 34px;
	background-color: #FFFFFF;
	position: relative;
	visibility: visible;
	z-index: 1;
	top: 135px;
	overflow: visible;
	}
	/*hides bullets from list*/
	div#nav2 ul {
	/*display:inline;*/
    margin:0;
    padding:0;
	}
	/*changes it from vertical to horizontal*/
	div#nav2 li {
    /*display:inline;*/
	display: block;
    margin:0;
    padding:0;
	float: left; /*direction list is drawm*/
	}
	/*activates li# code graphics behind*/
	div#nav2 li a {
	display: block; /*needed to display menu*/
	height: 34px; /*height of the active link area*/
	}
	/*hides text links from infront of li# graphics*/
	div#nav2 li a span {
	display: none;
	}
			div#nav2 li#home a {
				width: 147px;
				padding-left: 60px;
				background:  url(../images/nav/deep_red.gif);
				background-repeat: no-repeat;
			}
			div#nav2 li#band a {
				width: 84px;
				padding-left: 60px;
				background:  url(../images/nav/band_info.gif);
				background-repeat: no-repeat;
			}
			div#nav2 li#band a:hover {
				background:  url(../images/nav/band_info_h.gif);
				background-repeat: no-repeat;
			}
			div#nav2 li#video a {
				width: 53px;
				padding-left: 60px;
				background:  url(../images/nav/video.gif);
				background-repeat: no-repeat;
			}
			div#nav2 li#video a:hover {
				background:  url(../images/nav/video_h.gif);
				background-repeat: no-repeat;
			}
			div#nav2 li#dates a {
				width: 85px;
				padding-left: 60px;
				background:  url(../images/nav/gig_dates.gif);
				background-repeat: no-repeat;
			}
			div#nav2 li#dates a:hover {
				background:  url(../images/nav/gig_dates_h.gif);
				background-repeat: no-repeat;
			}
			div#nav2 li#bookings a {
				width: 76px;
				padding-left: 60px;
				background:  url(../images/nav/bookings.gif);
				background-repeat: no-repeat;
			}
			div#nav2 li#bookings a:hover {
				background:  url(../images/nav/bookings_h.gif);
				background-repeat: no-repeat;
			}
			

/**********************
    Content
***********************/

div#gigs {
	display: block;
	position: relative;
	visibility: visible;
	z-index: 2;
	overflow: scroll;
	width: 260px;
	left: 58px;
	top: 115px;
	height: 276px;
	margin-bottom: 25px;
	}
div#video {
	margin-right: auto;/*forces content into centre*/
	margin-left: auto;/*forces content into centre*/
	top: 230px;
	display: block;
	position: relative;
	visibility: visible;
	z-index: 2;
	width: 240px;
	height: 180px;
	margin-bottom: 121px;
	}
	
	
.download {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.download a:link, a:visited, a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

div#footer {
	height: 20px;
	clear:both;
	margin-top: 10px;
	text-align: center;
}