/* CSS Document */

.textBox { position: relative; top: -90px; float: right; width: 450px; padding: 20px 20px 30px; margin-right: 10px; background-color: #e9e8d0; filter: Alpha(opacity=80); -moz-opacity: 0.8 }
.titleText { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 20px; color: #598c69; text-align: left; font-size: 20px; color: #cc6699; margin-bottom: 16px; border-bottom: 1px dashed #cc6699 }
.bodyText { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; line-height: 20px; color: #598c69; text-align: left }
.footerText { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; line-height: 18px; color: #598c69; text-align: justify }
.navHolder { display: block; float: right; margin: 12px -1px 0px 8px; z-index: 100 }

.artDiv { background-image: url(images/bg-thumbs.png); background-repeat: none; height: 95px; width: 95px; margin: 0px }
.ol-b { position: relative; top: 8px; left: 7px; border: 2px #6699cc solid; width: 76px; height: 76px }
.ol-b:hover { position: relative; top: 8px; left: 7px; border: 2px #cc6699 solid; width: 76px; height: 76px }
.ol-g { position: relative; top: 8px; left: 7px; border: 2px #33cc66 solid; width: 76px; height: 76px }
.ol-y { position: relative; top: 8px; left: 7px; border: 2px #eebb40 solid; width: 76px; height: 76px }
.ol-p { position: relative; top: 8px; left: 7px; border: 2px #cc6699 solid; width: 76px; height: 76px }
.bigArtDiv { background-image: url(images/bg-thumbs-big.png); background-repeat: none; height: 190px; width: 190px; margin: 0px }
.b-ol-b { position: relative; top: 8px; left: 8px; border: 2px #6699cc solid; width: 170px; height: 170px }
.b-ol-g { position: relative; top: 8px; left: 8px; border: 2px #33cc66 solid; width: 170px; height: 170px }
.b-ol-y { position: relative; top: 8px; left: 8px; border: 2px #eebb40 solid; width: 170px; height: 170px }
.b-ol-p { position: relative; top: 8px; left: 8px; border: 2px #cc6699 solid; width: 170px; height: 170px }

.bgRooster { position: absolute; z-index: 3; margin-left: -34px; top: 0px }
.bgPhx { display: none; position: absolute; z-index: 4; margin-left: -171px; top: 0px }
.bgDragon { display: block; position: absolute; z-index: 5; margin-left: -205px; top: 0px }
.bgLady { display: block; position: absolute; z-index: 5; margin-left: -101px; top: 0px }
.bgSR { background-image: url(images/bg-skullroses.gif); position: absolute; z-index: 5; margin-left: -65px; top: 0px; width: 570px; height: 700px }
.bgCS { position: absolute; z-index: 5; margin-left: -63px; top: 30px; width: 526px; height: 619px }

a { color: #33b261; text-decoration: underline; border: 0px transparent }
a:hover { color: #cc6699; text-decoration: none; background-color: #e9e8d0; border: 0px transparent }

a.none { color: transparent; background-color: transparent; text-decoration: none }
a.none:hover { color: transparent; background-color: transparent; text-decoration: none }