@import url("reset.css");

/* IF YOU'RE READING THIS, YOU PROBABLY NEED TO GET LAID */

body {
	background-color: #121212;
	font: 13px Helvetica, Arial, sans-serif;
	color: #ffffff;
}

p {
	float: left;
	position:  relative;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 13px;
	color: #fff;
	line-height: 18px;
	margin: 0;
	zoom: normal;
}

h2 a, h2 a:visited {
	color: #505050;
	text-decoration: none;
	border-bottom: 1px solid #505050;
	line-height: 18px;
}

h2 a:hover, h2 a:active {
	color: #ffffff;
	border-bottom: 0px solid #000000;
}


h3 {
	font-size: 13px;
	color: #505050;
	margin-top: 10px;
	margin-bottom: 0px;
	line-height: 18px;
	zoom: normal;
}


h4{
	display:block;
	font-size: 20px;
	color: #fff;
	position: absolute;
	top: 23px;
	text-align: right;
	right: 62px;
	line-height: 20px;

}

h5 {
	display:block;
	font-size: 31px;
	color: #6cbd45;
	position: absolute;
	top: 49px;
	*top: 47px;
	text-align: right;
	right: 61px;
	line-height: 31px;

}

h6 {
	display:block;
	font-size: 15px;
	color: #505050;
	position: absolute;
	top: 83px;
	text-align: right;
	right: 59px;
	line-height: 15px;

}

h3 a.arrow  {
	margin-left: 5px;
	border-bottom-style: none;
	border-bottom-width: 0;
}

a, a:visited {
	color: #505050;
	text-decoration: none;
	border-bottom: 1px solid #505050;
}

a:hover, a:active {
	color: #ffffff;
	border-bottom: 1px solid #000000;
}

#container{
}

#content {
	width: 500px;
	*width: 442px;
	height: auto;
	padding: 22px 29px;
	background-color: #000;
	text-align: justify;
	display: block;
	margin: 5px auto 70px;
}

#contentWho {
	width: 500px;
	*width: 442px;
	height: auto;
	padding: 22px 30px 29px;
	*padding: 22px 30px 40px 30px;
	background-color: #000;
	text-align: justify;
	display: block;
	margin: 5px auto 70px;
}

#contentWhy {
	width: 500px;
	*width: 442px;
	height: auto;
	padding: 22px 29px 26px;
	background-color: #000;
	text-align: justify;
	display: block;
	margin: 100px auto 70px;

}

#contentWhy a {
	zoom: normal;
}

#navContainer{
	height: 44px;
	background: url(../images/navBackground.png) repeat-x;
	z-index: 1000000000000000;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

#innerNavContainer{
	width:825px;
	height:44px;
	position:relative;
	margin:0 auto;
}
	
#nav{
	position:absolute;
	top:10px;
	left:256px;
	color: #505050;
	font-weight: bold;
	
}


#nav a, #nav a:visited{
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
	background-color: #000;
	margin-right: 7px;
	margin-left: 7px;
	border-bottom-style: none;
	line-height:17px;
}

#nav a:hover, #nav a:active{
	color: white;
	border-bottom-style: none;
}

#home{
	position:absolute;
	top:10px;
	left:0px;
	color: #6cbd45;
	font-weight: bold;
}

#home a, #home a:visited, #home a:active, #home a:hover{
	color: #6cbd45;
	text-decoration: none;
	background-color: #000;
	padding-right: 7px;
	padding-left: 7px;
	border-bottom-style: none;
	line-height:17px;
}

#player {
	position:absolute;
	left:507px;	
	width: 312px;
	height: 19px;
	background-color: #000;
	padding-left: 6px;
	padding-right: 7px;
	line-height: 0;
	margin-top: 8px;
}

#player a{
	border-bottom-style: none;
	line-height: 0;
}

#divider {
	height: 1px;
	width: auto;
	background-color: #141414;
	margin-top: 21px;
	margin-bottom: 18px;
	display: block;
}

#logos {
	width: 78px;
	height: 51px;
	float: left;
}

#bio {
	width: 300px;
	*width: 364px;
	height: 51px;
	display: inline;
	color: #505050;
	line-height: 18px;
	*line-height: 19px;
	font-weight: bold;
}

#bio a.email, #bio a.email:visited{
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom-style: none;
	color: #6cbd45;
	vertical-align: 1px;
}

#bio a.email:hover, #bio a.email:active{
	color: #fff;
	
}

a #download1, a:visited #download1 {
	width: 188px;
	height: 32px;
	display:block;
	position: absolute;
	top: 125px;
	right: 62px;
	background-color: #6cbd45;
	z-index: 0;
}

a:hover #download1, a:active #download1 {
	background-color: #fff;
}

a #download2, a:visited #download2 {
	width: 188px;
	height: 32px;
	display:block;
	position: absolute;
	top: 165px;
	right: 62px;
	background-color: #6cbd45;
	z-index: 0;
}

a:hover #download2, a:active #download2 {
	background-color: #fff;
}

a #arrow, a:visited #arrow {
	width: 11px;
	height: 11px;	
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(../images/arrowGreen.gif) 0 0;
}

a:hover #arrow, a:active #arrow{
	background-position: 0 -11px;
}

