body {
font: 12px Arial, Helvetica, Geneva, sans-serif;
background-image: url(images/bg.gif);
}

p {
line-height: 1.4;
font-size: 12px;
color: #aaa;
}

ul {
line-height: 1.4;
color: #aaa;
list-style: disc;
font-size: 11px;
}

a {
text-decoration: none;
}

a:link {
color: #eee;
}

a:visited {
color: #999;
}

a:hover {
color: #b21632;
}

a:active {
color: #b21632;
}

a:link.pink {
color: #caa067;
}

a:visited.pink {
color: #b21632;
}

a:hover.pink {
color: #ffa505;
}

a:active.pink {
color: #b21632;
}

h1 {
font-size: 14px;
color: #fff;
}

h2 {
font-size: 1em;
color: #aaa;
}

h3 {
color: #b21632;
font-size: 1em;
font-style: italic;
}

img {
border-width: 1px;
border-color: #8e7048;
margin: 0;
}

/* =IDs */

#main {
position: relative;
height: 1000px;
width: 970px;
margin: 10px auto auto;
}

#right {
position: absolute;
width: 240px;
height: 1000px;
background-color: #252525;
top: 0;
left: 730px;
border-left: 1px solid #eee;
}

#content {
position: absolute;
width: 712px;
padding-top: 0;
padding-right: 10px;
padding-left: 10px;
color: #929292;
border-right-color: #eee;
border-right-width: 2px;
background: #000 url(images/pianobanner.jpg) no-repeat;
height: 1000px;
}

#content.home {
position: absolute;
width: 712px;
height: 1000px;
padding-top: 0;
padding-right: 10px;
padding-left: 10px;
color: #929292;
border-right-color: #eee;
border-right-width: 2px;
background: #000000  url(images/guitarbanner.jpg) no-repeat;
}

#hdr {
background-image: url(images/logo.gif);
background-repeat: no-repeat;
background-position: top center;
position: absolute;
width: 732px;
height: 78px;
top: 0;
left: 0;
}

#crgbtn {
background-image: url(images/crg.gif);
margin-top: 5px;
width: 224px;
height: 35px;
right: 0;
position: relative;
left: 16px;
cursor: pointer;
}

#ratbtn {
background-image: url(images/rat.gif);
margin-top: 5px;
width: 224px;
height: 35px;
right: 0;
left: 16px;
position: relative;
cursor: pointer;
}

#combtn {
background-image: url(images/scene.gif);
margin-top: 5px;
width: 224px;
height: 35px;
right: 0;
left: 16px;
position: relative;
cursor: pointer;
}

#hombtn {
background-image: url(images/home.gif);
margin-top: 5px;
width: 224px;
height: 35px;
right: 0;
left: 16px;
position: relative;
cursor: pointer;
}

#player.home {
visibility: visible;
height: 250px;
width: 300px;
top: 140px;
left: 375px;
position: absolute;
border-color: #666;
border-width: 2px;
}

#player {
width: 300px;
height: 240px;
margin: 0;
top: 140px;
left: 390px;
position: absolute;
border-color: #666;
border-width: 2px;
}

#col1 {
visibility: visible;
position: absolute;
top: 400px;
left: 390px;
width: 300px;
overflow: all;
height: auto;
}

#col2 {
visibility: visible;
position: absolute;
height: auto;
width: 300px;
top: 140px;
left: 20px;
overflow: all;
}

#col3 {
visibility: visible;
position: absolute;
top: 140px;
height: auto;
width: 600px;
left: 20px;
}

#footer {
background-color: #5c5c5c;
position: absolute;
width: 967px;
height: 50px;
text-align: center;
color: #929292;
font: 10px Arial, Helvetica, Geneva, sans-serif;
margin: 7px auto 0 auto;
padding: 2px;
top: 1000px;
}

#footer li {
display: inline;
}

#footer ul {
padding: 0;
margin: 0;
color: #929292;
font: 10px Arial, Helvetica, Geneva, sans-serif;
}

#release {
height: 50px;
border-top: solid 3px #000;
border-bottom: solid 3px #000;
}

#release:hover {
background-color: #b21632;
border-top: solid 3px #f51632;
border-bottom: solid 3px #f51632;
}

#player2 {
max-height: 230px;
padding: 0;
width: 300px;
height: 230px;
margin: 0;
left: 10px;
position: relative;
border-color: #666;
border-width: 2px;
}

/* =Classes */

.artist {
display: block;
width: 20em;
float: left;
}

ul.nav {
line-height: 1.4;
font-size: 12px;
font-family: arial, verdana;
list-style-type: none;
text-align: right;
}

img.border {
border-width: 1px;
border-color: #8e7048
}

tr.odd {
background: #5c5c5c;
}

tr.even {
background: #aaaaaa;
}