/*
	Featured Content Slider
	by: Chris Coyier
*/
*											{ margin: 0; padding: 0; }
body 										{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

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


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 510px; position: relative; min-height:350px; float:left; margin:5px 5px 5px 5px; padding:0px 0px 0px 0px; background: url(images/gallery/bg.png) top center; }
											  /*margin: 5px auto;*/
.wrapper img { width:498px; height:283px; border:1px solid #000; }

/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: white; }
blockquote									{ padding: 0 5px; margin-left: 5px; border-left: 5px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 5px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 505px; position: absolute; margin:5px 5px 5px 5px; padding:0px 0px 0px 0px; } /* top:87px; left:40px; */
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 5px 0 5px; }
.stripViewer								{ position: relative; overflow: hidden; width: 500px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 505px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right:2px; width:57px; height:36px; margin-top:3px; }
.nav-thumb1 								{ border: 1px solid black; margin-right:2px; width:57px; height:36px; margin-top:4px; padding-top:2px; }
#movers-row									{ margin: -42px 0 0 69px; padding:0px; }
#movers-row div								{ width:82px; float:left; }
#movers-row div a.cross-link 				{ float:right; }
#movers-row div a img						{ width:57px; height:36px; }
.photo-meta-data							{ background: url(images/gallery/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:62px; /*margin-top:-14px; padding-top:15px;*/
											  position: relative; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/gallery/icon-uparrowsmallwhite.png) top center no-repeat; }

.uno-img {
	margin-top:2px; padding-top:3px;
}

/******************************************/
/***    DISEÑO PARA MOVILES 320        ****/
/******************************************/
@media only screen and (max-width : 320px) {
	#page-wrap {
		width:320px; height:auto;
	}
	.wrapper img { 
		width:303px; height:auto;
	}
	.slider-wrap { 
		width:310px; height:auto;
	}
}

/******************************************/
/***    DISEÑO PARA MOVILES 320        ****/
/******************************************/
@media only screen and (max-width : 480px) {
	#page-wrap {
		width:480px; height:auto;
	}
	.wrapper img { 
		width:463px; height:auto;
	}
	.slider-wrap { 
		width:470px; height:auto;
	}
}

/******************************************/
/***    DISEÑO PARA MOVILES 320        ****/
/******************************************/
@media only screen and (max-width : 240px) {
	#page-wrap {
		width:240px; height:auto;
	}
	.wrapper img { 
		width:223px; height:auto;
	}
	.slider-wrap { 
		width:230px; height:auto;
	}
}