/*  -------------------------- PAGE ELEMENTS ---------------------------- */

#gallery {
	margin-top: 4px; 
	border-top: 9px solid #333;
	border-bottom: 3px solid #333;
	/** margin-left: 475px; **/
	/* float: left ; */
	/* width: auto ; */
	padding-bottom: 5px ;
	margin-bottom: 5px ;
}

/*  -------------------------- SINGAPORE GALLERY ---------------------------- */

/*

GALLERY STRUCTURE REFERENCE

<div class="sgContainer">
	<h1 class="listtitle">
	<span class="small">
	<div class="sgContent">
		<div class="sgGallery">
			<div class="sgGalleryThumbnail">
				<img class="sgGalleryThumb" />
			<div class="sgGalleryTitle">
			<p class="label">
		<div class="stretcher">

ALBUM STRUCTURE REFERENCE

<div class="sgContainer">
	<h1 class="gallerytitle">
		<span class="small">
	<div class="sgContent">
		<div class="sgTab">
	<div class="details">

IMAGE STRUCTURE REFERENCE

div class="sgContainer">
	<div class="sgNavBar">
		<img class="sgPreviewThumb" />
	<h1 class="phototitle">
		<span class="small">
	<div class="sgContent">
		<div class="blackborder">
			<div class="whitespace">
				<div class="blackborder">
					<img class="sgImage" />
	<div class="details">

*/

div.sgContent img {margin: 10px ; border: 1px solid #333 ;}

span.label {color: #333; display: inline;}
div.sgGalleryThumbnail {float: left;}
div.sgGallery {margin: 8px; padding: 2px;}

.sgGalleryThumbnail, .sgGalleryThumb, .sgGalleryTitle, .label { text-align: left ; }

div.sgContainer, div.stretcher {clear: both;}

.sgNavBar { font-size: 1.1em; }
/* .phototitle, .gallerytitle, .listtitle {padding: 5px; margin: 0; letter-spacing: 0.2em; font-size: 1.5em; font-variant: small-caps;} */