﻿body {
background-color:black;
font: 10pt/12pt Brush Script MT;
font-family: verdana, helvetica, arial, sans-serif;
color: white;
font-weight: normal;
margin:0;
}

body h1 {
	color:cyan;
	font: 18pt/20pt "Times New Roman", Times, serif;
	font-family: verdana, helvetica, arial, sans-serif;
}
	

#wrapper {
width:1000px;
height:auto;
min-height:880px;
margin:0 auto 0 auto;
}

/* Over all site container */
#container {
position:relative;
background-image:url(../images/page/mainback.png);
background-repeat:repeat-y;
width:1000px;
height:auto;
min-height:900px;
float:left;
}

.clearfix {
clear:both;
}

#main, #inimain {
position:relative;
background-image:url(../images/page/mainback.jpg);
background-repeat:repeat;
color:black;
width:920px;
padding:0;
margin:0 auto 40px auto;
}

#main {
height:auto;
}

#topbox {
width:920px;
height:80px;
margin:auto;
}

#homedlbox {
width:750px;
height:auto;
margin:0 auto 40px auto;
border:none;
}

#homedlbox h4 {
font: 14pt/16pt "Times New Roman", Times, serif;
font-family: verdana, helvetica, arial, sans-serif;
width:300px;
color:black;
font-weight:bold;
text-decoration:none;
margin:10px auto 0 auto;
border:none;
}

#homedlbox h5 {
font: 10pt/12pt "Times New Roman", Times, serif;
font-family: verdana, helvetica, arial, sans-serif;
color:black;
font-weight:bold;
text-decoration:none;
margin:10px auto 0 auto;
border:none;
}

#homevidbox {
width:640px;
height:auto;
margin:0 auto 10px auto;
border:none;
}

#homevidbox h5 {
font: 10pt/12pt "Times New Roman", Times, serif;
font-family: verdana, helvetica, arial, sans-serif;
width:500px;
color:black;
font-weight:bold;
text-decoration:none;
margin:0 auto 10px auto;
border:none;
}

#hwvbox {
width:456px;
height:166px;
margin:auto;
border:none;
}

#hwvbox h4 {
font: 14pt/16pt "Times New Roman", Times, serif;
font-family: verdana, helvetica, arial, sans-serif;
width:456px;
color:black;
font-weight:bold;
text-decoration:none;
margin:10px 0 0 20px;
border:none;
}

#vreal {
background-image:url(../images/vreal.jpg);
background-position:center;
background-repeat:no-repeat;
text-align:center;
width:300px;
height:78px;
margin:0 auto 0 auto;
}


#disclaimer {
width:750px;
height:auto;
margin:0 auto 40px auto;
border:none;
}

#disclaimer h4 {
font: 10pt/12pt "Times New Roman", Times, serif;
font-family: verdana, helvetica, arial, sans-serif;
width:750px;
color:red;
font-weight:bold;
text-decoration:none;
margin:10px auto 0 auto;
border:none;
}

#tlc {
position:absolute;
background-image:url(../images/page/tlc.jpg);
background-position:top left;
background-repeat:no-repeat;
top:0;
left:0;
width:40px;
height:40px;
margin:0;
}

#ptop {
position:absolute;
background-image:url(../images/page/top.jpg);
background-position:top left;
background-repeat:repeat-x;
top:0;
left:40px;
width:928px;
height:40px;
margin:0;
}

#trc {
position:absolute;
background-image:url(../images/page/trc.jpg);
background-position:top left;
background-repeat:no-repeat;
top:0;
right:0;
width:40px;
height:40px;
margin:0;
}

#blc {
position:absolute;
background-image:url(../images/page/blc.jpg);
background-position:top left;
background-repeat:no-repeat;
bottom:0;
left:0;
width:40px;
height:40px;
margin:0;
}

#pbot {
position:absolute;
background-image:url(../images/page/bot.jpg);
background-position:top left;
background-repeat:repeat-x;
bottom:0;
left:40px;
width:928px;
height:40px;
margin:0;
}

#brc {
position:absolute;
background-image:url(../images/page/brc.jpg);
background-position:top left;
background-repeat:no-repeat;
bottom:0;
right:0;
width:40px;
height:40px;
margin:0;
}

