body, html {
background-color: #3d0101;
margin: 0em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#bnnr {
width: 100%;
height: 104px;
background-color: #000000;
background-image: url(images/keyboardGraphic.gif);
background-repeat: no-repeat;
}

#bnnr .imgHolder {
margin-right: -50px;
float: right;
}

#bnnr li {
background-color: #FFFFFF;
padding: 3px 20px 3px 5px;
border-bottom: 4px solid black;
}

#bnnr li:hover {
background-color: #cacaca;
}

#bnnr ul {
list-style-type: none;
margin: 0em;
}

#bnnr ul a, #bnnr ul a:visited {
color: #ffa800;
text-decoration: none;
}

#bnnr ul a:hover, #bnnr ul a:active {
color: #6f0102;
}

#footer {
width: 880px;
height: 30px;
background-color: #000000;
float: left;
}

.footertxt {
color: #383838;
font-size: 10px;
padding-top: 7px;
padding-left: 20px;
}

.footertxt a, .footertxt a:visited {
color: #383838;
text-decoration: none;
}

.footertxt a:hover, .footertxt a:active {
color: #666666;
}

#prBody {
background-color: white;
padding: 100px;
line-height: 18px;
margin-right: auto;
margin-left: auto;
}

#prBody a, #prBody a:visited {
color: #ffa800;
text-decoration: none;
}

#prBody a:hover, #prBody a:active {
color: #6f0102;
}

#prContainer {
width: 100%;
background-color: #FFFFFF;
float: left;
}

#wrap {
width: 900px;
margin-right: auto;
margin-left: auto;
}


/* home */

#hmBox {
display: table-cell;
vertical-align: middle;
}

.hmFooter a, .hmFooter a:visited {
color: #444444;
}

#hmBoxMiddle {
height: 500px;
border-top: 1px dotted #454545;
border-bottom: 1px dotted #454545;
margin-right: auto;
margin-left: auto;
}

#hmWrap {
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
display: table;
background-color: #000000;
}

#horzBox {
width: 955px;
height: 500px;
background-image: url(images/tiles-sm.jpg);
background-repeat: no-repeat;
background-position: 496px 20px;
margin-right: auto;
margin-left: auto;
z-index: 0px;
}

#pr {
width: 150px;
height: 30px;
color: #FFFFFF;
position: relative;
top: -50px;
left: -50px;
z-index: 1;
}

#pr a, #pr a:visited {
color: #FFFFFF;
text-decoration: none;
}

#pr a:hover, #pr a:active {
color: #ffa800;
}

#pr object {
position: relative;
top: -5px;
}

/* Bio Nav */

#navBio {
position: relative;
top: 77px;
left: 147px;
float: left;
}

#navBio a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}

#navBio a strong {
position: relative;
top: -10px;
left: -85px;
}

#navBio a:hover {
color: #ffa800;
text-decoration: none;
}

#navBio a span {
display: none;
}

#navBio a:hover span {
position: absolute;
top: 30px;
left: 0px;
display: block;
}

/* Discography Nav */

#navDiscography {
position: relative;
top: 107px;
left: 131px;
float: left;
}

#navDiscography a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}

#navDiscography a strong {
position: relative;
top: -10px;
left: -114px;
}

#navDiscography a:hover {
color: #ffa800;
text-decoration: none;
}

#navDiscography a span {
display: none;
}

#navDiscography a:hover span {
position: absolute;
top: 0px;
left: 0px;
display: block;
}

/* Discography Contact */

#navContact {
position: relative;
top: 107px;
left: 54px;
float: left;
}

#navContact a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}

#navContact a strong {
position: relative;
top: -10px;
left: -102px;
}

#navContact a:hover {
color: #ffa800;
text-decoration: none;
}

#navContact a span {
display: none;
}

#navContact a:hover span {
position: absolute;
top: 0px;
left: 0px;
display: block;
}



