body {
	background: #fff;
	margin: 0 75px 0 35px;
	font: normal 12px/18px "Courier New", courier, mono;
}


#nav-control {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	height: 250px;
	z-index: 90;
	visibility: visible;
}

#header-over {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	visibility: visible;
}

#header-under {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	visibility: hidden;
}
	
	
#name {
	position: absolute;
	top: 5px;
	left: 33px;
	z-index: 10;
	width: 320px;
	height: 100px;
}

#name img {
	border: 0;
}

#name-detail img {
	border: 0;
}

#name-detail {
	position: absolute;
	top: 5px;
	left: 33px;
}


#nav-detail {
	position: absolute;
	top: 95px;
	left: 35px;
	width: 230px;
	font: normal 12px/18px "Courier New", courier, mono;
}

#name a {
	border: 0;
}

#name-detail a {
	border: 0;
}

#nav-thumbs {
	z-index: 20;
	float: left;
	margin-top: 95px;
	margin-left: 0px;
	width: 273px;
	padding-bottom: 20px;
	font: normal 12px/18px "Courier New", courier, mono;
}

#nav-thumbs-horiz {
	z-index: 20;
	float: left;
	margin-top: 95px;
	margin-left: 0px;
	width: 342px; 
/*	width: 171px; */
	padding-bottom: 20px;
	font: normal 12px/18px "Courier New", courier, mono;
}


#nav-home {
	position: absolute;
	z-index: 10;
	top: 95px;
	left: 35px;
	width: 230px;
	font: normal 12px/18px "Courier New", courier, mono;
}

#nav a {
	text-decoration: none;
	border-bottom: 1px solid #000;
	color: #000;
}


#nav a:hover {
	text-decoration: none;
	background-color: #ffff00;
	border-bottom: 1px dotted #000;
	color: #000;
}


#nav a.on {
	text-decoration: none;
	border-bottom: 0px solid #000;
	color: #000;
}


.horizontal {
	width: 171px !important;
}


#infoFloat {
	float: right;
	padding: 10px 0 0 0;
	margin-left: 780px;
}

#infoRight {
	position: absolute;
	z-index: 10;
	top: 10px;
	right: 25px;
	font: normal 12px/18px "Courier New", courier, mono;
}

#infoControls {
	float: right;
}

#info a {
	text-decoration: none;
}


#info a:hover {
}

#controlsDetail {
	position: absolute;
	z-index: 10;
	top: 10px;
	left: 500px;
	background-color: #ccc;
	font: normal 12px/18px "Courier New", courier, mono;
}

#controls {
	position: absolute;
	z-index: 10;
	top: 10px;
	left: 500px;
	font: normal 12px/18px "Courier New", courier, mono;
}

#controls a {
	text-decoration: none;
	border-bottom: 1px solid #000;
	color: #000;
}


#controls a:hover {
	text-decoration: none;
	background-color: #ffff00;
	border-bottom: 1px dotted #000;
	color: #000;
}

#copyright {
	clear: both;
	display: block;
}


/* HOME PAGE STYLES */


	/* Vertical centering: make div as large as viewport and use table layout */
	#home-img {
		top: 11px; 
		left: 0; 
		width: 100%; 
		height: 100%;
		position: fixed; 
		display: table;
	}
	
	/* Horizontal centering of image: set left & right margins to 'auto' */
	#home-img img.displayed {
		display: block; 
		margin: 1em auto;
	}
	
	/* Also center the lines in the paragraph */
	#home-img p {
		display: table-cell;
		text-align: center;
	}

	/* Vertical centering: make div as large as viewport and use table layout */
	#detail-home {
		position: relative; 
		display: table;
		top: 9px; 
		left: 0; 
		width: 100%; 
		height: 100%;
		z-index: 0;
	}


/* THUMB PAGE STYLES */


	.thumb {
		float: left !important;
		display: inline !important;
		vertical-align: top !important;
		margin-top: 10px;
		margin-right: 10px;
		margin-bottom: 16px;
		width: 127px;
	}	
	
	.thumb img {
		padding-bottom: 4px;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 1px solid #fff;
	
	}
	
	.thumb a img {
		border-bottom: 1px solid #fff;
	}
	
	.thumb a:hover img {
		border-bottom: 1px solid #000;
		background-color: #fff;
	}



/* DETAIL PAGE STYLES */

	/* Vertical centering: make div as large as viewport and use table layout */
	#detail {
		position: relative; 
		display: table;
		top: 46px; 
		left: 0; 
		width: 100%; 
		height: 100%;
		z-index: 10;
	}
	
	/* Horizontal centering of image: set left & right margins to 'auto' */
	#image  {
		display: block; 
		margin-left: -20px;
		margin-right: -20px;
	}
	
	/* Also center the lines in the paragraph */
	#detail p {
		text-align: center;
	}
	
	#detail img {
		border: 0;
	}	
	
	#caption {
		font: normal 12px/18px "Courier New", courier, mono;
	}


/* INFO PAGE STYLES */

	#clients {
		position: absolute;
		top: 12px;
		left: 400px;
		width: 165px;
		font: normal 12px/15px "Courier New", courier, mono;		
	}

	#contact {
		position: absolute;
		top: 12px;
		left: 620px;
		width: 175px;
		font: normal 12px/15px "Courier New", courier, mono;
	}




	/* Horizontal centering of image: set left & right margins to 'auto' */
/*
	#detail img.displayed {display: block; margin: 1em auto}
   
	p {
		display: table-cell;
		font: normal 12px/18px "Courier New", courier, mono;
		text-align: center;
	}

*/