html {
background: #0074BD;
background: url(/img/html-back.gif);
font-family: arial, helvetica, sans-serif;
margin: 0;
padding: 0;
}
body {
font-size: 0.8em;
color: #fff;
margin: 0;
padding: 0;
margin-bottom: 60px;
}
form, fieldset { border: 0; margin: 0; padding: 0; }
a { text-decoration: none; margin: 0; padding: 0; outline: none; }
a:link, a:visited { color: #004471; }
a:hover, a:active { color: #ee1c4d; text-decoration: none; }
a img { border: 0; margin: 0; }

/* ---- Typography ------ */
.bold, .company { font-weight: bold; }
.footnote { font-style: italic; font-size: 0.9em; }
kbd { font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
font-family: helvetica, arial, san-serif;
margin-top: 14px;
margin-bottom: 15px;
padding: 0;
color: #fff;
}
h1 {
font-size: 1.6em;
line-height: 1.4em;
}
h2 {
font-size: 1.2em;
padding: 0 0 10px 0;
font-weight: bold;
margin-bottom: 10px;
}
h3 {
margin-top: 3px;
margin-bottom: 3px;
font-size: 1.2em;
padding: 10px 0;
font-weight: bold;
}


input, textarea, em { font-family: helvetica, arial, san-serif; }
ol, ul, pre, blockquote {
margin-top: 5px;
margin-bottom: 5px;
}
blockquote { font-family: helvetica, arial, san-serif; }


/* standard helper classes */

.hide, div#order-button a span, div#services-box h2, div#emastering h1, div.faq-answer a.back-to-top span { display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */ }

.clearing { clear: both; }
.float-left { position: relative; float: left; }
.float-right { position: relative; float: right; }

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#wrapper {
}

#header {
background: #fff;
}


#header-inner {
height: 240px;
width: 960px;
margin: 0 auto;
background: #fff url(/img/banner-logo.gif) 0 20px no-repeat;
}

#pagecontent {
background: #0774bc url(/img/pagecontent-back.jpg) repeat-x;
clear: both;
position: relative;
line-height: 1.2em;
}
#pagecontent-inner {
background: url(/img/mastering-image1.jpg) left center no-repeat;
width: 960px;
margin: 0 auto;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
}
body#main #pagecontent-inner {
background: transparent;
}

#sidebar {
width: 340px;
height: 200px;
float: left;
position: relative;
}
#maincontent {
width: 620px;
padding-bottom: 30px;
float: left;
position: relative;
}
#maincontent a {
color: #fff;
}
#maincontent ul.basic {
list-style-type: none;
padding: 10px 0 10px 10px;
}
#maincontent ul.basic li {
padding: 0 0 6px 22px;
background: url(/img/li1.gif) 2px 3px no-repeat;
}


#footer {
background: #fff;
clear: both;
font-weight: bold;
font-size: 1.1em;
}


#footer-inner {
text-align: center;
padding: 10px 0;
width: 990px;
margin: 0 auto;
background: #fff;
color: #000;
}



#navbar {
height: 42px;
background: url(/img/navbar-back.gif) repeat-x;
}

#navbar ul {
list-style-type: none;
margin: 0 auto;
padding: 0;
width: 990px;
}
#navbar ul li {
float: left;
position: relative;
margin: 0;
padding: 0;
}
#navbar ul li a {
display: block;
height: 42px;
text-decoration: none;
position: relative;
}
#navbar ul li a span {
display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;
}
a#nav_home { background: url(/img/nav/nav_home.png) 35px 2px no-repeat; width: 80px; }
a#nav_mastering { background: url(/img/nav/nav_mastering.png) center 0 no-repeat; width: 160px; }
a#nav_emastering { background: url(/img/nav/nav_emastering.png) center 0 no-repeat; width: 180px; }
a#nav_audiopost { background: url(/img/nav/nav_audiopost.png) center 0 no-repeat; width: 230px; }
a#nav_duplication { background: url(/img/nav/nav_duplication.png) center 0 no-repeat; width: 170px; }
a#nav_contact { background: url(/img/nav/nav_contact.png) center 0 no-repeat; width: 160px; }

a#nav_home:hover, a#nav_home.selected { background-position: 35px -60px; }

a#nav_mastering:hover, a#nav_emastering:hover, a#nav_audiopost:hover, a#nav_duplication:hover, a#nav_contact:hover { background-position: center -54px; }

