@charset "UTF-8";
/* CSS Document */

	
/* houses the rows and thumbnails */

#image-selector{
	position:relative;
	float:right;
	margin-top:5px;
	margin-left:0px;
	width:357px;
	height:497px;
	z-index:2;
	background-color:#FFFFFFF;
	}

/* houses the thumbs inside the image-selector wrapper */

#thumbnailwrapper{
	position:relative;
	float:left;
	margin-left:8px;
	margin-top:8px;
	margin-bottom:8px;
	width:345px;
	height:76px;
	background-color:#FFFFFFF;
	z-index:2;
	clear:both; /* was clear right */
	}

/* thumb div */

#thumbnail{
	position:relative;
	float:left;
	margin-right:8px;
	margin-top:0px;
	width:76px;
	height:76px;
	background-color:#FFFFFF;
	z-index:2;
	}

/* controls for large image placement in gallery, margin-top relates to distance from #sub-navigation{ found in navigation.css */

#image-gallery{
	position:relative;
	margin-top:5px;
	float:left;
	width:574px;
	height:497px;
	z-index:2;
	background-color:#0000;
	clear:none;
	}
	
/* div to contain landscape shaped images */
	
#landscape{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	width:574px;
	height:383px;
	z-index:3;
	}
	
/* div to contain portrait shaped images */

#portrait{
	position:relative;
	margin-left:140px;
	width:322px;
	height:482px;
	z-index:3;
	}

/* div to contain copy about image beneath the thumbs, but within the imageselector div */

#textbox{
	position:relative;
	float:left;
	margin-top:26px;
	margin-left:auto;
	margin-right:auto;
	width:340px; /* shares width of imageselector div to align */
	height:110px;
	border-top:solid 1px #999;
	background-color:#FFFFFF;
	z-index:3;
	clear:both;
	}