@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - SAM SPARRO PHOTOS CSS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sam_photos.css
	Date:			July 18, 2008
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.mainCol {
		
	}
		.mainCol h1#hdrPhotos {
			width:469px; height:45px;
			background:url(../../img/h1_photos.png) no-repeat;
		}
		.mainCol h1 {
			font:bold 24px Arial, Helvetica, sans-serif;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	contentHolder Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	.mainCol .photosHolder {
		padding:10px 0 50px 30px;
		width:439px;
		background:#000;
	}
		#photos img {
			border:solid 1px #FFFFFF;
		}
		
		/* thumbnail Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		.mainCol .photosHolder #thumbnailHolder .thumbnail .active a {
			background-position:bottom;
		}
		#thumbnailHolder a:link, #thumbnailHolder a:active, #thumbnailHolder a:visited {
			margin:6px 3px 0 0;
			width:98px; height:98px;
			background:url(img/thumbnails.jpg) no-repeat;
			border:solid 1px #08fdfc;
			display:block;
			float:left;
		}
			#thumbnailHolder a:hover {
				border:solid 1px #FFFFFF;
			}
		#thumbnailHolder a.thumbnail1:link, #thumbnailHolder a.thumbnail1:active, #thumbnailHolder a.thumbnail1:visited {
			width:98px; height:98px;
			background:url(../../img/photo1_thumb.jpg) top no-repeat;
			display:block;
		}
			#thumbnailHolder a.thumbnail1:hover {
				background:url(../../img/photo1_thumb.jpg) bottom no-repeat;
			}
		#thumbnailHolder a.thumbnail2:link, #thumbnailHolder a.thumbnail2:active, #thumbnailHolder a.thumbnail2:visited {
			width:98px; height:98px;
			background:url(../../img/photo2_thumb.jpg) top no-repeat;
			display:block;
		}
			#thumbnailHolder a.thumbnail2:hover {
				background:url(../../img/photo2_thumb.jpg) bottom no-repeat;
			}
		#thumbnailHolder a.thumbnail3:link, #thumbnailHolder a.thumbnail3:active, #thumbnailHolder a.thumbnail3:visited {
			width:98px; height:98px;
			background:url(../../img/photo3_thumb.jpg) top no-repeat;
			display:block;
		}
			#thumbnailHolder a.thumbnail3:hover {
				background:url(../../img/photo3_thumb.jpg) bottom no-repeat;
			}
		#thumbnailHolder a.thumbnail4:link, #thumbnailHolder a.thumbnail4:active, #thumbnailHolder a.thumbnail4:visited {
			width:98px; height:98px;
			background:url(../../img/photo4_thumb.jpg) top no-repeat;
			display:block;
		}
			#thumbnailHolder a.thumbnail4:hover {
				background:url(../../img/photo4_thumb.jpg) bottom no-repeat;
			}
		#thumbnailHolder a.thumbnail5:link, #thumbnailHolder a.thumbnail5:active, #thumbnailHolder a.thumbnail5:visited {
			width:98px; height:98px;
			background:url(../../img/photo5_thumb.jpg) top no-repeat;
			display:block;
		}
			#thumbnailHolder a.thumbnail5:hover {
				background:url(../../img/photo5_thumb.jpg) bottom no-repeat;
			}