/* ----------------------------------------------------------------------*/
/* CSS SPECFIC TO GALLERY FUNCTIONALITY  --------------------------------*/

/* #photoholder defined in base_styles.css as it is found in both Home and Gallery pages */

#photoholder a:focus {
	outline: 0;
} /* Gets rid of outlines in FF */
#detailPhoto {
	width:642px;
	height:301px;
	margin: 0 auto;
}
#photoCaption {
	display: block;
	width: 642px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #777777;
	font-size: 11px;
	margin: 8px auto 72px auto;
}

#galleryNav {
	position: relative;
	width: 790px;
	margin: 0	-75px;
	padding: 0;
	text-align: center;
}

a#leftArrow {
	float:left;
	display: block;
	margin: -62px 0 0 0;
}

a#rightArrow {
	float: right;
	display: block;
	margin: -62px 0 0 0;
}

#thumbnailsContainer {
	width: 700px;
	height: 68px;
	overflow: hidden;
	margin: 0 auto;
}
#thumbnails {
	/*width: 1500px; -- Width defined in gallery.js    */
	height: 68px;
	text-align: left;
}

#thumbnails a {
	width: 100px;
	height: 68px;
} 

#thumbnails a:focus {
	outline: 0;
} /* Gets rid of outlines in FF */



#gallerySubNav {
	position: relative;
	margin: -39px auto 16px auto;
	width: 300px;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: .05em;
	background: #FFFFFF;
}


/*Resume Navigation */

#gallerySubNav a:link			{ color: #777777; text-decoration: none; }
#gallerySubNav a:visited	{ color: #777777; text-decoration: none; }
#gallerySubNav a:hover		{ color: #000000; text-decoration: none; }
#gallerySubNav a:active		{ color: #000000; text-decoration: none; }
#gallerySubNav a:focus		{ outline: 0; }

#gallerySubNav a.currentPage:link			{ color: #000000; text-decoration: none; }
#gallerySubNav a.currentPage:visited	{ color: #000000; text-decoration: none; }