/** #### COMPONENT: Gallery */


/* -> GALLERY div */
div#gallery {

	width: 440px;
	margin-bottom: 30px;
}
	/* -, globals? */
	#gallery img { cursor: pointer; }
	#gallery a.diffhover { font-weight: 300; }

	/* -> categories */
	#gallery div.cats {

		width: 100%;
		text-align: center;

		margin-bottom: 15px;
	}
		#gallery div.cats p { text-align: center; margin: 0; }

	/* -> cat name */
	#gallery div.catname {

		width: 100%;
		text-align: center;

		margin-top: 1em;
	}
		#gallery div.catname h2 { text-align: center; margin: 0; }

	/* -> big image */
	#gallery div.bigimage{		width: 440px;	height: 340px;		background: no-repeat url('../images/layout/Gallery/zoom.gif');

		margin-top: .3em;

		/* horizontal & vertical center alignment for GECKO browsers */
		display: table-cell;
		vertical-align:middle;
		text-align: center;
	}
		/* ,> vertical centering in MSIE (hack hack hack!) */
		span#edge { _width:0; _height:100%; _display:inline-block; _vertical-align:middle;} 
		span#container { _text-align:center; _width:100%; _display:inline-block; _vertical-align:middle;}

	/* -> image description */
	#gallery div.description {	width: 420px;

		text-align: left;
/*		padding-left: 10px;
		padding-right: 10px; */
		margin-top: 5px;
	}

	/* -> navigation holder */
	#gallery div.navholder {	width: 440px;	height: 95px;	background: no-repeat url('../images/layout/Gallery/thumbs.gif');

		margin-top: 20px;

		position: relative;
	}

	/* -> navigation */
	#gallery div.navigation {	width: 420px;	height: 85px;

		overflow: auto;
		text-align: center;

		position: absolute;
			top: 5px;
			left: 10px;
	}
		/* -, thumbnails */
		#gallery div.thumbs { margin: 0 auto 0 auto; }
		#gallery div.thumbs img { margin: 10px 6px 0 0; border: 1px solid #B37443; }

/* Inner typography */
#gallery p { padding: 0; }