html, body { height: 100%; width: 100%; margin: 0; }
body { overflow: hidden; font-family: lucida grande, arial, verdana, sans-serif; font-size: 13px; line-height: 1.5em; }
img { border: none; }
td { vertical-align: top; border: none; margin: 0; padding: 5px; }
form { margin: 0; }

a { color: #0aa7a5; }

h1 { color: #3f548a; }
h2 { color: #be5a2e; }
#bg { position: fixed; top: 0; left: 0; z-index: -1; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

#overflow { height: 100%; overflow: hidden; overflow-x: auto; }
#logo {position: absolute; top: 10px; left: 10px; }
#primary { position: absolute; top: 105px; left: 375px; height: 30px; list-style: none; margin: 0; padding: 0; }
#primary li { float: left; margin: 0 0 0 39px; padding: 0; }
#primary a { display: block; height: 30px; background-image: url(../img/bg_primary.gif); overflow: hidden; text-indent: 100px; }
#home { width: 62px; }
#home:hover { background-position: 0 -60px; }
#home.active { background-position: 0 -30px; }
#music { width: 69px; background-position: -101px 0; }
#music:hover { background-position: -101px -60px; }
#music.active { background-position: -101px -30px; }
#gallery { width: 97px; background-position: -209px 0; }
#gallery:hover { width: 97px; background-position: -209px -60px; }
#gallery.active { width: 97px; background-position: -209px -30px; }
#about { width: 77px; background-position: -342px 0; }
#about:hover { width: 77px; background-position: -342px -60px; }
#about.active { width: 77px; background-position: -342px -30px; }
#press { width: 67px; background-position: -457px 0; }
#press:hover { width: 67px; background-position: -457px -60px; }
#press.active { width: 67px; background-position: -457px -30px; }
#shows { width: 78px; background-position: -562px 0; }
#shows:hover { width: 78px; background-position: -562px -60px; }
#shows.active { width: 78px; background-position: -562px -30px; }

#system { position: absolute; top: 10px; right: 50px; list-style: none; padding: 0; margin: 0; }
#system li { float: left; margin: 0 0 0 15px; }
#system a { font-size: 11px; color: #7b99b9; text-transform: uppercase; letter-spacing: 1; text-decoration: none; padding: 2px; }
#system a:hover { color: #fff; text-decoration: underline; }
#system a.active { color: #f5b236; font-weight: bold; }
#facebook { padding-left: 22px !important; background: url(../img/facebook.png) no-repeat 1px 50%; }

#secondary { float: left; height: 360px; list-style: none; padding: 0 10px; }
#secondary ul { list-style: none; padding: 0 0 10px 10px; }
#secondary li { color: #7b99b9; }
#secondary a { color: #fff; text-decoration: none; }

.clear { clear: both; }

#top { position: relative; top: 200px; left: 60px; width:704px; height: 19px; background: url(../img/bg_top.png) no-repeat 0 0; }
#article { position: relative; top: 190px; left: 0; width: 4000px; }
.section { background: url(../img/bg_section.png); float: left; height: 380px; }
.padding { padding: 20px 10px 20px 20px; }
.two-column { -moz-column-count: 2; -moz-column-gap: 20px; -moz-column-rule: none; -webkit-column-count: 2; -webkit-column-gap: 20px; -webkit-column-rule: none; }

.instrument { font-size: 11px; color: #878caa; }

.backward, .forward { cursor: pointer; float: left; height: 380px; background-image: url(../img/backward_forward.png); }
.backward { width: 43px; }
.forward { width: 40px; background-position: -50px 0; }
.forward:hover { background-position: -50px -380px; }
.backward:hover { background-position: 0 -380px; }

.bookend { float: left; height: 380px; width: 12px; background-image: url(../img/backward_forward.png); }

/* music.html
---------------------------------------------------------------- */

.album { width: 740px;position:relative; }
.buy { background: #fff; text-align:center; padding: 5px; border: 1px solid #000; position:absolute;bottom:25px;left:25px;z-index:10; -moz-box-shadow: 0 0 4px #000; -webkit-box-shadow: 0 0 4px #000; box-shadow: 0 0 4px #000; }
.song { color: #be5a2e; }


/* about.html
---------------------------------------------------------------- */

.band { width: 660px; } 
.bio { width: 600px; }


/* contact.html
---------------------------------------------------------------- */

.contact { width: 480px; margin-left: 40px; } 


/* shows.html
---------------------------------------------------------------- */

.shows { width: 480px; }