body {
    font-family: helvetica, arial, sans-serif;
    background-attachment: fixed; 
    color: #ffffff;
    background-color: #000000;
}
#container {
    margin: 0 auto 0 auto;
    width: 960px; 
background-color: #000000;
    /*
    background-image: url('/images/bg.jpg');
    background-attachment: fixed;
    */
}
#top {
    background: #000000 url('/images/curve-bg.gif') no-repeat;
    color: #ffffff;
    padding-top: 66px;
    padding-left: 41px;
}
h1.logo {
    font: normal 50px helvetica,arial,sans-serif;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

a { text-decoration: none; }

/* splash page */
#splash .nav { display :none; }
#splash #bottom .left { width: auto; }
#splash .sidebar { float: left; width: 240px; }
#splash .photo { float: left; width: auto; height: auto;margin-top: 25px; }
#splash .sidebar li { width: 200px; }
#splash .sidebar li .text { display: none; }
#splash .sidebar li .title { font-size: 17px; padding-top: 25px; text-transform: normal; font-weight: normal;  }
#splash ul.sidebar li { background-color: #333333; }
#splash #covers { position: relative; width: 609px; height: 370px; }
#splash #covers img {
    position: absolute;
    top: 0; left: 0;
    display: block;
}
#splash #covers img.front { z-index: 10; display: block; }
#splash #covers img.back { z-index: 0; display: none; }
#splash #covers { cursor: pointer; }

/* color themes */
.subhead  { color: #CCCCCC; }
#mastering .subhead,
#mastering #bottom h1,
#mastering #bottom .subhead  { color: #00FF00; }

#engmix .subhead,
#engmix #bottom h1,
#engmix #bottom .subhead { color: #2AC4F6; }

#quotes .subhead,
#quotes #bottom h1,
#quotes #bottom .subhead { color: #00FF00; }

#news .subhead,
#news #bottom h1,
#news #bottom .subhead { color: #eaa023; }

#reamp .subhead,
#reamp #bottom h1,
#reamp #bottom .subhead { color: #FF3200; }

#contact .subhead,
#contact #bottom h1,
#contact #bottom .subhead { color: #FEFE00; }

#client .subhead,
#client #bottom h1,
#client #bottom .subhead { color: #2382B5; }

#videos .subhead,
#videos #bottom h1,
#videos #bottom .subhead { color: #7676ff; }

.subhead {
    font: italic 12px "Trebuchet MS",arial,helvetica;
    margin: 3px 0 0 0;
    padding: 0;
    letter-spacing: 0.8px;
}

ul.nav a { text-decoration: none; }

ul.nav {
    list-style: none;
    margin: 25px 0 0 0;
    padding: 0 0 3px 0;
}
ul.nav li {
    font: 18px helvetica;
    display: inline;
    color: #D9C7C2;
    float: left;
    margin-right: 27px;
}

body#mastering ul.nav li.mastering a,
body#engmix ul.nav li.engmix a,
body#consulting ul.nav li.consulting a,
body#reamp ul.nav li.reamp a,
body#news ul.nav li.news a,
body#quotes ul.nav li.quotes a,
body#photos ul.nav li.photography a,
body#videos ul.nav li.video a,
body#contact ul.nav li.contact a,
body#client ul.nav li.client a,
ul.nav li.selected a {
    border-bottom: 1px solid;
}

ul.nav li a {
    display: block;
    /*padding: 5px 9px 4px 9px; */
    padding: 5px 4px 4px 4px; 
}
ul.nav li a:hover {
    border-bottom: 1px solid;
}
ul.nav li a.disabled { color: #333333; }
ul.nav li a.disabled:hover { border-bottom: none; }
ul.nav li a { color: #D9C7C2; border: none; }
.clear { clear: both; }

#credits a, #bottom a { color: #5585FF; }
#credits a:hover, #bottom a:hover { border-top: 1px solid; border-bottom: 1px solid; color: #ffffff; }

#bottom {
    margin: 45px 0 0 45px;
    color: #999999;
    /*font: 13px "Trebuchet MS",arial,helvetica;*/
    font: 14px helvetica;
    line-height: 150%;
}
#bottom h1 {
    margin: 0px 0 30px 0px;
    font: bold 20px "Trebuchet MS",arial,helvetica;
}
#bottom .subhead {
    font-family: helvetica;
    font-size: 14px;
    display: block;
}

