@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Verve Remixed HOME
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		vr_home.css
	Date:			Jun 2, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/


/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav .home a:link, #nav .home a:active, #nav .home a:visited {
		background-position:0 -55px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	#highlight Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#highlight {
		margin:20px 0 0 0;
		background:url(../../images/bg_guitar.png) no-repeat;
		behavior:url("shared/css/iepngfix.htc");
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#discography Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#discography {
		margin:4px 0 20px 0;
		width:594px; height:217px;
	}
		#discography .content {
		}
			#discography .scrollable h2 {
				margin:0 0 0 19px;
				width:157px; height:13px;
				background:url(../../images/h2_verveRemixedAlbums.png) no-repeat;
			}
			.scrollable {
				padding:19px 0 0 0;
				position:relative; 
				float:left;
				width: 553px; height:196px; 	 	
				background:url(../../images/bg_slider.png) 0 0 repeat-x;
				overflow:hidden;			
			}
			a.prev, a.prevPage {
				width:19px; height:215px;
				display:block;
				float:left;
				background:url(../../images/btn_prev.png) 0 0 no-repeat;
				cursor:pointer;
			}
				a.prev:hover,a.prevPage:hover  {
					background-position:0 bottom;
				}
			 a.next, a.nextPage {
				width:19px; height:215px;
				display:block;
				float:left;
				background:url(../../images/btn_next.png) 0 0 no-repeat;
				cursor:pointer;
			}
				a.next:hover, a.nextPage:hover {
					background-position:0 bottom;
				}
			a.disabled {
				background-position:top !important;
				cursor:auto;					
			}
					.scrollable ul {
						margin:18px 0 0 0;
						list-style:none;
						position:absolute;
						width:20000em;
					}
						.scrollable ul li {
							margin:0 18px 0 18px;
							width:100px;
							display:inline;
							float:left;
							overflow:hidden;
						}
						.scrollable ul li img {
							padding:3px;
							border:1px solid #d6dadd;
						}
						.scrollable ul li h3 {
							text-align:center;
						}
							.scrollable ul li h3 a {
								font:normal 12px Arial, Helvetica, sans-serif;
								color:#cd362a;
							}
						.scrollable ul li span.date {
							font:normal 12px Arial, Helvetica, sans-serif;
							display:block;
							color:#464646;
							text-align:center;
						}

/*	--------------------------------------------------------------------------------------------------------------------------
	#featuredVideo Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#featuredVideo {
		width:250px;
		padding:0 0 0 20px;
		float:left;
	}
		#featuredVideo h2 {
			width:120px; height:13px;
			margin:0 0 9px 0;
			background:url(../../images/h2_featuredVideo.png) no-repeat;
		}
		#featuredVideo .content {
			width:209px; height:148px;
			margin:0 0 14px 0; padding:5px 0 0 6px;
			background:url(../../images/video_content.png) no-repeat;
		}
		#featuredVideo a.btn:link, #featuredVideo a.btn:active, #featuredVideo a.btn:visited {
			width:119px; height:8px;
			background:url(../../images/btn_watchMoreVideos.png) 0 0 no-repeat;
			display:block;
		}
			#featuredVideo a.btn:hover {
				background-position:0 -8px;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#featuredMobile Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#featuredMobile {
		width:300px;
		float:right;
	}
		#featuredMobile h2 {
			width:129px; height:13px;
			background:url(../../images/h2_featuredMobile.png) no-repeat;
		}
		#featuredMobile ul {
			height:161px;
			margin:15px 0 0 0;
			list-style:none;
			overflow:hidden;
		}
			#featuredMobile ul li {
				margin:0 0 20px 0;
				font:italic 12px Arial, Helvetica, sans-serif;
			}
				#featuredMobile ul li h3 {
					font:bold 12px Arial, Helvetica, sans-serif;
					color:#082b43;
				}
					#featuredMobile ul li h3 a {
						font:bold 12px Arial, Helvetica, sans-serif;
						color:#082b43;
					}
						#featuredMobile ul li h3 a:hover {
							color:#298ec8;
						}
		#featuredMobile a.btn:link, #featuredMobile a.btn:active, #featuredMobile a.btn:visited {
			width:131px; height:8px;
			background:url(../../images/btn_viewMoreRingtones.png) 0 0 no-repeat;
			display:block;
		}
			#featuredMobile a.btn:hover {
				background-position:0 -8px;
			}