#inimain {
background-image:url(../images/mainfront.png);
background-repeat:no-repeat;
background-position: top center;
background-color:#000000;
height:850px;
}


#longmain table {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:783px;
margin:0 auto 0 auto;
}

#longmain th {
color:red;
font-weight:bold;
padding-bottom:10px;
}

.artiste {
color:blue;
font-weight:bold;
text-align:left;
padding-left:70px;
}

.artiste, .artiste a {
width:200px;
text-decoration:none;
}

.sampleset, .sampleset a {
font-weight:bold;
width:200px;
text-decoration:none;
text-align:center;
}

.song {
width:400px;
font-weight:bold;
text-align:left;
padding-left:90px;
}

.midi {
width:20px;
font-size:20px;
font-weight:bold;
text-align:center;
}

.song a, .midi a {
text-decoration:none;
}

.medconsole {
background-image:url(../images/medconsole.png);
width:614px;
height:420px;
margin:0 auto 0 auto;
}

.ticket {
position:absolute;
top:0;
left:0;
background-image:url(../images/ticket.png);
background-repeat:no-repeat;
background-position:top center;
cursor:pointer;
width:250px;
height:107px;
margin:0;
}

.ticket a {
color:#ffc;
font-weight:bold;
}

.click {
position:absolute;
left:20px;
bottom:0;
width:20px;
height:15px;
text-align:left;
color:#ffc;
font-weight:bold;
}

.enter {
position:absolute;
right:0;
bottom:0;
width:64px;
height:15px;
text-align:left;
color:#ffc;
font-weight:bold;
margin:0;
}

a img {
text-decoration:none;
border:none;
}

p {
font:9pt "Arial", Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
color:black;
font-weight:normal;
width:880px;
margin:10px 20px 10px 25px;
}

h1 {
font: 22pt/24pt "Times New Roman", Times, serif;
font-family: verdana, helvetica, arial, sans-serif;
color:black;
font-weight:normal;
text-align:center;
margin:0;
}

h2 {
font: 24pt/26pt "Brush Script MT Italic";
color:black;
font-weight:bold;
text-align:center;
margin:0;
}

h3, .textbox h3 {
font: 14pt/16pt "Times New Roman", Times, serif;
font-family: verdana, helvetica, arial, sans-serif;
color:black;
font-weight:normal;
text-align:center;
padding-left:30px;
margin:0 auto 0 auto;
}

.textbox h3 {
margin:0 auto 0 -50px;
}

h4, #main h4 {
font: 14pt/16pt "Times New Roman", Times, serif;
font-family: verdana, helvetica, arial, sans-serif;
color:black;
font-weight:bold;
text-decoration:none;
margin:10px 20px 0 20px;
border:none;
}

#main h4 {
text-align:center;
margin:5px auto;
}

h5 {
font: 10pt/12pt "Times New Roman", Times, serif;
font-family: verdana, helvetica, arial, sans-serif;
color:black;
margin:5px 0 20px 10px;
}

#main h5 {
font: 10pt/12pt "Times New Roman", Times, serif;
font-family: verdana, helvetica, arial, sans-serif;
color:black;
font-weight:bold;
text-align:center;
margin:20px auto;
border:none;
}

h6, #inimain h6, .textbox h6 {
font: 9pt/11pt "Times New Roman", Times, serif;
font-family: verdana, helvetica, arial, sans-serif;
color:black;
font-weight:normal;
text-align:center;
margin:0;
}

.p450intro {
font: 11pt/13pt "Times New Roman", Times, serif;
font-family: verdana, helvetica, arial, sans-serif;
color:black;
font-weight:bold;
text-decoration:none;
text-align:center;
margin:0 auto 0 auto;
border:none;
}

.p450intro h4 {
color:red;
}

#inimain h6 {
color:black;
}

.textbox h6 {
font-weight:bold;
}

a:link {
color:blue;
text-decoration:none;
border:none;
}

a:visited {
color:#f0f;
text-decoration:none;
border:none;
}

a:hover {
color:#00F;
text-decoration:underline;
border:none;
}

a:active {
color:black;
text-decoration:none;
border:none;
}