#bottom .left {
    width: 530px;
    float: left;
    margin-right: 40px;
}

#bottom .left h4 {
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}
#mastering #bottom .left p {
    margin: 0 0 10px 0;
}


#bottom .right {
    width: 310px;
    float: left; 
}
ul.sidebar {
    list-style: none;
    margin: 25px 0 0 0;
    padding: 0 0 3px 0;
}
ul.sidebar li {
    cursor: pointer;
    font: 16px helvetica;
    color: #D9C7C2;
    background-color: #222222;
    margin-bottom: 3px;
    padding: 10px;
}
#bottom ul.sidebar a { border: none; }
#bottom ul.sidebar a:hover { color: #ffffff; }
#news ul.sidebar li .icon { width: 70px; height: 70px; background: url('http://www.johncuniberti.com/news/icon-news.jpg') no-repeat; }
#news ul.sidebar li .icon .icon_inside { height: 70px; width: 70px; background: #222222; }
#quotes ul.sidebar li .icon { width: 70px; height: 70px; background: url('http://www.johncuniberti.com/mastering/icon-quotes.jpg') no-repeat; }
ul.sidebar li .icon { float: left; margin-right: 10px; }
#mastering ul.sidebar li .description { float: left; padding-top: 13px; width: 210px; }
#news ul.sidebar li .description { float: left; padding-top: 13px; width: 210px; }
ul.sidebar li .description .text { font-style: italic; font-size: 12px; padding-top: 2px; }


#news .news .subject { font-weight: bold; font-size: 120%; }
#news .news .date { font-size: 10px; color: #cccccc; text-transform: uppercase; }

#quotes .quotes { border-bottom: 1px solid #222222; margin-bottom: 40px; padding-bottom: 40px; }
#quotes .quotes .body { /*float: left; width: 340px;*/ font-style: italic; }
#quotes .quotes .attribution { font-style: normal; font-weight: bold; margin-bottom: 0; }
#quotes .quotes .image { display: none; float: left; width: 170px; margin: 0 0 15px 20px; }
#quotes .quotes .image img { border: 1px solid; }

table.mastering_clients td { line-height: 20px; font-size: 13px; }

table.mastering { width: 550px; padding-top: 10px; line-height: 18px;}
table.mastering td { font-size: 13px; }

.news_archives ul.sidebar { margin-top: 0px; }

#credits {
    font-size: 11px;
    margin-top: 10px;
    border-top: 1px solid;
    padding: 10px 40px 10px 40px;
}
#credits .left { float: left; }
#credits .right { float: right; }


/* PHOTOS */
#photos #bottom .left { width: auto; }
#bottom .photo a:hover { border: none; }
.photo { float: left; width: 152px; margin-right: 20px; }
.photo { height: 220px; overflow: hidden; }
.photo .caption { font-size: 12px; line-height: normal; padding-top: 10px; }
#bottom .photo .image a { color: #ffffff; }
#bottom .photo .image a:hover { color: #5585FF; }

/* VIDEOS */
#videos #bottom .left { width: auto; }
#videos .video { margin-bottom: 20px; }
#videos .video .icon { float: left; margin-right: 15px; width: 150px; }
#videos .video .icon img { width: 150px; height: 150px; border: 1px solid ; }
#videos .video .details { float: left; width: 600px; }
#videos .video .details .title { text-transform: uppercase; font-weight: bold; font-size: 16px }