/*
	WIDGET STRUCTURE
*/
#sliderWrap 					    { width: 970px; padding-bottom: 0px; position: relative; }
#Slider 						    { margin-left: 20px; width: 950px;}
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 935px;}
.stripNav 							{ display:none;}
.wrapper 							{ padding: 0px; }
.innerWrap 							{ overflow: hidden; width:935px;}


/* 
	MAIN TABBED NAVIGATION
*/


.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 18px; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background: url(images/tab-psdtuts.jpg) top center no-repeat; width: 63px; }
.stripNav li.tab2 a { background: url(images/tab-nettuts.jpg) top center no-repeat; width: 63px; }
.stripNav li.tab3 a { background: url(images/tab-vectortuts.jpg) top center no-repeat; width: 85px; }
.stripNav li.tab4 a { background: url(images/tab-audiotuts.jpg) top center no-repeat; width: 73px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: top center; }

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current { background: url(images/tab-psdtuts.jpg) bottom center no-repeat; }
.stripNav li.tab2 a.current { background: url(images/tab-nettuts.jpg) bottom center no-repeat; }
.stripNav li.tab3 a.current { background: url(images/tab-vectortuts.jpg) bottom center no-repeat; }
.stripNav li.tab4 a.current { background: url(images/tab-audiotuts.jpg) bottom center no-repeat; }


/* 
	SUB NAVIGATION
*/
.ribbon{
	background:url(../images/next_bg.png) no-repeat;
	position:absolute;
	width:213px;
	height:50px;
	z-index:29;
	margin:240px 0 0 -13px;
	float:left;
}

.stripNavL a, .stripNavR a			{ display: block; position: absolute; width: 75px; height: 22px; text-indent: -9999px; z-index:100; }
.contactus a#contactus				{display: block; position: absolute; width: 118px; height: 22px; text-indent: -9999px; z-index:100;}
.stripNavL a						{ bottom: 35px; left: 45px; display:block; display:none;}/*background: url(../images/previous.png); */
.stripNavR a 						{ bottom: 14px; left:47px; background: url(../images/next.png) no-repeat;}
.contactus a#contactus				{ bottom: 14px; left:140px; background: url(../images/contactus.png) no-repeat;}


/* 
	HEADLINES STYLING 
*/
.panel ul 							{ width: 240px; }
/*.panel ul li a 						{ border-bottom: 1px solid #C1B599; color: #303030;
						  		  	  display: block; padding: 7px 10px; }*/


.slideContent				{
	width:560px;
	font-size:12px;
	height:175px;
	overflow:hidden;
	color:#eef6ff;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 30px;
}
.slideContent a, .slideContent ul li a {color:#aba6f3; text-decoration:none;}
.slideContent a:hover {color:#fff;}
.slideContent p .learnmore{
	font-size:14px;
	text-decoration:none;
	color:#70ceff;
}
.slideContent p .learnmore:hover{
	color:#fff;
}
.slideContent p{ padding:0 0 20px 0;}
.slideContent ul, .slideContent ol{ padding:0 0 20px 20px; width:100%;}
.slideContent ul li, .slideContent ol li{color:#eef6ff;}