.textbox li {
font:9pt/11pt Arial, Helvetica, Helv;
font-family:verdana, helvetica, arial, sans-serif;
color:black;
font-weight:normal;
text-align:left;
color:black;
list-style-type:square;
margin-left:55px;
}

.footer {
position:absolute;
left:0;
bottom:0;
width:1000px;
height:135px;
}

#logos { /* Container for logo and validator buttons */
position:absolute;
top:40px;
right:0;
width:313px;
height:100px;
text-align:center;
font-size:8px;
padding-left:10px 0 0 10px;
}

#webbwize { /* Webbwize logo */
display:block;
position:relative;
width:100px;
height:54px;
margin:0;
padding-left:5px;
float:left;
}

#webbwize h6 { /* Copyright text */
color:white;
text-align:center;
font-size:xx-small;
font-weight:normal;
margin:0;
padding:2px;
}

#validators { /* HTML CS3 validation buttons */
display:block;
position:relative;
width:184px;
height:31px;
margin-top:20px;
float:left;
}

#webmaster {
padding-top:10px;
width:100px;
height:100px;
text-align:center;
font-size:8px;
margin:0;
padding-right:10px;
padding-top:45px;
}

.paralogo {
background-image:url(../images/logo.png);
background-position:center;
background-repeat:no-repeat;
width:1000px;
height:305px;
margin:40px auto 10px auto;
float:left;
}

.medparalogo {
display:block;
background-image:url(../images/medlogo.png);
background-position:center bottom;
background-repeat:no-repeat;
width:1000px;
height:216px;
margin:0 auto 0 auto;
}

.smallparalogo {
background:inherit;
background-image:url(../images/smalllogo.png);
background-position:center;
background-repeat:no-repeat;
width:175px;
height:79px;
margin:10px auto 10px auto;
}

#powtext {
text-align:center;
width:300px;
height:30px;
margin:0 auto 0 auto;
}

#title {
text-align:center;
width:550px;
height:30px;
margin:0 auto 0 auto;
}

#navcenter {
position:relative;
width:800px;
height:94px;
margin:5px auto 30px auto;
}

/* Navigation back panel */
#navbar {
background:inherit;
font-family:Arial, Helvetica, sans-serif;
font:"Arial Black";
font-weight:100;
width:417px;
height:89px;
margin:0 auto 0 auto;
}

/* 'Tab' abbreviation and 'pitch' text */
.abbrev {
position:absolute;
left:0;
top:38px;
font-size:12px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
line-height:140%;
cursor:pointer;
width:43px;
height:28px;
padding:0;
margin:0;
}

#navbar li a:active span, #navbar #couplertab li span, #navbar #fluetab li span, #navbar #reedtab li span, #navbar #stringtab li span {
font-size:12px;
top:39px;
}

/* 'Felt' bar */
#tabfelt {
background-color:#B70000;
width:406px;
height:2px;
padding:0;
margin-left:1px;
z-index:100;
}

/* 'Slot' in back panel */
#tabslot {
background-color:#410;
width:408px;
height:6px;
padding:0;
margin:0;
z-index:20;
}

/* Initial 'tab' image definitions - placed at 0 0 */
#navbar .couplertab li a, #navbar #couplertab li {
background-image:url(../images/tabs/blacktabs.png);
color:white;
}

#navbar .fluetab li a, #navbar #fluetab li {
background-image:url(../images/tabs/whitetabs.png);
color:black;
}

#navbar .reedtab li a, #navbar #reedtab li {
background-image:url(../images/tabs/redtabs.png);
color:white;
}

#navbar .stringtab li a, #navbar #stringtab li {
background-image:url(../images/tabs/yellowtabs.png);
color:black;
}

/* Ensure correct placement for floated items */
#navbar ul {
text-align:center;
padding:0;
margin:0;
float:left;
z-index:40;
}

/* All lis */
#navbar li {
position:relative;
width:43px;
height:85px;
cursor:pointer;
list-style-type:none;
text-align:center;
line-height:70%;
padding:0;
margin:0 1px 0 1px;
float:left;
z-index:50;
}

