body {
	background: #090909;
	color: #ddd;
font-family: helvetica, arial, sans-serif;
	font-size:12px;
	line-height:1.4em; 
	margin:0;
	padding:0;
	
}



ol, ul.nav {
background: #333;
	background: -moz-linear-gradient(top, #333333, #1e1e1e);  
      background: -webkit-gradient(linear, left top, left bottombottom, from(#333333), to(#1e1e1e));  
border:1px solid #4E4E4E;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left: -42px;
width:984px;

 -moz-box-shadow: 1px 1px 3px #000;  
  -webkit-box-shadow: 1px 1px 3px #000;  
   box-shadow: 1px 1px 3px #000;  
   position: relative;
   color: #454545;


   text-shadow: 1px 1px 3px black;  
  
}

 .arrow1 {  
     width: 0; height: 0;  
      line-height: 0;  
      border-left: 20px solid transparent;  
      border-top: 10px solid #c8c8c8;  
      top: 49px;
left: -42px;	  
           position: relative;  
 }  
 
 .arrow2 {
	 width: 0; height: 0;
	 line-height: 0;
	 border-right: 20px solid transparent;
	 border-top: 10px solid #c8c8c8;
	 top: 49px;
	 right: -902px;
	 position: relative;
}


#clientview {
margin:0px auto;
padding:0;
text-align:center;


}
#clientview ul{
	margin: 0px auto;
	list-style: none;
	text-align: center;
	padding: 0px;
	}
	
	
#clientview li{
		float: left;
		background-color: #333;
		margin-left: 5px;
		border: 1px solid #444;
		-moz-border-radius: 0px 0px 4px 4px;
		-webkit-border-radius: 0px 0px 4px 4px;
			background: -moz-linear-gradient(top, #333, #1e1e1e);  
      background: -webkit-gradient(linear, left top, left bottombottom, from(#222), to(#111));  
		
		
		}
	#clientview li a{
	
		color: #CCC;
		display:block;
		font-weight:normal;
		line-height:30px;
		margin:5px auto;
		padding:0px 20px;
		text-align:center;
		text-decoration:none;
		outline: none;
		
		}
		
				#clientview li:hover{
				border: 1px solid #4e4e4e;


		background: -moz-linear-gradient(top, #2e2e2e, #1e1e1e);  
      background: -webkit-gradient(linear, left top, left bottombottom, from(#222), to(#2e2e2e));  
			}
	
	#clientview .header {
			float: left;
		margin-top: 10px;

		
	
	
	}
	


#wrapper {
	width:900px;
	margin-left: auto;
	margin-right: auto;
	height:100%;
	position:relative;
	z-index: 1;
	text-align: left; /* for IE */
}


html>body #wrapper {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#131313 url(../images/gradient-shadow.png) ;
border-left:2px solid #222222;
border-right:2px solid #222222;
height:100%;
max-width:900px;
padding:20px;
}/* for IE */


/* Genre Navigation */

#genre-nav {

	margin: 0 auto;
	
}

#genre-nav  li{

	display: inline;
	list-style-type:none;
	}
	
	#genre-nav  li a{
	
		padding: 10px;
		font-size: 1.06em;
		color: #ffffff;
	
	
	
	}
	#genre-nav  li:hover{
			background-color: #111;
			-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-webkit-border-radius:8px;
	
	}


 #genre-header{
 	font: "Verdana", Times, serif; 
	font-weight: bold;
	font-size: 2.3em;
	line-height: 1.5em;
	margin: 10px 0 -20px;
	color: #DDD;
	text-align: center;
	}
	
/* scroller genres */

#header {
	width: 900px;
height: 0px;

}

#featured {
	width: 900px;
height: 10px;
	
}

#rock {
	width: 900px;
height: 10px;
	
}

#metal{
	width: 900px;
height: 10px;
	
}


#pop {
	width: 900px;
height: 10px;
}


#singersongwriter {
	width: 900px;
	height: 10px;
	
}


#jazz{
	width: 900px;
	height: 10px;
	
}

#hiphop{
	width: 900px;
	height: 10px;
	
}

.small {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	line-height: 2.5em;
	color: #bbb;
}
.medium {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.0em;
	line-height: 2.5em;
}

li.block{
	margin: 	30px 0px;
	padding: 0px;
	display: inline;
	list-style-type:none;
	background: url('') no-repeat top;
	float: left;
	width: 175px;
	height: 175px;

	}

li.block img{
	float:left;
	padding: 6px;
	width: 150px;
	height: 150px;
	margin: 0px auto;
	border: 1px solid #333333;
	-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-webkit-border-radius:8px;
	
	}
	
	li.block img:hover{

	border: 1px solid #919191;
	-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
	
	}

.tags{
	float:left;
	margin: 8px;
	padding-left:5px;
	width: 150px;
	height: 50px;
	font-size: 9px;
	color: #e3e3e3;
	line-height:1.5em;
	text-transform:uppercase;}

.tags span{
	font-size:1.6em;
	color:#fff;
	font-weight:bold; 
	line-height: 1.2em;
}	

span a:hover{
color: #aaa;
}

/*For Sorting */
li.sort{
	margin: 	15px ;
	padding: 0px;
	display: inline;
	list-style-type:none;
	background: url('') no-repeat top;
	float: left;
	width: 112px;
	height: 112px;

	}

li.sort img{
	float:left;
	padding: 6px;
	width: 100px;
	height: 100px;
	margin: 0px auto;
	border: 1px solid #333333;
	-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
	
	}
	
	li.sort img:hover{

	border: 1px solid #919191;
	-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
	
	}
	.tagsort{
	float:left;
	margin: 8px;
	padding-left:5px;
	width: 100px;
	height: 50px;
	font-size: 7px;
	color: #e3e3e3;
	line-height:1.5em;
	text-transform:uppercase;}

.tagsort span{
	font-size:1em;
	color:#fff;
	font-weight:bold; 
	line-height: 1.2em;
}