html {
    font-family: helvetica, arial, sans-serif;
}
body {
    width: 960px;
    margin: auto;
    background-color: #fff;
    padding-top: 0;
}
a {
    outline: 0;
}
#wrapper {
    float: left;
    background-color: #fff;
    padding-top: 0;
}
#navMain {
    background-color: #231f20;
    color: #ccc;
    width: 520px;
    height: 68px;
    float: left;
    padding: 0;
    margin: 5px 0 0 0;
}
#navMain li {
    display: block;
    float: left;
    margin-right: 5px;
    width: auto;
    margin-top: 1px;
}
#navMain li a {
    color: #ccc;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
    margin-left: 5px;
    padding: 2px 5px 6px 5px;
    display: inline;
    border-bottom: 1px solid #231f20;
    width: 60px;
}
#navMain li a:hover {
    color: #000;
    background-color: #fff;
}
#viewPort {
    width: 960px;
    overflow: hidden;
    height: 470px;
    float: left;
    position: relative;
}
.portfolioMain {
    display: block;
    height: 480px;
    white-space: nowrap;
    list-style-type: none;
    float: left;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 8200px;
    margin: 2px 0;
}
.portfolioMain li {
    float: left;
    width: 295px;
    padding: 2px;
    white-space: nowrap;
    position: relative;
}
.portfolioMain li.landscape {
    width: 665px;
}
.portfolioMain li.wide {
    width: 591px;
}
.portfolioMain li.george {
    width: 322px;
}

.portfolioMain li.perez {
    width: 326px;
}
.portfolioMain li a {
    white-space: nowrap;
    border: none;
}
.portfolioMain li a img {
    white-space: nowrap;
    border: 0px;
    float: left;
}
#navPortfolio {
    display: block;
    height: 87px;
    width: 1500px;
    list-style-type: none;
    float: left;
    overflow: hidden;
    padding: 0 0 0 0;
    position: absolute;
    margin: 0;
    top: 0;
}
#navView {
    float: left;
    position: relative;
    width: 960px;
    height: 88px;
    border-bottom: 6px solid #111;
    overflow: hidden;
    border-top: 2px solid black;
}
#navPortfolio li {
    float: left;
    width: 54px;
}
#navPortfolio li.landscape {
    width: 117px;
}
#navPortfolio .landscape a {
    width: 117PX;
}
#navPortfolio img {
    border: 0px;
}
#navPortfolio li a {
    border-top: 4px solid white;
    float: left;
    width: 50px;
    height: 75px;
    padding-top: 6px;
}
#navPortfolio li a:hover {
    border-top: 4px solid black;
}
#navPortfolio .active a {
    border-top: 4px solid black;
}
.portfolioNav {
    color: #fff;
    margin: 5px 0 0 0;
    list-style-type: none;
    float: right;
    width: 280px;
    padding: 0;
    font-size: 10px;
}
.portfolioNav li {
    margin: 0;
    line-height: 15px;
    float: left;
    background-color: #eee;
    width: 70px;
}
.portfolioNav li a {
    color: #000;
    text-decoration: none;
    font-size: 11px;
    padding: 1px;
    text-align: center;
    display: block;
    padding-bottom: 0;
}
.portfolioNav li a:hover {
    color: #ff33cc;
}
#bio #wrapper p {
    font-size: 12px;
    padding: 0;
    width: 520px;
    float: left;
    margin: 0;
    margin-bottom: 12px!important;
}
#bio #wrapper p a {
    text-decoration: none;
    white-space: nowrap;
    font-weight: bold;
    color: #000;
}
#bio #wrapper p a:hover {
    color: #ff33cc;
}
/** The Music Section **/
#music {
    color: #444;
}
h2.title {
    font-size: 24px;
    color: #999;
    font-weight: normal;
    border-bottom: 1px solid #b4b4b4;
}

