/* ------------------- */					
/* -- GALLERY PAGES -- */
/* ------------------- */

/* Content */
div#content {
	background-image: url(../../images/background_content_grad.png);
	background-position: 0px 355px;
	}
	/* Header */
	div#header {
		width: auto;	
		height: 50px; /* Total = 58px */
		overflow: hidden;
		padding: 8px 0 0 18px;
		background-color: #F2EFEF;	
		border-bottom: 1px solid #A7ABAC;			
		}	
	/* Gallery */
	div#gallery {
		position: relative;	
		}
		/* Navigation (former buttons) */
		div#detail_nav {
			position: absolute;
			top: -28px;
			left: 10px;		
			}
			div#detail_nav ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				}
				div#detail_nav li {
					float: left;
					height: 10px;
					margin: 0;
					padding: 0 8px 0 8px;
					border-right: 1px solid #6D6C6C;
					}
				div#detail_nav li.last {
					border-right: none; /* Removed border from last item */
					}		
					div#detail_nav a {
						position: relative;
						top: -2px;
						padding-bottom: 7px;
						display: block;						
						color: #6D6C6C;
						font-size: 11px;
						font-weight: bold;
						text-decoration: none;
						text-transform: uppercase;
						background-position: bottom center;
						background-repeat: no-repeat;
						}
					div#detail_nav a:hover {
						color: #012A62;
						}	
		/* Text */			
		div#text {
			position: absolute;
			top: 23px;
			left: 400px;
			width: 435px;
			height: 225px;
			padding-right: 5px;
			overflow: auto;				
			}
			div#text h1 {
				margin-top: 3px;
				margin-bottom: 0px;
				text-transform: uppercase;
				}		
		/* Frame around photo */
		div#frame {
			position: absolute;
			top: 23px;
			left: 60px;
			width: 327px;
			}
			/* Large-size image */
			div#preview {		
				width: 300px;
				height: 225px;							
				}
		/* Thumbnail images - gallery navigation */
		div#thumbs {
			position: absolute;
			top: 288px;
			left: 60px;
			width: 780px; /* Total = 900px */
			height: 112px;	
			overflow: auto;
			white-space: nowrap;			
			}			
			div#thumbs a {
				/* Set to size of thumbnail images */
				width: 120px;
				height: 90px;
				overflow: hidden;
				}
			div#thumbs a:hover {				
				position: relative;
				top: 1px;
				left: 1px;
				}
				div#thumbs img {					
					width: 120px;
					height: 90px;
					margin-right: 2px; /* Added to make this look like the Motorcycle page (which, incidentally, doesn't have this code */
					}