/* All anchors */
#navbar li a, #navbar #couplertab li, #navbar #fluetab li, #navbar #reedtab li, #navbar #stringtab li {
position:relative;
background-position:0 0;
background-repeat: no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:8px;
font-weight:bold;
text-decoration:none;
width:43px;
height:80px;
padding-top:5px;
margin:0 1px 0 1px;
float:left;
z-index:50;
}

/* Hover */
#navbar li a:hover {
background-position:0px -85px;
}

 /* Current selection */
#navbar li a:active {
background-position:0px -170px;
font-size:8px;
}

#navbar #couplertab li, #navbar #fluetab li, #navbar #reedtab li, #navbar #stringtab li {
background-position:0px -170px;
font-size:8px;
}

#buttons, #midbuttons {
width:521px;
height:141px;
text-align:center;
}

#buttons {
position:absolute;
top:56px;
left:384px;
margin:0;
}

#midbuttons {
position:relative;
margin:50px auto 0 auto;
}

/* Navigation button panel */
#buttonbar {
background:inherit;
width:320px;
height:42px;
margin:5px auto 0 auto;
}

#buttonbar li a:active span, #buttonbar #couplerbutton li span, #buttonbar #fluebutton li span, #buttonbar #reedbutton li span, #buttonbar #stringbutton li span {
font-size:12px;
top:39px;
}

/* Initial 'button' image definitions - placed at 0 0 */
#buttonbar .couplerbutton li a, #buttonbar #couplerbutton li {
background-image:url(../images/buttons/blackbuttons.png);
color:white;
}

#buttonbar .fluebutton li a, #buttonbar #fluebutton li {
background-image:url(../images/buttons/whitebuttons.png);
color:black;
}

#buttonbar .reedbutton li a, #buttonbar #reedbutton li {
background-image:url(../images/buttons/redbuttons.png);
color:white;
}

#buttonbar .stringbutton li a, #buttonbar #stringbutton li {
background-image:url(../images/buttons/yellowbuttons.png);
color:black;
}

#buttonbar .buttongrey li a {
background-image:url(../images/buttons/greybuttons.png);
color:#888888;
}

/* Ensure correct placement for floated items */
#buttonbar ul {
text-align:center;
padding:0;
margin:0;
float:left;
z-index:40;
}

/* All lis */
#buttonbar li {
position:relative;
width:62px;
height:40px;
cursor:pointer;
list-style-type:none;
font-weight:bold;
text-align:center;
padding:0;
margin:0 1px 0 1px;
float:left;
z-index:50;
}

/* All anchors */
#buttonbar li a, #buttonbar #couplerbutton li, #buttonbar #fluebutton li, #buttonbar #reedbutton li, #buttonbar #stringbutton li {
position:relative;
background-position:0 0;
background-repeat: no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:8px;
font-weight:bold;
text-decoration:none;
width:62px;
height:35px;
padding-top:4px;
margin:0 1px 0 1px;
float:left;
z-index:50;
}

/* Hover */
#buttonbar li a:hover {
background-position:0px -40px;
}

 /* Current selection */
#buttonbar li a:active {
background-position:0px -80px;
font-size:8px;
}

#buttonbar #couplerbutton li, #buttonbar #fluebutton li, #buttonbar #reedbutton li, #buttonbar #stringbutton li {
background-position:0px -80px;
font-size:8px;
}

.cheekbox {
position:relative;
width:46px;
height:46px;
padding:0;
margin-top:-24px;
float:right;
}

/* Navigation piston */
.cheeks {
background:inherit;
width:46px;
height:46px;
line-height:90%;
margin:0;
margin-left:30px;
}

/* Initial 'piston' image definitions - placed at 0 0 */
.cheeks .cbutton li a, .cheeks .cbutton li {
background-image:url(../images/cheeks/cheekbuttons.png);
color:black;
}

.cheeks .cbuttongrey li a {
background-image:url(../images/cheeks/greycbuttons.png);
color:#888888;
}

/* Ensure correct placement for floated items */
.cheeks ul {
text-align:center;
list-style:none;
padding:0;
margin:0;
z-index:40;
}

/* All anchors */
.cheeks li a {
background-position:0 0;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
text-decoration:none;
list-style:none;
width:46px;
height:36px;
padding-top:10px;
margin:0;
float:left;
z-index:50;
}

