* {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
}

#wrapper {
  background: #FFF url("../images/background.png") no-repeat top left;
  margin: 0 auto 0 auto;
  text-align: left;
  width: 960px;
  height: 620px;
  margin-top: 50px;
}

#player a {
  displaY: block;
  background: url("../images/listen.png") no-repeat top left;
  width: 170px;
  height: 100px;
  text-indent: -9999px;
  position: relative;
  top: 1px;
  left: 2px;
}

#header {
  padding-left: 100px;
  padding-top: 5px;
}

#header a#logo {
  background: url("../images/logo.png") no-repeat 0 0;
  width: 125px;
  height: 70px;
  text-indent: -9999px;
  float: left;
}

#header #menu {
  list-style: none;
}

#header #menu li {
  display: inline;
}

#header #menu #about {
  background: url("../images/menu.png") no-repeat 0 0;
  width: 100px;
  height: 70px;
  text-indent: -9999px;
  display: block;
  float: left;
  
}

#header #menu #music {
  background: url("../images/menu.png") no-repeat -110px 0;
  width: 100px;
  height: 70px;
  text-indent: -9999px;
  display: block;
  float: left;
  margin-left: 10px;
}

#header #menu #gigs {
  background: url("../images/menu.png") no-repeat -220px 0;
  width: 100px;
  height: 70px;
  text-indent: -9999px;
  display: block;
  float: left;
  margin-left: 10px;
}

#header #menu #contact {
  background: url("../images/menu.png") no-repeat -340px 0;
  width: 100px;
  height: 70px;
  text-indent: -9999px;
  display: block;
  float: left;
  margin-left: 10px;
}

#content {
  margin-left: 40px;
  margin-top: 10px;
  height: 340px;
  width: 700px;
  font-family: "Lucida Grande", "Lucida Sans", "Helvetica", "Arial", sans-serif;
  font-size: 10pt;
  overflow: auto;
}

#galleryWrapper {
  text-align: center;
}

#galleryContainer {
  width: 600px;
  margin: 0 auto 0 auto;
  text-align: left;
}

#faces {
  margin-top: 50px;
  text-align: center;
}

#faces a img {
  border: 0;
  margin: 0 15px 0 15px;
}

#person {
  margin-top: 50px;
  text-align: center;
}

#ourmusic {
  margin-top: 50px;
  text-align: center;
}

#ourmusic a img {
  border: 0;
  margin: 0 15px 0 15px;
}

#footer #extramenu {
  list-style: none;
  text-align: center;
  width: 700px;
  margin-left: 40px;
  margin-top: 20px;
}

#footer #extramenu li {
  display: inline;
  margin: 0 25px 0 25px;
}

#footer #extramenu li a {
  color: #000;
  text-decoration: none;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 80%;
}

#footer #extramenu li a:hover {
  text-decoration: underline;
}

.clearer {
  clear: both;
  display: block;
  height: 1px;
}

/*
  These are our image replacement IDs
*/
/*
#welcome {
  background: url("../images/welcome.png") no-repeat center center;
  width: 200px;
  height: 50px;
  text-indent: -9999px;
}

#gallery {
  background: url("../images/gallery.png") no-repeat center center;
  width: 200px;
  height: 50px;
  text-indent: -9999px;
}

#aboutus {
  background: url("../images/faces.png") no-repeat center center;
  width: 200px;
  height: 50px;
  text-indent: -9999px;
}

#tryourmusic {
  background: url("../images/tryourmusic.png") no-repeat center center;
  width: 200px;
  height: 50px;
  text-indent: -9999px;
}

#ourgigs {
  background: url("../images/ourgigs.png") no-repeat center center;
  width: 200px;
  height: 50px;
  text-indent: -9999px;
}

#contactus {
  background: url("../images/contactus.png") no-repeat center center;
  width: 200px;
  height: 50px;
  text-indent: -9999px;
}
*/
/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
}

/*---- Header styling ---*/
.sIFR-active h2 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	
	font-size: 24pt;
	background-color: transparent;
}
.sIFR-active h3 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	
	font-size: 18pt;
	background-color: transparent;
}
