@import "reset.css";
@import "fonts.css";
html {
width:100%;
height:100%;
overflow-x:hidden;
overflow-y:scroll;
padding:0;
}

body {
width:100%;
height:100%;
color:#fff;
background-color:#2a2823;
background-position:center top;
background-repeat:no-repeat;
background-attachment:fixed;
}

img {
border:none;
margin:0;
padding:0;
}

a:focus,a:hover,a:active {
outline:none;
}

.buynow {
-moz-border-radius:.4em;
-webkit-border-radius:.4em;
font:normal 14px/16px helvetica, arial, sans-serif;
background:#ff0067;
position:absolute;
z-index:4;
top:80px;
left:30px;
width:150px;
color:#fff;
padding:5px 10px;
}

#container {
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
}

.js #container,.js #tnav,.js #footer {
visibility:hidden;
}

#container-inner {
width:100%;
position:relative;
top:40px;
margin:0 auto;
}

#container2 {
width:960px;
text-align:left;
margin:0 auto;
padding:0 20px;
}

#tnav {
font-size:100%;
top:0;
left:0;
text-align:right;
width:100%;
display:block;
background-color:#000;
height:20px;
position:fixed;
z-index:20;
margin:0;
padding:10px 80px 10px 10px;
}

#tnav span.logo {
float:left;
margin:0;
}

span.logo a {
text-decoration:none;
font:bold 30px/22px helvetica, arial, sans-serif;
color:#FFF;
letter-spacing:-1px;
}

.rgt_mrgn {
padding-right:20px;
float:right;
}

.dates {
font:normal 14px/16px helvetica, arial, sans-serif;
color:#fff;
margin:0;
}

.tags a,.cats a {
text-transform:capitalize !important;
display:inline !important;
}

#tnav ul {
display:inline;
margin:0;
padding:0;
}

#tnav ul li {
display:inline;
line-height:1.5em;
margin:0 10px 0 0;
padding:0;
}

#tnav ul li a {
display:inline-block;
color:#fff;
text-decoration:none;
font-size:95%;
font-weight:400;
text-transform:uppercase;
border-bottom:3px solid #000;
margin:0;
padding:0;
}

#pagebody {
position:relative;
left:0;
height:1px;
}

#cell {
position:absolute;
width:auto;
left:0;
}

#cell div.item {
position:absolute;
background:#000;
width:190px;
text-align:left;
}

#cell div.item div.body {
line-height:1.2em;
padding:8px;
}

#cell div.item div.body img {
padding:0;
}

#cell div.item div.body ul.rotation {
margin-bottom:8px;
}

#cell div.item a.title {
font-family:Helvetica, Arial black, sans-serif;
color:#FFF;
text-transform:uppercase;
display:block;
font-size:175%;
text-decoration:none;
line-height:1em;
font-weight:700;
margin:15px 0 0;
}

#cell div.item div.body .description {
font-size:90%;
padding-top:0;
font-family:Helvetica, Arial, sans-serif;
color:#7f7e7b;
display:block;
line-height:1.3em;
}

.description a {
text-transform:uppercase;
display:block;
font-size:15px;
color:#FFF;
text-decoration:none;
margin-top:10px;
border-bottom:3px solid #000;
}

.description p {
margin:0 0 10px;
}

#cell div.item div.body ul {
font-size:85%;
margin:0;
padding:0;
}

.jScrollPaneContainer {
position:relative;
overflow:hidden;
z-index:1;
}

.jScrollPaneTrack {
position:absolute;
cursor:pointer;
right:0;
top:0;
height:100%;
background:#ddd;
}

.jScrollPaneDrag {
position:absolute;
background:#999;
cursor:pointer;
overflow:hidden;
right:0;
}

.jScrollPaneDrag:hover {
background:#666;
}

.jScrollPaneDragTop {
position:absolute;
top:0;
left:0;
overflow:hidden;
}

.jScrollPaneDragBottom {
position:absolute;
bottom:0;
left:0;
overflow:hidden;
}

#hp_cell {
position:relative;
font-size:90%;
text-align:left;
clear:both;
color:#7f7e7b;
width:100%;
margin:75px 0 0;
padding:75px 0 0;
}

#hp_cell ul {
display:inline-block;
border-top:#fff 2px solid;
margin:0 auto;
padding:0;
}

#hp_cell ul li {
display:inline-block;
line-height:1.3em;
width:20%;
float:left;
margin:35px 0 20px 25px;
padding:0;
}

#hp_cell ul li a {
display:inline-block;
}

#hp_cell h3 {
font-family:Helvetica, Arial black, sans-serif;
color:#FFF;
text-transform:uppercase;
display:block;
font-size:175%;
line-height:1em;
font-weight:700;
margin:0 0 5px;
}