/* Hover */
.cheeks li a:hover {
background-position:0px -46px;
}

 /* Current selection */
.cheeks li a:active {
background-position:0px -92px;
font-size:9px;
list-style:none;
}

.cheeks .piston li {
background-position:0px -92px;
font-size:9px;
}

.specline {
display:block;
position:relative;
font: 9pt/11pt "Times New Roman", Times, serif;
font-family: verdana, helvetica, arial, sans-serif;
color:black;
font-weight:normal;
width:350px;
height:66px;
padding:12px 20px 0 10px;
margin-top:10px;
}

.shotbox, .conbox {
height:598;
padding:0;
margin:0 auto 0 auto;
border:5px gray inset;
}

.shotbox {
width:808px;
}

.conbox {
width:808px;
}

.textbox, .taxes {
position:relative;
display:block;
width:920px;
height:auto;
margin-bottom:20px;
}

.taxes {
margin-top:100px;
}

.taxes p {
font: 9pt/11pt "Times New Roman", Times, serif;
font-family: verdana, helvetica, arial, sans-serif;
color:red;
font-weight:normal;
}

.textbox p {
width:890px;
margin-left:15px;
}

.navpiston, .library {
position:absolute;
right:0;
bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
text-align:center;
color:black;
width:110px;
height:70px;
}

.pistonbox {
position:absolute;
bottom:0;
right:0;
width:46px;
height:46px;
padding:0;
}

/* Navigation piston */
.pistons {
background:inherit;
width:46px;
height:46px;
margin:0;
}

/* Initial 'piston' image definitions - placed at 0 0 */
.pistons .piston li a, .pistons .piston li {
background-image:url(../images/pistons/pistons.png);
color:black;
list-style-type:none;
}

/* Ensure correct placement for floated items */
.pistons ul {
text-align:center;
padding:0;
margin:0;
z-index:40;
}

/* All anchors */
.pistons li a {
background-position:0 0;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
width:46px;
height:32px;
padding-top:14px;
margin:0;
float:left;
z-index:50;
}

/* Hover */
.pistons li a:hover {
background-position:0px -46px;
}

 /* Current selection */
.pistons li a:active {
background-position:0px -92px;
font-size:14px;
}

.pistons .piston li {
background-position:0px -92px;
font-size:14px;
}

/* Downloads piston and text */

.downloadpiston {
width:46px;
height:46px;
margin-left:10px;
float:left;
}

.download {
position:relative;
width:900px;
height:46px;
margin:25px auto 20px auto;
z-index:50;
}

.dtboxl, .dtboxr {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
text-align:left;
color:black;
height:40px;
padding-top:15px;
margin:0;
float:left;
}

.dtboxl {
width:427px;
}

.dtboxr {
width:327px;
padding-left:100px;
}

/* Main framework for forms */
#forms {
position:relative;
width:623px;
height:590px;
padding:0;
margin:10px 10px 0 30px;
float:left;
}

#regform {
background-color:#FFFFFF;
font-family:"Comic Sans MS", Verdana, Arial, sans-serif;
font-size:12px;
color:#000000;
width:auto;
height:auto;
padding:0;
margin:0;
}

#legal {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:90%;
height:auto;
border:2px solid red;
text-align:center;
padding:0 0 5px 10px;
margin:0 auto 20px auto;
}

#legal p {
color:black;
width:95%;
}

#legal h2 {
font-size:18px;
color:red;
font-weight:bold;
padding:0;
margin:0;
}

#main th {
color:red;
}

#musictitle {
color:red;
font-size:16px;
width:250px;
height:20px;
margin:0 0 10px 90px;
float:left;
}

#midititle {
color:red;
font-size:16px;
width:200px;
height:20px;
margin:0 0 10px 50px;
float:left;
}

.star {
color:red;
font-size:20px;
}


#musicartist {
color:red;
font-size:16px;
width:400px;
height:20px;
margin-right:-75px;
float:left;
}

.retbox {
position:relative;
width:900px;
height:46px;
margin:0 0 -20px 93px;
z-index:50;
}

.getbox {
color:black;
font-weight: bold;
position:relative;
width:70px;
height:15px;
margin-left:-15px;
float:left;
}