body {
  margin: 0 auto;
  margin-top: 10px;
  width: 615px;
  font-family: Verdana, Arial, sans-serif;
  color: #666;
  font-size: 13px;
}

#header { margin: 0 auto 10px; width: 455px; }

#logo { margin: 0 auto 10px; width: 300px; }

#nav-div { margin: 0 auto 20px; width: 443px; }

#nav {
  background:url("/images/nav2.gif") no-repeat;
  width: 443px;
  height: 24px;
  margin: 0;
  padding: 0;
}

#nav li, #nav a {
  height: 24px;
  display: block;
}

#nav li {
  float: left;
  list-style: none;
  display: inline;
  text-indent: -9999em;
}

#nav01 { width: 59px; }
#nav02 { width: 82px; }
#nav03 { width: 109px; }
#nav04 { width: 119px; }
#nav05 { width: 74px; }

#nav01 a:hover { background:url("/images/nav2.gif") 0px -24px no-repeat; }
#nav02 a:hover { background:url("/images/nav2.gif") -59px -24px no-repeat; }
#nav03 a:hover { background:url("/images/nav2.gif") -141px -24px no-repeat; }
#nav04 a:hover { background:url("/images/nav2.gif") -250px -24px no-repeat; }
#nav05 a:hover { background:url("/images/nav2.gif") -369px -24px no-repeat; }

a.about.current { background:url("/images/nav2.gif") 0px -48px no-repeat; }
a.schedule.current { background:url("/images/nav2.gif") -59px -48px no-repeat; }
a.performances.current { background:url("/images/nav2.gif") -141px -48px no-repeat; }
a.photos.current { background:url("/images/nav2.gif") -250px -48px no-repeat; }
a.contact.current { background:url("/images/nav2.gif") -369px -48px no-repeat; }

a:link { color:#666; }
a:hover { color:#000; background-color:#ddd; }

.center { text-align: center; }

.narrow { margin-left: 115px !important; width: 600px; }

#footer {
  margin: 20px auto;
  text-align: center;
  font-size: 10px;
  width: 450px;
  border-top: 1px dashed grey;
}

#social-div { margin: 10px auto; width: 328px; }

#social {
  background:url("/images/social2.gif") no-repeat;
  width: 328px;
  height: 57px;
  margin: 0;
  padding: 0;
}

#social li, #social a {
  height: 57px;
  display: block;
}

#social li {
  float: left;
  list-style: none;
  display: inline;
  text-indent: -9999em;
}

#social01 { width: 82px; }
#social02 { width: 82px; }
#social03 { width: 82px; }
#social04 { width: 82px; }

#social01 a:hover { background:url("/images/social2.gif") 0px -55px no-repeat; }
#social02 a:hover { background:url("/images/social2.gif") -82px -55px no-repeat; }
#social03 a:hover { background:url("/images/social2.gif") -164px -55px no-repeat; }
#social04 a:hover { background:url("/images/social2.gif") -246px -55px no-repeat; }

/* contact form */
#wrap {
  border:solid #CCCCCC 1px;
  width:203px;
  -webkit-border-radius: 10px;
  float:left;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:3px;
  margin-top:3px;
  margin-left:80px;
}

.error { color:#CC0000; font-size:12px; margin:4px; font-style:italic; width:200px; }

.success { color:#009900; font-size:12px; margin:4px; font-style:italic; width:300px; }

img#refresh {
  float:left;
  margin-top:30px;
  margin-left:4px;
  cursor:pointer;
}

#name,
#email { float:left; margin-bottom:3px; height:20px; border:#CCCCCC 1px solid; }

#message { width:260px; height:100px; float:left; margin-bottom:3px; border:#CCCCCC 1px solid; }

label { float:left; color:#666666; width:80px; }

#Send { border:#CC0000 solid 1px; float:left; background:#CC0000; color:#FFFFFF; padding:5px; }