.introductions {
background-image:url(../image/bg_trans.png);
background-repeat:repeat;
width:354px;
float:left;
display:block;
margin:0 300px 0 0;
padding:10px;
}

.introductions h3 {
font-family:Helvetica, Arial black, sans-serif;
color:#FFF;
text-transform:uppercase;
display:block;
font-size:175%;
line-height:1em;
font-weight:700;
margin:0;
}

.introductions p {
font-size:90%;
font-family:Helvetica,Arial, sans-serif;
color:#7f7e7b;
line-height:1.3em;
width:94%;
display:block;
margin:0 0 10px;
}

.introductions a {
font-family:Helvetica, Arial #000;
text-transform:uppercase;
display:block;
font-size:15px;
color:#FFF;
text-decoration:none;
margin-top:10px;
border-bottom:3px solid #000;
}

a.tagline {
font-size:2em !important;
line-height:1em;
}

a.tagline2 {
font-weight:400 !important;
font-size:1.5em !important;
line-height:1em;
}

#homenav {
border:0;
font-family:Helvetica, Arial, sans-serif;
float:left;
display:block;
width:572px;
height:320px;
background-image:url(../image/zaum_&_brown_cd_sleeve_myspace_design.jpg);
background-repeat:no-repeat;
padding:0 0 8px;
}

#homenav ul {
position:relative;
top:115px;
right:10px;
text-align:right;
list-style-type:none;
line-height:4.5em;
margin:0;
}

#homenav a {
display:block;
text-decoration:none;
color:#fff;
font-size:550%;
font-weight:700;
cursor:pointer;
margin:0;
}

.work_outer_container {
border:0;
font-family:Helvetica, Arial, sans-serif;
width:650px;
float:right;
display:block;
margin:auto;
padding:20px 0 0;
}

.work_outer_container2 {
border:0;
font-family:Helvetica, Arial, sans-serif;
width:650px;
float:right;
display:block;
margin:auto;
padding:100px 0 0;
}

.work_container {
border:0;
font-family:Helvetica, Arial, sans-serif;
width:630px;
float:left;
background-color:#050505;
display:block;
margin:0 0 10px;
padding:10px;
}

.work_container img {
float:left;
}

.work_details {
width:200px;
float:right;
display:block;
margin:5px 5px 0 0;
}

#view_by {
border:0;
font-family:Helvetica, Arial, sans-serif;
float:left;
display:block;
width:100%;
margin:auto;
padding:100px 15px 0 312px;
}

#view_by ul {
text-align:left;
list-style-type:none;
line-height:2.1em;
display:inline-block;
margin:0;
}

#view_by ul li {
display:inline;
margin:0 0 0 32px;
padding:0;
}

#view_by li a {
text-decoration:none;
color:#333;
font-size:130%;
text-transform:uppercase;
font-weight:700;
cursor:pointer;
display:inline-block;
margin:0;
}

#view_by span {
font-family:Helvetica, Arial, sans-serif;
font-size:90%;
color:#FFF;
display:inline-block;
}

#work_nav ul {
text-align:left;
list-style-type:none;
line-height:2.1em;
margin:0;
}

.aaron {
display:block;
width:157px;
height:157px;
background-image:url(../image/work_aaron_slater.jpg);
background-position:0 0;
float:left;
margin:0;
padding:0;
}

.deltarush {
display:block;
width:157px;
height:157px;
background-image:url(../image/work_deltarush.jpg);
background-position:0 0;
float:left;
margin:0;
padding:0;
}

.sickcity {
display:block;
width:157px;
height:157px;
background-image:url(../image/work_sickcityclub.jpg);
background-position:0 0;
float:left;
margin:0;
padding:0;
}

.natwilliams {
display:block;
width:157px;
height:157px;
background-image:url(../image/work_nataliewilliams.jpg);
background-position:0 0;
float:left;
margin:0;
padding:0;
}

.sikanotions {
display:block;
width:157px;
height:157px;
background-image:url(../image/work_sikanotions.jpg);
background-position:0 0;
float:left;
margin:0;
padding:0;
}

.chilligold {
display:block;
width:157px;
height:157px;
background-image:url(../image/work_chilli_gold.jpg);
background-position:0 0;
float:left;
margin:0;
padding:0;
}

.jenisaint {
display:block;
width:157px;
height:157px;
background-image:url(../image/work_jeni_saint.jpg);
background-position:0 0;
float:left;
margin:0;
padding:0;
}

.niko {
display:block;
width:157px;
height:157px;
background-image:url(../image/work_niko.jpg);
background-position:0 0;
float:left;
margin:0;
padding:0;
}

.genelinford {
display:block;
width:157px;
height:157px;
background-image:url(../image/work_gene_linford.jpg);
background-position:0 0;
float:left;
margin:0;
padding:0;
}

.audiomaster {
display:block;
width:157px;
height:157px;
background-image:url(../image/work_audiomaster.jpg);
background-position:0 0;
float:left;
margin:0;
padding:0;
}

