/*
	Featured Content Slider
	by: Chris Coyier
*/
*											{ margin: 0; padding: 0; }


					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ min-height: 270px; width: 500px; height: 200px; margin: 0; position: relative; 
											  }


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }

blockquote									{ padding: 0 20px; margin-left: 0px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Tahoma, serif; font-style: italic; margin-top: 0px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 500px; position: absolute; top: 0px; left: 0px;  }	
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 501px; height: 230px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 500px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid #fff; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 87px; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(../images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; width: 479px; bottom:1px; left: 1px; position: relative; z-index: 1; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 1; }
.active-thumb 								{ background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; }

.wrapper	img{border: solid 1px #fff; }







/*  
|
|	Name:			Leopard
|	Author:			Nettuts/Harley Alexander
|	Description:	For a Tutorial at http://nettuts.com/, it's aimed at showing how jQuery and jQuery UI can create a 
|					leopard style Web Desktop. Although basic, it incompases Dashboard and Windows!
|
*/


#dock{
/*
	position: fixed;
	position: relative;
*/
	padding: 0px;
	margin: 0 auto;
	bottom: 36px;
	left: 10%;
	min-width: 20px;
	max-width: 400px;
	z-index: 9999;
	padding-top: 20px;
	margin-left: -20px;
}

#dock img{
	display: block;
	float: left;
	padding-right: 10px;
}

#dock2{
/*
	position: fixed;
	position: relative;
*/
	padding: 0px;
	margin: 0 auto;
	bottom: 36px;
	left: 10%;
	min-width: 20px;
	max-width: 400px;
	z-index: 9999;
	padding-top: 20px;
	margin-left: -20px;
}

#dock2 img{
	display: block;
	float: left;
	padding-right: 10px;
}

#dock3{
/*
	position: fixed;
	position: relative;
*/
	padding: 0px;
	margin: 0 auto;
	bottom: 36px;
	left: 10%;
	min-width: 20px;
	max-width: 400px;
	z-index: 9999;
	padding-top: 20px;
	margin-left: -20px;
}

#dock3 img{
	display: block;
	float: left;
	padding-right: 10px;
}