a#nav_mastering.selected, a#nav_emastering.selected, a#nav_audiopost.selected, a#nav_duplication.selected, a#nav_contact.selected { background-position: center -54px; }


/* ---- Covers List ------ */

div.covers-box {
width: 990px;
}
div.covers-box div.cover-box {
width: 190px;
height: 180px;
float: left;
position: relative;
}
div.covers-box div.cover-box img {
margin: 8px 0 0 26px;
border: 2px solid #fff;
}

div.covers-box div.cover-box h3 {
display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;
}

form { 
margin: 0px;
padding: 2px;
}
.bold, span.artist {
font-weight: bold;
}
#homescroller {
font: bold 80% arial, helvetica, sans-serif;
}
#homescroller a {
color: #006;
}

/* ---- Directory List ------ */

dl {
}
dt {
width: 200px;
float: left;
position: relative;
font-weight: bold;
margin: 0;
margin-top: 5px;
}
dd {
width: 200px;
float: left;
position: relative;
margin: 0;
margin-top: 5px;
}


/* ------ Singles List --- */
ul#singles {
padding: 0;
margin: 0;
list-style-type: none;
}

ul#singles li {
float: left;
position: relative;
padding: 2px 25px 2px 0;
font-size: 0.7em;
}


td {
line-height: normal;
font-size: 100%;
color: #000000;
font-family: arial, helvetica, sans-serif;
}
table.data1 {
width: 100%;
border-right: 0px solid #FFFFFF;
border-top: 0px solid #FFFFFF;
empty-cells: show;
}
table.data1 td {
border-left: 0px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
empty-cells: show;
padding-left: 8px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
}
td.artist {
line-height: normal;
font-weight: bold;
font-size: 70%;
color: #000000;
font-family: arial, helvetica, sans-serif;
text-align: left;
vertical-align: top;
}
.recording {
line-height: normal;
font-size: 70%;
color: #000000;
font-family: arial, helvetica, sans-serif;
text-align: left;
vertical-align: top;
}
.equipment1 {
line-height: normal;
font-size: 70%;
font-weight: bold;
color: #FFFFFF;
font-family: arial, helvetica, sans-serif;
text-align: left;
vertical-align: top;
}
.equipment2 {
line-height: normal;
font-size: 70%;
color: #FFFFFF;
font-family: arial, helvetica, sans-serif;
text-align: left;
vertical-align: top;
}
.reccompany {
width: 150px;
line-height: normal;
font-size: 70%;
font-weight: bold;
color: #000000;
font-family: arial, helvetica, sans-serif;
text-align: left;
vertical-align: top;
}



/* ---- Mastering nav   ---- */

div.emastering-nav {
padding: 10px 0;
margin: 20px 0 0 0;
position: relative;
top: -15px;
}
div.emastering-nav .emastering-nav-footer {
padding: 15px 0 0 0;
background: url(/img/side-nav-back.png) bottom left no-repeat;
}
div.emastering-nav ul {
margin: 0;
padding: 10px 0 0 0;
background: url(/img/side-nav-back.png) no-repeat;
list-style-type: none;
}
div.emastering-nav ul li {
padding: 1px 10px;
}

div.emastering-nav ul li a {
display: block;
font-weight: bold;
padding: 2px 10px;
color: #000;
text-decoration: none;
}
div.emastering-nav ul li a:hover {
color: #006;
text-decoration: none;
}

/* --- main sections --- */

#emastering, #faq {
padding: 10px 15px;
}
#emastering h2 {
font-size: 1.6em;
line-height: 1.4em;
margin-top: 0;
}

#emastering ol, #emastering ul, #faq ol, #faq ul  {
padding-right: 10px;
padding-bottom: 10px;
}
#emastering ul {
padding-top: 15px;
}
#emastering ul li {
padding-bottom: 5px;
}

#emastering p, #faq p {
padding-right: 10px;
}

div#services-box {
margin-top: 20px;
clear: both;
padding: 30px 0 0 0;
float: left;
position: relative;
width: 100%;
background: url(../img/servicesback.png) no-repeat;
color: #000;
font-size: 0.9em; 
}
div#service-footer {
clear: both;
padding: 15px 0 10px 0;
float: left;
position: relative;
width: 100%;
top: 25px;
background: url(../img/servicesback.png) bottom left no-repeat;
}

