@import "imagerating.css";

/*--------------------------
	overall layout
-----------------------------*/

	div#galleryContainer div#navigation{
		float:left;
		width: 230px;
		height: 600px;
		text-align:center;
		
		
	}

	div#galleryContainer div#mainImage{
		float:left; 
		width: 500px;
		height: 600px;
		/*border:1px solid #B6B6B6;*/
		margin-right: 20px;
	}

/*--------------------------
	right column, thumbnail nav
-----------------------------*/

	div#navigation h2, div#galleryLinks h2{
		
		padding: 0 10px 10px 10px;
	}
	#thumbnails{
		position:relative;
		width: 204px;
		height: 412px;
		margin:0 auto;
		overflow:hidden;
	}
	#thumbnails img{
		position:absolute;
		border:1px solid #666666;
	}
	div.pagingNav img{
		margin: 6px 20px;
	}
	
	
/*--------------------------
	main picture container
-----------------------------*/

	div#mainImage{
		position:relative;
		padding: 10px;
		text-align:center;
	}

/*	top area	*/
	#mainImageInfo{
		text-align:left;
	}
	#imageTitle{
		width: 250px;
		text-align:center;
		height:auto !important;
		min-height: 40px;
		height: 40px;
		float:left;
		padding:4px 6px;
	}
	#photoEmailLink{
		position:absolute;
		left: 374px;
		top: 11px;
		width: 35px;
	}
	#imageRating{
		position:absolute;
		right: 0;
		top: 8px;
		width: 90px;
	}
	
	#mainPicWrapper{
		height:500px;
		width:502px;
		overflow:hidden;
	}
	
	img#mainPic{
		border:1px solid #333;
	}
	
	div.imageNav img{
		margin: 0 2px 4px 2px;
		float:left;
	}
	
/*--------------------------
	gallery links
-----------------------------*/
	#galleryLinks{
		margin: 12px 0;
	}
	#galleryLinks h2{
		width: 200px;
		margin-bottom: 12px;
	}
	#galleryLinks div.linkGroup{
		float:left;
		width: 200px;
	}
	#galleryLinks div.linkGroup h3{
		margin: 0 12px;
		border-bottom:1px solid #000;
	}
	#galleryLinks ul{
		padding: 0 12px;
	}
	#galleryLinks li{
		padding: 6px;
	}