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

/* NAVBAR */

#header
{
 background: #000000;
 heght: 30px;
 }

 #navbar
 {
 width: 1024px;
 height: 20px;
 position: relative;
 color: #fffffff;
 padding-bottom: 10px;
 padding-left: 3px;
 padding-top: 4px;
 font-weight: bold;
  background: #000000;
 }
 
 #navbar a
 {
 color: #ffffff;
 
 }
 
 #navbar a:hover
 {
 color: #dce1fa;
 text-decoration: none;}

#navbar a:visited
{
text-decoration: none;
}

#navbar ul 
{
position: relative;
display: inline;
list-style: none;
  background: #000000;
}



#navbar ul li
{
float: left;
font-size: 18px;
border-right: 2px solid #ccc;
margin-left: 4px;
padding-right: 4px;
}

#navbar div.home
{
position: relative;
display: inline;
overflow: hidden;
background: url('navbar/navbar_01.gif') no-repeat;
float: left;
width: 76px;
height: 45px;

}
#navbar div.home:hover
{
cursor: pointer;
background-position: bottom left;
}

#navbar div.upcoming
{
position: relative;
display: inline;
overflow: hidden;
background: url('navbar/navbar_02.gif') no-repeat;
float: left;
width: 106px;
height: 45px;

}
#navbar div.upcoming:hover
{
cursor: pointer;
background-position: bottom left;
}

#navbar div.photos
{
position: relative;
display: inline;
overflow: hidden;
float: left;
background: url('navbar/navbar_03.gif') no-repeat;
width: 77px;
height: 45px;
}

#navbar div.photos:hover
{
cursor: pointer;
background-position: bottom left;
}

#navbar div.videos
{
position: relative;
display: inline;
overflow: hidden;
background: url('navbar/navbar_04.gif') no-repeat;
float: left;
width: 70px;
height: 45px;
}

#navbar div.videos:hover
{
cursor: pointer;
background-position: bottom left;
}

#navbar div.music
{
position: relative;
display: inline;
overflow: hidden;
background: url('navbar/navbar_05.gif') no-repeat;
float: left;
width: 72px;
height: 45px;
}

#navbar div.music:hover
{
cursor: pointer;
background-position: bottom left;
}



#navbar div.theatre
{
position: relative;
display: inline;
overflow: hidden;
background: url('navbar/navbar_06.gif') no-repeat;
float: left;
width: 76px;
height: 45px;
}

#navbar div.theatre:hover
{
cursor: pointer;
background-position: bottom left;
}

#navbar div.merchandise
{
position: relative;
display: inline;
overflow: hidden;
background: url('navbar/navbar_07.gif') no-repeat;
float: left;
width: 132px;
height: 45px;
}

#navbar div.merchandise:hover
{
cursor: pointer;
background-position: bottom left;
}


#navbar div.bio
{
position: relative;
display: inline;
overflow: hidden;
background: url('navbar/navbar_08.gif') no-repeat;
float: left;
width: 41px;
height: 45px;
}

#navbar div.bio:hover
{
cursor: pointer;
background-position: bottom left;
}

#navbar div.press
{
position: relative;
display: inline;
overflow: hidden;
background: url('navbar/navbar_09.gif') no-repeat;
float: left;
width: 64px;
height: 45px;
}

#navbar div.press:hover
{
cursor: pointer;
background-position: bottom left;
}

#navbar div.booking
{
position: relative;
display: inline;
overflow: hidden;
background: url('navbar/navbar_10.gif') no-repeat;
float: left;
width: 87px;
height: 45px;
}

#navbar div.booking:hover
{
cursor: pointer;
background-position: bottom left;
}

#navbar div.mailinglist
{
position: relative;
display: inline;
overflow: hidden;
background: url('navbar/navbar_11.gif') no-repeat;
float: left;
width: 108px;
height: 45px;
}

#navbar div.mailinglist:hover
{
cursor: pointer;
background-position: bottom left;
}

#navbar div.links
{
position: relative;
display: inline;
overflow: hidden;
background: url('navbar/navbar_12.gif') no-repeat;
float: left;
width: 63px;
height: 45px;
}

#navbar div.links:hover
{
cursor: pointer;
background-position: bottom left;
}

#navbar div.news
{
position: relative;
display: inline;
overflow: hidden;
background: url('navbar/navbar_13.gif') no-repeat;
float: left;
width: 62px;
height: 45px;
}

#navbar div.news:hover
{
cursor: pointer;
background-position: bottom left;
}