/* bio */

#bioBody {
background-color: #3d0101;
}

#bioContainer {
width: 100%;
background-image: url(images/bioImg.jpg);
background-repeat: no-repeat;
background-position: right -100px;
background-color: #550101;
float: left;
}

.bioCredit {
color: #764f05;
}

#bioQuote1, #bioQuote2, #bioQuote3, #bioQuote4 {
color: #ffa800;
}

#bioQuote1 {
position: relative;
top: -450px;
left: 490px;
width: 300px;
float: left;
}

#bioQuote2 {
position: relative;
top: -370px;
left: 140px;
width: 350px;
float: left;
}

#bioQuote3 {
position: relative;
top: -320px;
left: 290px;
width: 300px;
float: left;
}

#bioQuote4 {
position: relative;
top: -160px;
left: -70px;
width: 275px;
float: left;
}

#bioText {
width: 300px;
color: #FFFFFF;
padding: 50px 0px 0px 80px;
text-align: right;
font-size: 11px;
line-height: 21px;
}

#bioText:first-letter {
font-size: 450%;
color: #ffa800;
}



/* discography */

#albums {
width: 500px;
}

#albums div {
float: left;
}

#albums div.eq {
padding-bottom: 200px;
margin-bottom: -200px;
}

#albums img {
padding: 20px 0px 10px 25px;
}

.albuminfo {
width: 133px;
padding-left: 25px;
display: block;
}

#discBody {
background-color: #3d0101;
}

#discContainer {
width: 900px;
background-color: #550101;
float: left;
}

#leftcol {
width: 500px;
background-color: #550101;
margin-right: 30px;
padding-bottom: 200px;
float: left;
}

#leftcol h2 {
color: #764f05;
margin-top: 0px;
padding-top: 30px;
padding-left: 30px;
}

#rightcol {
color: #764f05;
width: 400px;
height: 772px;
padding-left: 500px;
margin-top: 0px;
background-image: url(images/discographyImg.jpg);
background-repeat: no-repeat;
background-position: 450px 0px;
background-color: #550101;
}

#rightcol2 {
color: #764f05;
width: 400px;
height: 772px;
padding-left: 500px;
margin-top: 0px;
background-image: url(images/discographyImg2.jpg);
background-repeat: no-repeat;
background-position: 500px -100px;
background-color: #550101;
}

#rightcol3 {
color: #764f05;
width: 400px;
height: 772px;
padding-left: 500px;
margin-top: 0px;
background-image: url(images/discographyImg3.jpg);
background-repeat: no-repeat;
background-position: 405px 0px;
background-color: #550101;
}

#rightcol a, #rightcol a:visited, #rightcol2 a, #rightcol2 a:visited, #rightcol3 a, #rightcol3 a:visited {
color: #ffa800;
text-decoration: none;
}

#rightcol a:hover, #rightcol a:active, #rightcol2 a:hover, #rightcol2 a:active, #rightcol3 a:hover, #rightcol3 a:active {
color: #ffffff;
}

#rightcol h2, #rightcol2 h2, #rightcol3 h2 {
color: #764f05;
margin-top: 0px;
padding-top: 30px;
padding-left: 30px;
}

#rightcol ul, #rightcol2 ul, #rightcol3 ul {
list-style-type: square;
}




/* nav */

#nav {
width: 150px;
height: 100px;
margin-top: 4px;
margin-left: 20px;
float: right;
}

#navBlackKeySim1 {
width: 60px;
height: 10px;
background-color: #000000;
position: relative;
top: -81px;
left: 90px;
float: left;
}

#navBlackKeySim2 {
width: 60px;
height: 10px;
background-color: #000000;
position: relative;
top: -56px;
left: 30px;
float: left;
}

#navBlackKeySim3 {
width: 60px;
height: 10px;
background-color: #000000;
position: relative;
top: -40px;
left: 90px;
float: left;
}