body {
font-family: 'HelveticaNeue', 'Helvetica', arial, serif;
font-size: 11px;
line-height: 22px;
background: url(graphic/backpaint.jpg) no-repeat top center scroll;
 		-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
background-color: #000114;
color: #ffffcb;
margin: 30px;
padding: 0;
}

@font-face {
	font-family: 'Tube';
	src: url('tube-webfont.eot');
	src: local('?'), url('tube-webfont.woff') 
	format('woff'), url('tube-webfont.ttf') 
	format('truetype'), url('tube-webfont.svg#webfontLGT1wWDm') format('svg');
	font-weight: lighter;
	font-style: lighter;
}

a:link {color: #ffffcb;text-decoration: none} 
a:visited {color: #ffffcb;}
a:hover {color: #ffffcb;text-decoration: none;}
a:focus {color: #ffffcb;text-decoration: none;}
a:active {}

a.blacklinks:link {color: white;text-decoration: none} 
a.blacklinks:visited {color: white;}
a.blacklinks:hover {color: black;text-decoration: none;}
a.blacklinks:focus {color: black;text-decoration: none;}
a.blacklinks:active {}

a.nav:link {color: #ffffcb;text-decoration: none} 
a.nav:visited {color: #ffffcb;}
a.nav:hover {color: #ffffcb;text-decoration: none;}
a.nav:focus {color: #ffffcb;text-decoration: none;}
a.nav:active {}

a.browse:link {color: #ffffcb;text-decoration: none} 
a.browse:visited {color: #ffffcb;}
a.browse:hover {color: #ffffcb;text-decoration: none;}
a.browse:focus {color: #ffffcb;text-decoration: none;}
a.browse:active {}

a.sc:link {color: #ffffcb;text-decoration: none} 
a.sc:visited {color: #ffffcb;}
a.sc:hover {color: #ffffcb;text-decoration: none;}
a.sc:focus {color: #ffffcb;text-decoration: none;}
a.sc:active {}

a.whitetubetitle:link {color: #ccc;text-decoration: none} 
a.whitetubetitle:visited {color: #ccc;}
a.whitetubetitle:hover {color: white;text-decoration: none;}
a.whitetubetitle:focus {color: white;text-decoration: none;}
a.whitetubetitle:active {}


a.nametube:link {color: #ffffcb;text-decoration: none} 
a.nametube:visited {color: #ffffcb;}
a.nametube:hover {color: grey;text-decoration: none;}
a.nametube:focus {color: grey;text-decoration: none;}
a.nametube:active {}

a.navbuy:link {color: #ffffcb;text-decoration: none} 
a.navbuy:visited {color: #ffffcb;}
a.navbuy:hover {color: #ffffcb;text-decoration: none;}
a.navbuy:focus {color: #ffffcb;text-decoration: none;}
a.nav-buy:active {}

a.me:link {color: silver;text-decoration: none} 
a.me:visited {color: silver;}
a.me:hover {color: grey;text-decoration: none;}
a.me:focus {color: grey;text-decoration: none;}
a.me:active {}

a.download:link {color: black;text-decoration: none} 
a.download:visited {color: black;}
a.download:hover {color: #0000bc;text-decoration: none;}
a.download:focus {color: #0000bc;text-decoration: none;}
a.download:active {}

a.pk:link {color: #361d32;text-decoration: none;}
a.pk:visited {color: #361d32;text-decoration: none;}
a.pk:hover {color: #ffffcb;text-decoration: none;}

#white {
	background-color: #361d32;
	width: 100%;
	height: 3060px;
	margin-top: 600px;
	margin-left: -30px;
	position: absolute;
	z-index: -5;
}

#soundcloud {
position: absolute;
width: 340px;
height: 50px;
left: 50%;
top: 0px;
margin-left: -170px;}

#black {
	background-image: url(graphic/backpaint2.jpg);
	background-color: #000114;
	width: 100%;
	height: 1341px;
	margin-top: 1805px;
	margin-left: -30px;
	position: absolute;
	z-index: -2;
}

#backgroundfade {
background-color: #000114;
position: absolute;
width: 100%;
height: 1200px;
z-index: -10;
margin-left: -30px;
margin-top: -30px;
}

#artwork {
position: absolute;
width: 400px;
height: 400px;
top: 90px;
left: 50%;
margin-left: -200px;
}

#nav {
position: absolute;
width: 750px;
height: 350px;
top: 530px;
left: 50%;
margin-left: -375px;
text-align: center;
color: #000;
}

#videoartwork {
position: absolute;
width: 350px;
height: 350px;
top: 91px;
left: 50%;
margin-left: -174px;
text-align: center;
z-index: 2000;
display: none;
}

video {
width: 270px;
height: 270px;}

img.artwork {
display: none;
border-top: 1px solid #e40b80;
border-left: 1px solid #e40b80;
border-bottom: 1px solid #e40b80;
border-right: 1px solid #e40b80;
-moz-box-shadow: 0px 2px 25px rgba(000,000,000,0.45);
-webkit-box-shadow: 0px 2px 25px rgba(000,000,000,0.45);
box-shadow: 0px 2px 25px rgba(000,000,000,0.45);
}

.nav {
background-color: rgba(018,164,151,0.5);
border: 0px solid #ffffcb;
font-family: 'HelveticaNeue', 'Helvetica', sans-serif;
font-size: 18px;
letter-spacing: 2px;
width: 140px;
height: 30px;
padding-top: 7px;
position: relative;
float: left;
display: block;
margin: 21px;
-webkit-transition: all 154ms ease-in;
-moz-transition: all 154ms ease-in;
-o-transition: all 154ms ease-in;
text-align: center;
-moz-box-shadow: 0px 0px 5px 5px rgba(255,255,203,0.25);
-webkit-box-shadow: 0px 0px 5px 5px rgba(255,255,203,0.25);
box-shadow: 0px 0px 5px 5px rgba(255,255,203,0.25);
text-shadow: 0px 2px 4px rgba(000,000,000,0.65);
}

.nav:hover{
background-color: #12a497;
-moz-box-shadow: 0px 0px 8px 5px rgba(255,255,203,0.9);
-webkit-box-shadow: 0px 0px 8px 5px rgba(255,255,203,0.9);
box-shadow: 0px 0px 8px 5px rgba(255,255,203,0.9);
text-shadow: 0px 2px 4px rgba(000,000,000,0.65);
}

.navbuy {
background-color: rgba(018,164,151,0.5);
border-bottom: 1px solid #ffffcb;
font-family: 'HelveticaNeue', 'Helvetica', sans-serif;
font-size: 18px;
letter-spacing: 2px;
width: 144px;
height: 30px;
padding-top: 7px;
position: relative;
float: left;
display: block;
margin: 21px;
-webkit-transition: all 154ms ease-in;
-moz-transition: all 154ms ease-in;
-o-transition: all 154ms ease-in;
text-align: center;
-moz-box-shadow: 0px 0px 5px 5px rgba(255,255,203,0.25);
-webkit-box-shadow: 0px 0px 5px 5px rgba(255,255,203,0.25);
box-shadow: 0px 0px 5px 5px rgba(255,255,203,0.25);
text-shadow: 0px 2px 4px rgba(000,000,000,0.65);
}

.navbuy:hover{
background-color: #12a497;
-moz-box-shadow: 0px 0px 8px 5px rgba(255,255,203,0.9);
-webkit-box-shadow: 0px 0px 8px 5px rgba(255,255,203,0.9);
box-shadow: 0px 0px 8px 5px rgba(255,255,203,0.9);
text-shadow: 0px 2px 4px rgba(000,000,000,0.65);
}

.browse {
background-color: rgba(018,164,151,0.5);
border: 0px solid #ffffcb;
font-family: 'Helvetica Neue', sans-serif;
font-size: 15px;
letter-spacing: 2px;
width: 20px;
height: 24px;
padding-top: 0px;
position: relative;
float: left;
display: block;
margin-top: 21px;
margin-bottom: 21px;
-webkit-transition: all 154ms ease-in;
-moz-transition: all 154ms ease-in;
-o-transition: all 154ms ease-in;
text-align: center;
-moz-box-shadow: 0px 0px 5px 5px rgba(255,255,203,0.25);
-webkit-box-shadow: 0px 0px 5px 5px rgba(255,255,203,0.25);
box-shadow: 0px 0px 5px 5px rgba(255,255,203,0.25);
text-shadow: 0px 2px 4px rgba(000,000,000,0.65);
}

.browse:hover{
background-color: #12a497;
-moz-box-shadow: 0px 0px 8px 5px rgba(255,255,203,0.9);
-webkit-box-shadow: 0px 0px 8px 5px rgba(255,255,203,0.9);
box-shadow: 0px 0px 8px 5px rgba(255,255,203,0.9);
text-shadow: 0px 2px 4px rgba(000,000,000,0.65);
}

.sc {
background-color: rgba(018,164,151,0.5);
border: 0px solid #ffffcb;
font-family: 'Helvetica Neue', sans-serif;
font-size: 15px;
letter-spacing: 2px;
width: 270px;
height: 24px;
padding-top: 0px;
position: relative;
float: left;
display: block;
margin-top: 21px;
margin-bottom: 21px;
margin-left: 15px;
margin-right: 15px;
-webkit-transition: all 154ms ease-in;
-moz-transition: all 154ms ease-in;
-o-transition: all 154ms ease-in;
text-align: center;
-moz-box-shadow: 0px 0px 5px 5px rgba(255,255,203,0.25);
-webkit-box-shadow: 0px 0px 5px 5px rgba(255,255,203,0.25);
box-shadow: 0px 0px 5px 5px rgba(255,255,203,0.25);
text-shadow: 0px 2px 4px rgba(000,000,000,0.65);
}

.sc:hover{
background-color: #12a497;
-moz-box-shadow: 0px 0px 8px 5px rgba(255,255,203,0.9);
-webkit-box-shadow: 0px 0px 8px 5px rgba(255,255,203,0.9);
box-shadow: 0px 0px 8px 5px rgba(255,255,203,0.9);
text-shadow: 0px 2px 4px rgba(000,000,000,0.65);
}


#abouttitle {
position: absolute;
width: 750px;
height: 700px;
left: 50%;
margin-top: 665px;
margin-left: -375px;
padding-top: 10px;
border-top: 1px solid #ffffcb;}

#aboutpaint {
background: url(graphic/listenpaint.png) no-repeat top center scroll;
position: absolute;
width: 750px;
height: 220px;
left: 50%;
margin-top: 529px;
margin-left: -375px;
padding-top: 10px;
z-index: 100;}

#about {
position: absolute;
width: 750px;
height: 30px;
left: 50%;
padding-top: 10px;
padding-bottom: 25px;
margin-top: 600px;
margin-left: -375px;
border-top: 0px solid #fff;
}

#dainfo {
font-size: 12px;
line-height: 24px;
width: 510px;
float: left;
padding-right: 15px;
padding-left: 15px;
border-right: 0px solid #ffffcb;}

#dalinks {
width: 180px;
float: right;
padding-right: 20px;
text-align: center;
margin-top: -5px;}

#daphoto {
width: 160px;
float: left;
text-align: center;
margin-top: 3px;
padding-right: 20px;}

.links {
background-color: #12a497;
display: block;
padding: 5px;
font-size: 11px;
line-height: 20px;
color: black;
margin: 15px;
margin-right: 0px;
margin-left: 20px;
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
border-top: 1px solid #efefef;
border-left: 1px solid #efefef;
border-bottom: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
-webkit-transition: all 154ms ease-in;
-moz-transition: all 154ms ease-in;
-o-transition: all 154ms ease-in;
}

.links:hover{
background-color: #361d32;
border: 1px solid #fff;
-moz-box-shadow: 0px 5px 15px rgba(000,000,000,0.45);
-webkit-box-shadow: 0px 4px 15px rgba(000,000,000,0.45);
box-shadow: 0px 5px 15px rgba(000,000,000,0.45);
}

.blacklinks {
background-color: #000114;
display: block;
padding: 5px;
font-size: 11px;
line-height: 20px;
color: white;
margin: 15px;
margin-right: 0px;
margin-left: 20px;
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transition: all 154ms ease-in;
-moz-transition: all 154ms ease-in;
-o-transition: all 154ms ease-in;
}

.blacklinks:hover{
background-color: #fff;
color: black;
border: 1px solid #fff;
-moz-box-shadow: 0px 5px 15px rgba(000,000,000,0.12);
-webkit-box-shadow: 0px 4px 15px rgba(000,000,000,0.12);
box-shadow: 0px 5px 15px rgba(000,000,000,0.12);
}

#listen {
position: absolute;
width: 750px;
height: 350px;
left: 50%;
margin-top: 1430px;
margin-left: -375px;
padding-top: 10px;
border-top: 1px solid #efefef;}

#listeninfo {
font-size: 11px;
line-height: 28px;
width: 430px;
float: left;
padding-right: 40px;
border-right: 0px solid #efefef;}

#listenlinks {
width: 210px;
float: right;
padding-right: 20px;
text-align: center;
margin-top: -10px;}

#tracks {
font-size: 11px;
line-height: 28px;
width: 750px;
float: left;
padding-top: 30px;
border-top: 1px solid #efefef;}

#download {
width: 750px;
float: left;
text-align: center;
margin-top: -25px;}

.download {
background-color: rgba(255,255,255,.6);
border: 2px solid white;
font-family: 'Tube', 'Helvetica Neue', sans-serif;
font-size: 18px;
letter-spacing: 2px;
width: 140px;
height: 30px;
padding-top: 7px;
position: relative;
float: left;
display: block;
border-radius: 30px;
margin-left: 150px;
-webkit-transition: all 154ms ease-in;
-moz-transition: all 154ms ease-in;
-o-transition: all 154ms ease-in;
text-align: center;
-moz-box-shadow: 0px 2px 15px rgba(000,000,000,0.25);
-webkit-box-shadow: 0px 2px 15px rgba(000,000,000,0.25);
box-shadow: 0px 2px 15px rgba(000,000,000,0.25);
text-shadow: 0px 2px 4px rgba(000,000,000,0.2);
}

.download:hover{
border: 2px solid #0000bc;
background-color: rgba(255,255,255,1);
-moz-box-shadow: 0px 5px 20px rgba(000,000,000,0.5);
-webkit-box-shadow: 0px 4px 20px rgba(000,000,000,0.5);
box-shadow: 0px 5px 20px rgba(000,000,000,0.5);
}


#watch {
	position: absolute;
	width: 750px;
	height: 1325px;
	left: 50%;
	margin-top: 1810px;
	margin-left: -375px;
	padding-top: 10px;
}

#watchpaint {
background: url(graphic/watchpaint.png) no-repeat top center scroll;
position: absolute;
width: 750px;
height: 220px;
left: 50%;
margin-top: 1696px;
margin-left: -375px;
padding-top: 10px;
z-index: -4;}

#watchpaint2 {
	background: url(graphic/watchpaint.png) no-repeat top center scroll;
	position: absolute;
	width: 750px;
	height: 220px;
	left: 50%;
	margin-top: 2951px;
	margin-left: -375px;
	padding-top: 10px;
	z-index: -1;
}


#watchinfo {
width: 430px;
line-height: 28px;
float: left;
padding-right: 40px;
padding-top: 9px;
border-right: 0px solid #333;}

#watchlinks {
width: 210px;
float: right;
padding-right: 20px;
text-align: center;
margin-top: -10px;}

#video {
font-size: 11px;
line-height: 28px;
width: 750px;
float: left;
padding-top: 30px;
border-top: 1px solid #ffffcb;}

#credits {
	position: absolute;
	width: 750px;
	height: 483px;
	left: 50%;
	margin-top: 3898px;
	margin-left: -375px;
	padding-top: 10px;
	top: -724px;
}

#presskit {
position: absolute;
width: 310px;
height: 50px;
left: 50%;
top: -35px;
margin-left: -200px;}

.pk {
color: #361d32;
background-color: #ffffcb;
border: 2px solid #361d32;
font-family: 'Helvetica Neue', sans-serif;
font-size: 15px;
letter-spacing: 2px;
width: 350px;
height: 24px;
padding-top: 0px;
position: relative;
float: left;
display: block;
margin: 21px;
-webkit-transition: all 154ms ease-in;
-moz-transition: all 154ms ease-in;
-o-transition: all 154ms ease-in;
text-align: center;
-moz-box-shadow: 0px 2px 15px rgba(000,000,000,0.35);
-webkit-box-shadow: 0px 2px 15px rgba(000,000,000,0.35);
box-shadow: 0px 2px 15px rgba(000,000,000,0.35);
}

.pk:hover{
background-color: #000;
-moz-box-shadow: 0px 5px 20px rgba(000,000,000,0.5);
-webkit-box-shadow: 0px 4px 20px rgba(000,000,000,0.5);
box-shadow: 0px 5px 20px rgba(000,000,000,0.5);
}

#logo {
position: relative;
width: 170px;
height: 170px;
left: 50%;
margin-left: -85px;
margin-top: 35px;
margin-bottom: 10px;
opacity: 1;
text-align: center;}

#people {
width: 150px;
height: 50px;
text-align: center;
padding: 5px;
margin: 12px;
float: left;
border-bottom: 1px solid #ffffcb;}

#peopleblank {
width: 70px;
height: 50px;
text-align: center;
padding: 5px;
margin: 12px;
float: left;
border-bottom: 0px solid black;}

img.wotnot {
width: 100px;
opacity: 0.8;
}

img.logo {
width: 170px;
opacity: 0.8;
}

img.profile {
width: 750px;
margin-top: 20px;
margin-bottom: -10px;
margin-left: -20px;
opacity: 0.84;
z-index: -10;
}

img.title {
height: 30px;
top: -40px;
position: absolute;
}

.tracktitle {
font-family: 'Michroma', sans-serif;
letter-spacing: 1px;
font-size: 21px;
margin-left: 20px;
margin-top: 10px;
color: silver;}

.tubetitle {
font-family: 'Michroma', sans-serif;
letter-spacing: 1px;
padding-left: 20px;
font-size: 21px;
margin-top: 10px;
color: #ffffcb;}

.whitetubetitle {
font-family: 'Michroma', sans-serif;
letter-spacing: 1px;
padding-left: 20px;
font-size: 21px;
margin-top: 10px;
color: #ffffcb;
text-shadow: 1px 1px 1px rgba(000,000,000,1);
}

.buytitle {
font-family: 'Michroma', sans-serif;
letter-spacing: 1px;
font-size: 21px;
margin-top: 10px;
margin-bottom: -10px;
color: #fff;
text-shadow: 1px 1px 1px rgba(000,000,000,1);
}

.greytubetitle {
font-family: 'Michroma', sans-serif;
letter-spacing: 1px;
padding-left: 20px;
font-size: 21px;
margin-top: 10px;
color: #c27b6d;
text-shadow: 1px 1px 1px rgba(000,000,000,1);
}

.nametube {
font-family: 'Helvetica Neue', sans-serif;
letter-spacing: 1px;
font-size: 15px;
color: #ffffcb;}

.purptube {
font-family: 'Michroma', sans-serif;
letter-spacing: 1px;
font-size: 21px;
margin-top: 10px;
color: #000;}

.infotype {
font-family: 'Helvetica Neue', sans-serif;
font-size: 11px;
line-height: 28px;
margin-top: 10px;
color: black;}

.copyright {
font-family: 'Helvetica Neue', sans-serif;
font-size: 11px;
line-height: 28px;
padding-top: 100px;
color: silver;
text-align: center;}