#music div.quotes {
    width: 960px;
    padding: 0 0 0 0;
    float: left;
}
#music .quotes blockquote {
    float: left;
    width: 210px;
    padding: 15px;
    font-size: 12px;
    margin: 0;
    height: 150px;
    color: #666;
}
#music .quotes blockquote span {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}
#music #wrapper #head {
    margin-bottom: 3px;
}
#albums {
    width: 960px;
    float: left;
    padding-bottom: 30px;
}
#albums .album {
    width: 465px;
    padding: 15px;
    float: left;
    padding-right: 0px;
    height: 450px;
}
#albums .album2 {
    width: 465px;
    padding: 15px;
    float: left;
    padding-right: 0px;
    height: 225px;
}
#albums .album img {
    float: left;
    margin: 0;
    padding: 0;
}
#albums .album2 img {
    float: left;
    margin: 0;
    padding: 0;
}
#albums ol.tracklist {
    font-size: 12px;
    width: 215px;
    float: left;
    padding: 0;
    margin: 2px 0 0 30px;
}
#albums ol.tracklist li {
    font-weight: bold;
}
#albums .tracklist span {
    font-size: 10px;
    font-weight: lighter;
    line-height: 10px;
}
#albums .tracklist span.block {
    display: block;
}
#albums h3.albumtitle {
    font-weight: bold;
    font-size: 16px;
    color: #666;
    display: inline;
    padding-left: 10px;
}
#albums h3 a {
    color: #666;
    text-decoration: none;
}
#albums h3 a span {font-size:11px;font-weight:lighter;}
#albums h3 a:hover {
    color: #333;
}
#remixes ul.remixlist {
    font-size: 12px;
    width: 465px;
    float: left;
    margin: 0;
    padding: 0px 0 15px 15px;
    list-style-type: none;
}
ul.remixlist li span {
    font-size: 11px;
    color: #010101;
}
#remixes {
    width: 960px;
    float: left;
    padding-bottom: 30px;
}
#remixes .remixlist a:link,
#remixes .remixlist a:visited {
    text-decoration: none;
    color: #dc2550;
}
#remixes .remixlist a:hover {
    font-style: italic;
    color: #bf3757;
}

#purchase {
    float: left;
    width: 960px;
    text-align: center;
}
p.purchaselinks {
    font-size: 30px;
    text-align: center;
    width: 960px;
    float: left;
}
p.purchaselinks a {
    text-decoration: none;
    padding: 3px;
}
p.purchaselinks a:link,
p.purchaselinks a:visited {
    color: #dc2550;
}
p.purchaselinks a:hover {
    color: #bf3757;
    background-color: #fff;
}
.purchaseicons {
    list-style-type: none;
    float: left;
    width: 823px;
        margin-left:40px;
        }
.purchaseicons li {
    float: left;
}
ul.purchaseicons li a {
    display: block;
    text-indent: -9999px;
    height: 42px;
    border: 5px solid #fff;
}
#cdbaby a:link,
#cdbaby a:visited {
    background: transparent url(../img/cdbaby.jpg) no-repeat 0 0;
    height: 42px;
    width: 123px;
}
#myspace a:link,
#myspace a:visited {
    background: transparent url(../img/myspace.jpg) no-repeat 0 0;
    height: 42px;
    width: 136px;
}
#amazon a:link,
#amazon a:visited {
    background: transparent url(../img/amazon.jpg) no-repeat 0 0;
    width: 177px;
}
#itunes a:link,
#itunes a:visited {
    background: transparent url(../img/itunes.jpg) no-repeat 0 0;
    width: 144px;
}
#emusic a:link,
#emusic a:visited {
    background: transparent url(../img/emusic.jpg) no-repeat 0 0;
    width: 167px;
}
#wrapper #head {
    float: left;
    width: 960px;
    margin-bottom: 40px;
}
#logo {
    float: right;
    width: 437px;
    display: block;
    margin: 0;
    padding: 0;
}
#logo a {
    width: 469px;
    height: 74px;
    display: block;
    background: transparent url(../img/logo.jpg) no-repeat 32px 0px;
    text-indent: -9999px;
    padding: 0;
    margin: 0;
    float: right;
}
#photo #wrapper #head {
    margin-bottom: 0px;
}
#viewPort .portfolioMain li a span {
    display: none;
}
#viewPort .portfolioMain li.active a span {
    display: block;
    background-color: #000;
    color: #ddd;
    font-size: 11px;
    font-weight: bold;
    padding: 6px;
    float: right;
    margin: 0;
}

