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

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



/*
	PAGE STRUCTURE
*/
#page-wrap 									{ position: relative; float:left; display:block; 
											  width: 926px; height:366px; margin:0; padding:0;
											  overflow:hidden; margin-left:50px;}


/*
	TYPOGRAPHY
*/
/*
	SLIDER
*/
.slider-wrap								{ width: 926px; position:relative; display:block; margin:0 auto; float:right;}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 926px; height: 321px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 321px; position: relative; width: 926px; overflow:hidden;}
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border:none; margin-right: 2px; }
.projThumbs									{ display:block; position:relative; width:900px; height:30px; padding:10px 0 0 0; 
											   margin:0 20px 0 0; _margin:0 20px 0 0; float:right;
											  background:url(../images/line.gif) top left no-repeat;}
#movers-row									{ float:right;}
#movers-row div								{ width: 15px; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(/jquery/images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 15px; margin: 0px; 
											  position: relative; padding:0; z-index: 9999; 
											  background:url(../images/projThumb.gif) no-repeat 0 0; }
.active-thumb 								{ background: transparent url(../images/projThumbActive.gif) no-repeat 0 0; 
											  }


.proj1										{ background:url(../images/car3.jpg) no-repeat 30px 30px;}
.proj2										{ background:url(../images/mb.jpg) no-repeat 60px 0px;}
.proj3										{ background:url(../images/shoes.jpg) no-repeat 50px 10px;}
.proj4										{ background:url(../images/cases.jpg) no-repeat 40px 0px;}
.proj5										{ background:url(../images/house.jpg) no-repeat 20px 5px; }
.proj6										{ background:url(../images/laptops.jpg) no-repeat 30px 0px;}	
.proj1, 
.proj2, 
.proj3, 
.proj4, 
.proj5, 
.proj6										{ height:321px;}


.proj1 h3, 
.proj2 h3, 
.proj3 h3, 
.proj4 h3, 
.proj5 h3, 
.proj6 h3									{ display:block; position:relative; float:right; font:bold 35px/37px Arial, Helvetica, sans-serif; 	 
                                              color:#c1b59c; font-style:italic; clear:right; width:600px; padding:0;
											  text-align:right; margin:0 55px 10px 0; _margin:0 28px 10px 0;}
											  
.proj1 h4, 
.proj2 h4, 
.proj3 h4, 
.proj4 h4, 
.proj5 h4, 
.proj6 h4									{ display:block; position:relative; float:right; font:bold 18px/20px Arial, Helvetica, sans-serif; 	 
                                              color:#223052; font-style:italic; clear:right; width:600px;  padding:0;
											  text-align:right; margin:0 55px 0 0; _margin:0 30px 0 0;}
											  
.proj1 p, 
.proj2 p, 
.proj3 p, 
.proj4 p, 
.proj5 p, 
.proj6 p									{ display:block; position:relative; float:right; font:normal 11px/15px Arial, Helvetica, sans-serif; 	 											  color:#000; clear:right; width:300px; padding:0;
											  text-align:right; margin:10px 55px 0 0; _margin:10px 30px 0 0;}


.proj1 a, 
.proj2 a, 
.proj3 a, 
.proj4 a, 
.proj5 a, 
.proj6 a									{ display:block; position:relative; float:right; clear:right; width:140px; 
											  text-align:right; margin:20px 55px 0 0; _margin:20px 30px 0 0;}