/*	
Title:		RoxioNow.com - Homepage Stylesheet
Author:		Cesar Fabello / Sonic Solutions
Updated:	6.17.10
*/




#top-banner{
	width:1124px;
	height: 354px;
	background: url('/images/homepage/top-banner-shadow.png')
}

#top-banner #banner-content{
	padding:66px 0 0 588px;
	width:434px;   /*1022*/
	height:288px;    /*354*/
	margin:0 auto;
	background:#000 url('/images/homepage/top-banner.jpg');
}
/*#banner-content h3{
	font-size:170%;
	font-weight:normal;
	color:#818285;
}*/
#banner-content h1{
	font-size:250%;
	font-weight:normal;
	width:377px;
	height:84px;
	padding:0;
	color:#fff;
	background:url('/images/homepage/headline.png') no-repeat;	
}
#banner-content h1 span{
	display:none;
}

/*GUIDED TOUR ICON*/		
	.btn-learnmore{
		/*position:absolute;
		top:215px;
		left:215px;
		z-index:50;*/
		margin: 50px 0 0 110px;
	}
	.btn-learnmore a{
		display:block;
		width:139px;
		height:81px;	
		cursor: hand;
		cursor: pointer;		
		background: url(/images/homepage/btn-learnmore.png) no-repeat;
		
	}
	.btn-learnmore a:hover{
		background: url(/images/homepage/btn-learnmore.png) 0% -81px no-repeat;
		
	}	
	.btn-learnmore {
		text-indent:-5000px;
	}
	
/*GUIDED TOUR ICON*/	
















.home-content{
	width:1010px; /*1046*/
	margin:0 auto;
	background:#f9f9f9;
	padding:20px 18px;
}
.home-content h2{
	color:#474646;
	font-family:arial !important;
	font-weight:normal;
	margin-left:26px;
	margin-bottom:10px;
	font-size:200%;
	line-height:120%;
}
.home-content h3{
	font-size:130%;
	font-weight:normal;	
	margin-left:26px;	
	line-height:140%;
	color:#7a7a7a;
}

.home-content ul{
	display:block;
	margin-top:20px;
	list-style-type:none;
	padding:25px 0 15px 20px;
	padding-bottom:10px;
	background:#fff;
	border:1px solid #f1f1f1;
}
.home-content ul li{
	float:left;
	width:194px;
/*	background: url('/images/homepage/vdiv.gif') no-repeat;*/
	border-left:1px solid #f2f1f1;
	padding:0 18px 10px 18px;
	
}
.home-content ul li.first{
	width:220px;
	background: none;
	padding:0 10px 0 0;
	border:0;
}
.home-content ul li.second{
	width:187px;
	
}
.home-content ul li.third{
	width:214px;
	padding:0 5px 0 18px;	
}
.home-content ul li.fourth{
	width:258px;
	padding:0 10px 10px 18px;	
}

.home-content ul li h1{
	color:#4b91c9;
	font-size:150%;
	font-weight:bold;
	padding-bottom:8px;
}
.home-content ul li p{
	font-size:110%;
	line-height:130%;
	color:#7a7a7a;
}





#btm-partners{
	width:1046px;  /*1026px*/
	height: 89px;
	margin:0 auto;	
/*		background: url('/images/homepage/btm-partners-shadow.png')*/
	background: url('/images/homepage/btm-partners.gif') no-repeat;
	
}

.partnerz{
	position:relative;
}
.partners-shadow{
	display:block;
	position:absolute;
	z-index:1000;
	top:0;
	left:49px;
	width:1026px;
	height:18px;
	background: url('/images/homepage/partners-shadow.png');
}


#partner1{
	float:left;
	display:block;
	width:568px;
	height:88px;
	padding:0;
}
#tp1{
	width:120px;
	padding:20px 0 0 10px;	
}
#tp2{
	width:122px;
	}
	
	/*V2 titles*/
	#tp1b{
	width:90px;
	padding:20px 0 0 10px;	
	}
	#tp2b{
	width:92px;
	}
	
.tit-partners{
	height: 70px;
	padding:20px 0 0 0;
	float:left;
}
.tit-partners h4{
 	color:#84c1f2;
 	padding:0 0 0 20px;
 	font-size:110% !important;
}
.tit-partners h5{
	color:#fff;
 	padding:0 0 0 20px;	
 	font-size:160% !important;
 	line-height:120%;
 	font-weight:normal;
}


#myScrollebleItems1, #myScrollebleItems2{
	float:left !important;
}

#partner2{
	float:left;
	display:block;	
	width:467px;
	padding:0;

}




/*SPRITE VERSION STYLES*/

	.slideshow div{
		width: 439px;
		height:88px;
		background: #37444c;
	}
	.slideshow div span{
		display:block;
		float:left;
		width:146px;
		height:88px;
		overflow:hidden !important;
	
	}
	.ce1{
		background: url('/images/homepage/celogo-sprite.gif') 0 0 no-repeat;
	}
	.ce2{
		background: url('/images/homepage/celogo-sprite.gif') 0 -88px no-repeat;
	}	
	.ce3{
		background: url('/images/homepage/celogo-sprite.gif') 0 -176px no-repeat;
	}		
	.ce4{
		background: url('/images/homepage/celogo-sprite.gif') 0 -264px no-repeat;
	}		
	.ce5{
		background: url('/images/homepage/celogo-sprite.gif') 0 -352px no-repeat;
	}
	.ce6{
		background: url('/images/homepage/celogo-sprite.gif') 0 -440px no-repeat;
	}		
	.ce7{
		background: url('/images/homepage/celogo-sprite.gif') 0 -528px no-repeat;
	}		
	.ce8{
		background: url('/images/homepage/celogo-sprite.gif') 0 -616px no-repeat;
	}					
	
	.slideshow-2 div{
		width: 345px;
		height:88px;
		background: #37444c;		
	}
	.slideshow-2 div span{
		display:block;
		float:left;
		width:115px;
		height:88px;
		overflow:hidden !important;		
	}
	.st1{
		background: url('/images/homepage/stlogo-sprite.gif') 0 0 no-repeat;
	}
	.st2{
		background: url('/images/homepage/stlogo-sprite.gif') 0 -88px no-repeat;
	}	
	.st3{
		background: url('/images/homepage/stlogo-sprite.gif') 0 -176px no-repeat;
	}		
	.st4{
		background: url('/images/homepage/stlogo-sprite.gif') 0 -264px no-repeat;
	}		
	.st5{
		background: url('/images/homepage/stlogo-sprite.gif') 0 -352px no-repeat;
	}
	.st6{
		background: url('/images/homepage/stlogo-sprite.gif') 0 -440px no-repeat;
	}		
	.st7{
		background: url('/images/homepage/stlogo-sprite.gif') 0 -528px no-repeat;
	}






/*UNUSED*/
/*SMOOTH DIV SCROLL  LOGO PARADE*/

	#logoParade
	{
		width: 500px;
		height: 75px;
		position: relative;
	}

	#logoParade div.scrollableArea img
	{
		float: left;
		margin-left: 25px;
	}