ul.links {
    list-style-type: none;
    width: 960px;
    float: left;
}
ul.links li {
    font-size: 12px;
    width: 236px;
    float: left;
    padding: 2px;
}
ul.links li a {
    text-decoration: none;
    color: #555;
    border-left: 5px solid transparent;
    padding-left: 5px;
}
ul.links li a:hover {
    color: #ff33cc;
    border-left: 5px solid #ff00dd;
    background-color: #eee;
}
#links h2 {
    float: left;
    width: 960px;
    margin: 0;
}
ul#footer {
    list-style-type: none;
    width: 960px;
    float: left;
    margin: 0;
    border-top: 1px solid #ccc;
    padding: 5px 0 0 0;
}
#footer li {
    float: left;
    width: 250px;
    font-size: 10px;
    margin: 0;
    padding: 0;
}
#footer li a {
    text-decoration: none;
    color: #555;
}
#footer li.design {
    float: right;
    text-align: right;
}
#music .clips {
    width: 960px;
    margin-top: 0;
    margin-bottom: 20px;
    background-color: #000;
    height: 220px;
    padding-bottom: 5px;
}
#music .clips a {
    display: block;
    font-size: 10px;
    text-decoration: none;
    color: #fff;
    padding: 3px;
}
#music .clips a span {
    font-style: italic;
    color: #999;
    font-size: 9px;
    display: block;
}
#music .clips a.playing {
    background-color: #333;
    color: #ff3366;
}
#music .clips a.playing span {
    color: #ff3366;
}
.albumCovers {
    width: 950px;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 5px;
    position: relative;
    background-color: #000;
    padding-bottom: 0;
}
.albumCovers li {
    float: left;
    width: auto;
    font-size: 11px;
    font-weight: bold;
}
.albumCovers li a {
    text-decoration: none;
    color: #333;
    text-align: left;
    display: block;
    height: 75px;
    width: 75px;
    border-bottom: 10px solid transparent;
}
.albumCovers li a span {
    display: none;
}
.albumCovers li a.selected span {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 40px;
    color: #666;
}
.albumCovers li a.selected {
    border-bottom: 10px solid #000;
}
.albumCovers .priorTo {
    background: transparent url('../img/playlist_priorto.jpg') no-repeat 0 0;
}
.albumCovers .unhitchedRestitched {
    background: transparent url('../img/playlist_unhitchedrestitched.jpg') no-repeat 0 0;
}
.albumCovers .humanNature {
    background: transparent url('../img/playlist_humannature.jpg') no-repeat 0 0;
}
.albumCovers .bonesWithNewSkins {
    background: transparent url('../img/playlist_boneswithnewskins.jpg') no-repeat 0 0;
}
.albumCovers .whenWeFight {
    background: transparent url('../img/playlist_whenwefight.jpg') no-repeat 0 0;
}
.albumCovers .forChristianSiriano {
    background: transparent url('../img/playlist_forchristiansiriano.jpg') no-repeat 0 0;
}
img.about {
    float: right;
    width: 420px;
}

#contact #wrapper p {
    letter-spacing: -0.03em;
    color: #666;
    text-align: center;
    padding: 15px 10px 15px 10px;
    background-color: #eee;
    -moz-border-radius: 6px;
    float: left;
    width: 940px;
    margin-bottom: 30px;
    border: 1px solid #ccc;
}
#contact #wrapper p a {
    letter-spacing: 0;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
#contact #wrapper p a:hover {
    color: #ff33cc;
}
#navSubPhoto {
    list-style-type: none;
    width: 500px;
    float: left;
    line-height: 10px;
    height: 18px;
    margin-bottom: 0;
    margin-left: 0;
    display: inline;
    text-align: left;
    padding: 0;
    margin-top: 5px;
}
#navSubPhoto li a {
    font-size: 12px;
    color: #222;
    text-decoration: none;
    line-height: 10px;
    padding: 5px;
}
#navSubPhoto li a:hover {
    color: #ff33cc;
    background-color: #222;
}
#navSubPhoto li a.active {
    color: #ff33cc;
    background-color: #222;
}
#navSubPhoto li {
    display: inline;
    margin: 0;
    padding: 0 15px 0 0;
}
#albumcover {
    width: 220px;
    float: left;
    height: 220px;
    display: block;
    margin: 0;
    background: #000;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 0;
}

.sociallinks {width:960px;float:left;list-style-type:none;}
.sociallinks li {width:32px;float:left;margin-right:4px;}
.sociallinks li a {width:32px;height:32px;text-decoration:none;text-indent:-9999px;float:left;}
.sociallinks li#myspaceicon a {background:transparent url(/images/socialLinks.jpg) no-repeat -108px 0;}
.sociallinks li#myspaceicon a:hover {background:transparent url(/images/socialLinks.jpg) no-repeat -108px -54px;}
.sociallinks li#twitter a {background:transparent url(/images/socialLinks.jpg) no-repeat -72px 0;}
.sociallinks li#twitter a:hover {background:transparent url(/images/socialLinks.jpg) no-repeat -72px -54px;}
.sociallinks li#flickr a {background:transparent url(/images/socialLinks.jpg) no-repeat -144px 0;}
.sociallinks li#flickr a:hover {background:transparent url(/images/socialLinks.jpg) no-repeat -144px -54px;}
.sociallinks li#youtube a {background:transparent url(/images/socialLinks.jpg) no-repeat -36px 0;}
.sociallinks li#youtube a:hover {background:transparent url(/images/socialLinks.jpg) no-repeat -36px -54px;}

.sociallinks li#vimeo a {background:transparent url(/images/socialLinks.jpg) no-repeat -0px 0;}
.sociallinks li#vimeo a:hover {background:transparent url(/images/socialLinks.jpg) no-repeat -0px -54px;}

.sociallinks li#facebook a {background:transparent url(/images/socialLinks.jpg) no-repeat -180px 0;}
.sociallinks li#facebook a:hover {background:transparent url(/images/socialLinks.jpg) no-repeat -180px -54px;}