/*
	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:150px; 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:600px; font-size:14px; padding:30px; height:175px; overflow:hidden; color:#eef6ff;}
.slideContent a, .slideContent ul li a {color:#aba6f3; text-decoration:none;}
.slideContent a:hover {color:#fff;}
.slideContent p .learnmore{ font-size:18px; 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;}