/* CSS Document */

body { font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif;
 
margin:0;
padding:0;
border: 0;
outline: 0;
font-size: 100%;

background: transparent;
background-color:#ffffff;
line-height: 1;
}

html, div, span,head,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, font, img,
small, strong, ol, ul, li
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

a{
	text-decoration:none;
	color:inherit;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;



 }
 
#container {
width: 885px;  
margin: 0 auto;   
 }
 
 
 /*------header styles-----*/
 
.fb-like{
	 float:right;
}
 
#header {
	margin:auto;
	margin-top:40px;
	height:50px;
}

#logo {
	position:relative;
	float:left;
	padding-left:20px;
}

#nav-bar {
	width: 885px;
	height: 56px;
	margin-top:20px;
	background:url(../images/nav-left.png) no-repeat left top;
}

#nav-bar .container {
	width:879px;
	height:inherit;
	margin-left:6px;
	font-family:Arial;
	background:url(../images/nav-right.png) no-repeat right top;
}

#nav-bar ul{  
	margin-right:7px;
	font-size:24px;  
	color:#ffffff;
	height:inherit;
	background:url(../images/nav-pattern.png) repeat-x;
}

#nav-bar li{
	float:left;  
	width: 123px;
	height: 41px;
	text-align:center;
	padding-top:15px;
	background:url(../images/nav-sep.png) no-repeat right top;
}

#nav-bar a{
	display:block;
	width: 123px;
	height: 41px;
}

#nav-bar a:hover{
	background:url(../images/nav-active.png) no-repeat bottom;
}
/*
#nav-bar li:hover{
	background:url(images/nav-hover.png) no-repeat bottom;
}*/

/* ----- Main Styles ----- */
#content{
	width:885px;
	padding-bottom:20px;
}


/* ----- Left Pane ----- */
#left-pane{
	width: 530px;
	display:block;
	float:left;
}

.title1{
	width: 531px;
	padding: 20px 20px 10px;
	font-size:30px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.textintro{
	width:531px;
	padding-top:10px;
}

.title2{
	font-size: 24px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:20px;
}

.textintro ul{
	padding-left: 20px;
	padding-top: 10px;
}

.textintro li{
	padding-top: 10px;
}

#releases{
	margin-top: 30px;
	width: 531px;
	height: 137px;
	padding-left:5px;
	padding-right:5px;
}

#releases .release{
	width: 147px;
	height: 147px;
	display:block;
	float:left;
	margin-right:12px;
	margin-left:12px;
	border:1px solid #cccccc;
}

#releases .release a{
	display:block;
	width: 152px;
	height:152px;
	margin-top:-5px;
	margin-left:-5px;
	/*background:url(../images/ribbon-medium.png) no-repeat left top;*/
	text-align:center;
	padding-right:20px;
	padding-top:70px;
	font-size:14px;
	font-weight:bold;
}

#soundcloud-player{
	padding-top:30px;
	padding-left:15px;
}

.beatport-link{
	width:225px;
	height: 62px;
	background-image:url(../images/beatport-logo.jpg);
	background-color:#333;
	display:block;
}

/* ----- Right Pane ----- */
#right-pane{
	width: 354px;
	height:inherit;
	display:block;
	float:left;
}

.social{
	width:auto;
	height: 64px;
	padding:30px 9px 20px 9px;
}

.social a{
	display:block;
	width:64px;
	height:inherit;
	float:left;
	margin: 0px 10px;
}

.social a.twitter {
	background:url(../images/tw.png) no-repeat scroll 0 0;
}

.social a.soundcloud{
	background:url(../images/sc.png) no-repeat scroll 0 0;
}

.social a.facebook{
	background:url(../images/fb.png) no-repeat scroll 0 0;
}

.social a.youtube{
	background:url(../images/yt.png) no-repeat scroll 0 0;
}

.social a.twitter:hover {
	background-position:0 -64px;
}

.social a.soundcloud:hover{
	background-position:0 -64px;
}

.social a.facebook:hover{
	background-position:0 -64px;
}

.social a.youtube:hover{
	background-position:0 -64px;
}

a.soundcloud-dropbox:hover {
	color: #1896D1 !important; 
	background-color: transparent !important;
}

*html a.soundcloud-dropbox {
	background-image: none !important; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.sndcdn.com/images/dropbox_small_white.png?065f2b8)', sizingMethod='crop') !important;
}

.soundcloud-dropbox{
	display: block; 
	margin: 10px auto 20px; 
	background: transparent url(http://a1.sndcdn.com/images/dropbox_small_white.png?065f2b8) top left no-repeat; 
	color: #888888; 
	font-size: 10px; 
	height: 30px; 
	padding: 26px 60px 0 12px; 
	width: 127px; 
	text-decoration: none; 
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif; 
	line-height: 1.3em
}

/* ----- Footer ----- */
#bottompage{
	width:885px;
	border-top:1px solid #cccccc;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:20px;
}


/* ----- About Tab ----- */
#about{
	width:750px;
	background-color:#F00;
}

#about .left{
	width:250px;
	display:block;
	float:left;
	padding-top:20px;
	padding-left:20px;
}

#about .right{
	width: 450px;
	display:block;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}

/* ----- Artists Tab ----- */

.artistleft{
	float:left;
	width:295px;
	padding-top:10px;
}

.artistleft img{
	width:295px;
	padding-top:25px;
}

.artistright{
	float:left;
	width:570px;
	padding-bottom:20px;
	padding-left: 20px;
}

.artistlogos{
	padding-top:20px;
}

.artistlogos a{
	float:left;
	padding-left:20px;
}

.separator{
	clear:both;
	width:885px;
	border-bottom:1px solid #999999;
}


/* ----- Releases Tab ----- */

#all-releases{
	padding-top:20px;
}

#all-releases .title2{
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #f0f0f0;
	background: -webkit-linear-gradient(top, #f9f9f9, #cccccc);
	font-size:14px;
	width: 875px;
}


.track-artwork{
	width: 150px;
	float: left;
	padding-top:10px;
}

.track-artwork img{
	border: 1px solid #ccc;
}

.track-info{
	width: 700px;
	float: left;
	padding-top: 10px;
	padding-left:20px;
}

.releasedate{
	font-style:italic; 
	font-weight:12px;
	padding-bottom:10px;
}

.track-info p{
	padding-bottom:15px;
}

/* ----- Contact Tab ----- */

#contactus{
	width:750px;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:10px;
}

#contactus p{
	padding-top: 10px;
	padding-left:20px;
}

#contactlinks{
	padding-top:10px;
}

#contactus a{
	padding-right:20px;
	padding-left:20px;
	text-decoration:underline;
}

#contactus a:hover{
	color:#900;
	text-decoration:none;
}

#flash {
position: relative; /*or absolute*/
z-index: 0;
}