.green {
	color: #6cbd45;
	/*padding-right: 7px;*/
}


.page{
	color: #fff;
	padding-right: 7px;
	padding-left: 7px;
	background-color: #000;
	margin-right: 7px;
	margin-left: 7px;
}

.number {
	vertical-align: -2px;
	zoom: normal;
}

.title {
	zoom: normal;
	color: #fff;
	/*padding-left: 7px;*/
}

.track {
	font-size: 9px;
	text-transform: uppercase;
	/*padding-right: 7px;*/
	display: inline;
	zoom: normal;
}

.40{
	text-transform: lowercase;
}

.album{
	z-index: 1;
	position: absolute;
}

a .downloadtxt, a:visited .downloadtxt {
	font-weight: bold;
	position: absolute;
	left: 35px;
	color: #fff;
	line-height: 13px;
	top: 9px;
}

a:hover .downloadtxt, a:active .downloadtxt {
	color: #6cbd45;
}

.white {
	color: #fff;
}

.gray {
	color: #505050;
}

.space {
	zoom: normal;
	/*margin: 0px 1px 0px 0px;*/
}


/* IMAGES */

#main{
	display: block;
	background-image: url(../images/home.jpg);
	width: 578px;
	height: 360px;
	margin: 75px auto 00px;
	
}

#who{
	display: block;
	margin: 95px auto 20px;
	background-image: url(../images/who.jpg);
	width: 644px;
	height: 315px;
}

#switcher{
	width: 417px;
	height: 279px;
	margin-left: 109px;
	margin-top: 16px;
	float: left;
	z-index: 0;
}


#what{
	display: block;
	width: 620px;
	height: 277px;
	margin-top: 90px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/* AUDIO PLAYER */

.jp-playlist-player { 
	font: bold 10px/11px Helvetica, Arial, sans-serif;
	background: none;
	text-align: left;
}

.jp-progress {
	float: left;
	position: relative; 
	width: 213px;
	height: 20px;
	background-color: #212121;	 
}

.jp-load-bar { 
	width: 0px;
	height: 20px;
	background-color: #2b2b2b;
}

.jp-play-bar {
	float: left;
	position: absolute; 
	width:0px;
	height: 20px;
	background-color: #505050; 
}

#current_track { 
	float: left;
	position: absolute; 
	z-index: 2;
	margin: 0;
	line-height: 10px;
}

.current_track_text{
	color: #b5b5b5;
	padding: 4px 0 5px 5px;
	margin: 0;
	line-height: 10px;
}

#jplayer_playlist { 
	 height: 5px;
	 position: absolute;
	 width: 233px;
	 left: 0px;
	 margin: 0;
	 top:-100px;
}
#jplayer_playlist ul{ 
 	 float: left;
	 width: 233px;
	 margin: 0;
	 padding: 0;
	 line-height: 0px;
}

#jplayer_playlist li{
	margin-bottom: 1px;
}

#jplayer_playlist li a, #jplayer_playlist li a:visited{
	background-color: #222;
	text-decoration: none;
	color: #505050;
	background-color: #222;
	padding: 5px;
	margin: 0;
	display: block;
	line-height: 10px;
}

#jplayer_playlist li a:hover, #jplayer_playlist li a:active{
	color: #ffffff;
	background-color: #303030;
}

.jp-controls { 
	float: left;
	position: relative;
	margin: 0;
	padding: 0 4px 0 0;
}

.jp-controls li { 
	float: left;
	position: relative;
	list-style-type: none;
	list-style-image: none;
}
#jplayer_previous a, #jplayer_play a, #jplayer_pause a, #jplayer_next a { 
	float: left;
	position: relative;
	width: 20px; 
	height: 20px; 
	background-image: url('../images/rvm_btns.gif');
	text-indent: -9999px;
	background-position: -1px 0; 
}

#jplayer_previous a, #jplayer_previous a:visited{
	background-position: -1px 0; 
}

#jplayer_previous a:hover, #jplayer_previous a:active{
	background-position: -1px -20px; 
}

#jplayer_play a, #jplayer_play a:visited { 
	background-position: -24px 0; 
}

#jplayer_play a:hover, #jplayer_play a:active { 
	background-position: -24px -20px; 
}

#jplayer_pause a, #jplayer_pause a:visited { 
	background-position: -75px 0; 
}

#jplayer_pause a:hover, #jplayer_pause a:active { 
	background-position: -75px -20px; 
}

#jplayer_next a, #jplayer_next a:visited { 
	background-position: -48px 0; 
}

#jplayer_next a:hover, #jplayer_next a:active { 
	background-position: -48px -20px; 
}

#jplayer_playlist { 
	visibility: hidden;
	margin: 0;
	padding: 0;
}

.jp-interface {
	height: 21px;
	background-color: #000;
	line-height: 0;
}

#show_list a, #show_list a:visited { 
	position: absolute;
	width: 20px;
	height: 20px;

	background-image: url('../images/rvm_btns.gif');
	background-position: -98px 0;
	text-indent: -9999px;
	z-index: 4;
}

#show_list a:hover, #show_list a:active {
	background-position: -98px -20px;
} 

#playlist_holder{
	margin:0;
	left:64px;
	position:relative;
	background:transparent;
	overflow:hidden;
	height:0px;
	width:233px
}


