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

/***STRUCTURE***/
body {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
.content #container {
    position: relative;
	background-color: #FFFFFF;
	height: 600px;
	overflow: hidden
}
.content #header {
	position: relative;
	top: 10px;
	width: 870px;
	height: 160px;
	text-align: center;
	padding: 0 10px 0 20px;
	z-index: 2;
}
.content #navigation  {
    position: relative;
	top: -50px;
	width: 870px;
	height: 50px;
	z-index: 2;
}
.content #box {
    position: relative;
	top: -50px;
	width: 870px;
	height: 425px;
	background-image: url('images/box_2.png');
	margin: 0 auto; 
	font-size: 11px;
	text-align: left;
	z-index: 1
}
.content #main {
    position: relative;
	top: 10px;
	width: 890px;
	height: 400px;
	background-image: url('images/bg.png');
	margin: 0 auto; 
	font-size: 11px;
	text-align: left;
	overflow: auto;
	z-index: 1
}
#mountains {
    position: relative;
	top: -72px;
	width: 870;
	height: 97px;
	background-image: url('images/mountains_1.png');
	z-index: 1;
	overflow: hidden
}
#copy {
    position: relative;
	top: -12px;
	width: 870px;
	height: 20px;
	font-size: 9px;
	text-align: center;
	background-color: #FFFFFF;
}
#center {
    text-align: center;
}
img.break {
    display: block;
	margin-left: auto;
	margin-right: auto;
}

/***NAVIGATION***/
#nav1 {
    position: relative;
	top: 4px;
	left: -370px;
	width: 80px;
	height: 50px;
	text-align: center;
}
#nav2 {
    position: relative;
	top: -46px;
	left: -280px;
	width: 80px;
	height: 50px;
	text-align: center;
}
#nav3 {
    position: relative;
	top: -96px;
	left: -190px;
	width: 80px;
	height: 50px;
	text-align: center;
}
#nav4 {
    position: relative;
	top: -146px;
	left: -100px;
	width: 80px;
	height: 50px;
	text-align: center;
}
#nav5 {
    position: relative;
	top: -196px;
	left: 110px;
	width: 80px;
	height: 50px;
	text-align: center;
}
#nav6 {
    position: relative;
	top: -246px;
	left: 200px;
	width: 80px;
	height: 50px;
	text-align: center;
}
#nav7 {
    position: relative;
	top: -296px;
	left: 290px;
	width: 80px;
	height: 50px;
	text-align: center;
}
#nav8 {
    position: relative;
	top: -346px;
	left: 380px;
	width: 80px;
	height: 50px;
    text-align: center;
}

/***INTRO PAGE***/
#enter {
	font-size: 10px;
}

/***HOME***/
#welcomeheader {
    position: absolute;
	top: 18px;
	left: 45px;
	z-index: 4;
}
#mailinglistheader {
    position: absolute;
	top: 194px;
	left: 530px;
	z-index: 4;
}
#listenheader {
    position: absolute;
	top: 19px;
	left: 500px;
	z-index: 4;
}
#front {
    position: absolute;
	top: 30px;
	left: 50px;
    width: 450px;
	padding: 15px;
	text-align: justify;
}
#musicplayer {
    position: absolute;
	top: 40px;
	left: 550px;
	width: 200px;
	height: 150px;
	padding: 5px;
}
#mailinglist {
    position: absolute;
	top: 215px;
	left: 550px;
	width: 250px;
	height: 100px;
	padding: 5px;
}

/***REVIEW***/
#reviewheader {
    position: absolute;
	top: 14px;
	left: 120px;
	z-index: 4;
}
#review {
    position: absolute;
	top: 40px;
	width: 550px;
	left: 155px;
}

/***ABOUT***/
#aboutheader {
    position: absolute;
	top: 14px;
	left: 115px;
	z-index: 4;
}
#about {
    position: absolute;
	top: 40px;
	width: 575px;
	left: 145px;
	text-align: justify;
}

/***VENUES***/
#venuesheader {
    position: absolute;
	top: 13px;
	left: 95px;
	z-index: 4;
}
#venues {
    position: absolute;
	top: 40px;
	left: 135px;
	width: 350px;
	text-align: justify;
}
#booking {
    position: absolute;
	top: 0px;
	left: 330px;
	width: 270px;
}
#upcoming {
    position: absolute;
	top: 130px;
	left: 330px;
	width: 270px;
}