#news_nav {
border:0;
font-family:Helvetica, Arial, sans-serif;
float:left;
display:block;
width:290px;
margin:auto;
padding:100px 15px 0 0;
}

#news_nav ul {
text-align:right;
list-style-type:none;
line-height:2.1em;
margin:0;
}

.news_details {
float:right;
display:block;
margin:5px 5px 0 0;
padding:10px;
}

#about_nav li a:hover,#about_nav li a:active,#about_nav li a:visited,#about_nav li a.sel {
color:#fff;
cursor:pointer;
}

.details_box {
display:none;
margin:10px 0 0;
padding:0;
}

.details_box p {
font-weight:400;
color:#777;
font-size:90%;
width:50%;
line-height:1.3em;
margin:0;
padding:0 0 10px;
}

.details_box h1 {
font-size:180%;
font-weight:700;
display:block;
text-transform:uppercase;
color:#FFF;
margin:0 0 5px;
}

.details_box h3 {
display:block;
font-size:100%;
width:50%;
line-height:1.3em;
margin:0 0 10px;
}

#sitemap_nav li a:hover,#sitemap_nav li a:active,#sitemap_nav li a:visited,#sitemap_nav li a.sel {
color:#333;
cursor:pointer;
}

#footer {
position:relative;
font-size:77%;
top:0;
left:0;
text-align:left;
clear:both;
border-top:#fff 3px solid;
margin:30px 0 0;
padding:8px 0 22px;
}

#footer span.copyright {
text-align:right;
margin-left:40px;
float:right;
padding-bottom:20px;
}

#footer ul {
display:inline;
font-size:93%;
}

#footer ul li {
display:inline;
line-height:1.5em;
margin:2px 0;
padding:0 8px;
}

#footer ul li a {
display:inline-block;
text-decoration:none;
color:#FFF;
text-transform:uppercase;
padding-bottom:2px;
}

#footer li a:hover,#footer li a.sel {
color:#FF0067;
padding-bottom:0;
}

.seqslidestyle {
display:inline;
float:left;
margin:0;
}


#tnav ul li a:hover,#tnav ul li a.active,#jobs li a:hover {
color:#FF0067;
}

.description a:hover,.introductions a:hover {
color:#FF0067;
}

.introductions span,.news_details span {
font-family:Helvetica, Arial black, sans-serif;
color:#777;
text-transform:uppercase;
font-size:110%;
line-height:1em;
font-weight:700;
display:block;
}

#homenav li a:hover,#homenav li a.sel,#view_by li a:hover,#view_by li a.sel,#work_nav li a:hover,#work_nav li a.sel,#news_nav li a:hover,#news_nav li a.sel {
color:#fff;
}

.work_details h3,.work_left_description h3,.news_details h3 {
font-family:Helvetica, Arial black, sans-serif;
color:#FFF;
text-transform:uppercase;
display:block;
font-size:175%;
line-height:1em;
font-weight:700;
}

.work_details p,.work_left_description p,.news_details p {
font-size:90%;
padding-top:18px;
font-family:Helvetica, Arial, sans-serif;
color:#777;
display:block;
line-height:1.2em;
width:94%;
}

.work_details a,.news_details a {
text-transform:uppercase;
display:block;
font-size:120%;
color:#FFF;
text-decoration:none;
margin-top:18px;
padding-bottom:3px;
}

.work_details a:hover,.news_details a:hover {
border-bottom:3px solid #FFF;
padding-bottom:0;
}

#work_nav,.work_left_description {
border:0;
font-family:Helvetica, Arial, sans-serif;
float:left;
display:block;
width:290px;
margin:auto;
padding:20px 15px 0 0;
}

#work_nav li a,#news_nav li a {
display:block;
text-decoration:none;
color:#333;
font-size:230%;
text-transform:uppercase;
font-weight:700;
cursor:pointer;
margin:0;
}

a.aaron:hover,a.deltarush:hover,a.sickcity:hover,a.natwilliams:hover,a.sikanotions:hover,a.chilligold:hover,a.jenisaint:hover,a.niko:hover,a.genelinford:hover,a.audiomaster:hover {
background-position:-157px 0;
}

#about_nav,#sitemap_nav {
border:0;
font-family:Helvetica, Arial, sans-serif;
float:left;
display:block;
cursor:pointer;
margin:auto;
padding:40px;
}

#about_nav ul,#sitemap_nav ul {
list-style-type:none;
text-align:left;
cursor:pointer;
line-height:3.5em;
margin:60px 0 0;
}

#about_nav li a,#sitemap_nav li a {
display:block;
text-decoration:none;
color:#333;
font-size:350%;
text-transform:uppercase;
font-weight:700;
cursor:pointer;
line-height:0.8em;
margin:0;
}