div.service {
float: left;
position: relative;
padding: 0;
margin: 0 10px 10px 10px;
width: 260px;
height: 120px;
}
div.service h3, div.service p {
margin-left: 85px;
margin-right: 15px;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
div.service h3 {
}

div#services-box a {
color: #000;
}


div#service-cd, div#service-download { background: url(../img/cd-pic.png) no-repeat; }
div#service-dub, div#service-vinyl { background: url(../img/vinyl-pic.png) no-repeat; }
div#service-acetate { background: url(../img/acetate.png) no-repeat; }


#sidebar div#how-works {
margin-bottom: 10px;
width: 280px;
}
#sidebar div#how-works ol {
margin: 0;
padding: 0 15px 15px 15px;
background: url(/img/how-works-back.png) bottom center no-repeat;
}
#sidebar div#how-works ol li {
margin-left: 20px;
padding-bottom: 5px;
color: #000;
}
#sidebar div#how-works h2 {
background: url(/img/how-works-back.png) no-repeat;
padding: 10px 10px 15px 10px;
margin: 0;
color: #000;
text-align: center;
}

/* ----- FAQ ---- */

div#faq div.faq-answer a, div#faq a { color: #fff; font-weight: bold;}
div#faq div.faq-answer a:hover, div#faq div.faq-answer a:active, div#faq a:hover { font-weight: bold; color: #ffd72f; text-decoration: none; }

div#faq ol li {
padding-bottom: 4px;
}

div.faq-answer {
padding: 15px 0 5px 0;
border-top: 1px dashed #fff;
}
div.faq-answer h2 {
background: url(/img/question.png) 2px 3px no-repeat;
padding: 3px 0 5px 30px;
margin: 0;
font-size: 1.2em;
}
div.faq-answer a.back-to-top {
float: right;
position: relative;
display: block;
height: 24px;
width: 20px;
background: url(/img/up.png) 0 3px no-repeat;
}





/* ----- Form elements ---- */

form fieldset legend {
font-weight: bold;
font-size: 1.3em;
margin: 0 0 15px 0;
padding: 10px 10px 0 0;
}

div.row, div.rowtextarea, div.rowsubmit, div.rowradio, div.rowselect, div.rowspacer {
clear: both;
padding-top: 5px;
min-height: 1px;
}
div.row label, div.rowselect label {
position: relative;
float: left;
text-align: right;
padding: 1px 10px 2px 0;
width: 160px;
}
div.row input, div.rowspacer input {
position: relative;
float: left;
width: 200px;
border: 1px solid #999;
padding: 2px;
}
div.rowtextarea {
padding-left: 170px;
}
div.rowtextarea label {
padding: 3px 0 5px 0;
}
div.rowtextarea textarea {
margin: 0;
padding: 1px 2px;
width: 340px;
border: 1px solid #999;
font-size: 1.0em;
height: 100px;
}
div.rowsubmit, div.rowspacer {
margin-left: 170px;
}

div.rowsubmit input {
background: #000;
border: 1px outset #999999;
margin: 0 0 3px 0;
width: 200px;
padding: 1px 0 2px 0;
color: #fff;
}
div.rowbutton a {
width: 200px;
display: block;
padding: 1px 0;
text-align: center;
background: #ff3;
color: #000;
border: 1px solid #000;
}
div.rowradio label {
float: left;
position: relative;
padding: 3px 0;
}
div.rowradio input {
float: left;
position: relative;
width: 30px;
border: 0;
margin: 5px 0 0 20px;
}
div.spacer {
padding-bottom: 15px;
}

form#order-form {
clear: both;
padding: 0 0 10px 0;
float: left;
position: relative;
width: 100%;
background: #c7c4d7 url(../img/orderback.gif) no-repeat;
}

form#order-form fieldset {
padding: 10px 0 10px 10px;
}
div.service div.rowradio, div.service div.rowselect {
margin-left: 85px;
}
div.service div.rowradio label {
float: left;
width: 140px;
}
div.service div.rowradio input {
margin: 5px 0 0  0;
padding: 0;
}
div.service div.rowselect label {
width: auto;
margin-left: 5px;
}
div#order-button {
width: 160px;
height: 36px;
margin: 10px;
}

div#order-button a {
width: 160px;
height: 36px;
display: block;
background: url(../img/order-now.gif) no-repeat;
}