/***MUSIC***/
#musicheader {
    position: absolute;
	top: 14px;
	left: -10px;
	z-index: 4;
}
#cd1 {
    position: absolute;
	top: 40px;
	left: 35px;
	width: 380px;
}
#cd2 {
    position: absolute;
	top: 40px;
	left: 445px;
	width: 380px;
}
#muslinks {
    position: absolute;
	top: 40px;
	left: 500px;
	width: 300px;
}

/***LYRICS***/
#lyrics {
    position: absolute;
	top: 40px;
	left: 250px;
	width: 500px;
}
#lyricsheader {
    position: absolute;
	top: 10px;
	left: 225px;
	z-index: 4;
}


/***NEWS***/
#newsheader {
    position: absolute;
	top: 14px;
	left: 105px;
	z-index: 4;
}
#news {
    position: absolute;
	top: 40px;
	left: 145px;
	width: 575px;
	text-align: justify;
}

/***CONTACT***/
#contact {
    position: absolute;
	top: 40px;
	left: 240px;
	width: 400px;
	text-align: justify;
}
#contactheader {
    position: absolute;
	top: 13px;
	left: 205px;
	z-index: 4;
}

/***MEDIA***/
#mediaheader {
    position: absolute;
	top: 14px;
	left: -10px;
	z-index: 4;
}
#videosheader {
    position: absolute;
	top: 45px;
	left: 495px;
	z-index: 4;
}
#photos {
    position: absolute;
	top: 40px;
	left: 30px;
	width: 500px;
	text-align: center;
}
#pic1 {
    position: absolute;
	top: 30px;
	left: 30px;
	width: 100px;
	height: 100px;
}
#pic2 {
    position: absolute;
	top: 30px;
	left: 188px;
	width: 100px;
	height: 100px;
}
#pic3 {
    position: absolute;
	top: 30px;
	left: 345px;
	width: 100px;
	height: 100px;
}
#pic4 {
    position: absolute;
	top: 170px;
	left: 30px;
	width: 100px;
	height: 100px;
}
#pic5 {
    position: absolute;
	top: 170px;
	left: 188px;
	width: 100px;
	height: 100px;
}
#pic6 {
    position: absolute;
	top: 170px;
	left: 345px;
	width: 100px;
	height: 100px;
}
#pic7 {
    position: absolute;
	top: 310px;
	left: 30px;
	width: 100px;
	height: 100px;
}
#pic8 {
    position: absolute;
	top: 310px;
	left: 188px;
	width: 100px;
	height: 100px;
}
#pic9 {
    position: absolute;
	top: 310px;
	left: 345px;
	width: 100px;
	height: 100px;
}
#videos {
    position: absolute;
	top: 70px;
	left: 550px;
	width: 285px;
	text-align: center;
}

/***LINKS***/
#links {
    position: absolute;
	top: 40px;
	left: 260px;
	width: 500px;
	text-align: justify;
}
#linksheader {
    position: absolute;
	top: 14px;
	left: 215px;
	z-index: 4;
}

/***CALENDAR***/
#calendar {
    position: absolute;
	top: 40px;
	left: 180px;
	width: 500px;
	text-align: justify;
}
#calendarheader {
    position: absolute;
	top: 14px;
	left: 160px;
	z-index: 4;
}

/***BOXES***/
#top {
    background-image: url('images/tab_top.png');
	background-repeat: repeat
}
#left {
    background-image: url('images/tab_left.png');
	background-repeat: repeat
}
#right {
    background-image: url('images/tab_right.png');
	background-repeat: repeat
}
#bottom {
    background-image: url('images/tab_bottom.png');
	background-repeat: repeat
}
#middle {
    background-image: url('images/text.png');
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	padding-right: 7px
}

/***MISC***/
img {
    border-style: none;
}
.pic {
    width: 125px;
	height: 125px;
}
.cdleft {
   float: left;
   width: 150px;
   height: 150px;
}
.flier {
   float: left;
   width: 150px;
   height: 225px;
}
.camel {
   float: left;
   width: 170px;
   height: 255px;
}
.small {
    font-size: 9px;
}
#video {
    z-index: 0;
}
.calendar {
	text-align:left;
}
.invisible {
    visibility: hidden;
}