/* CSS Document */

.page {min-height: 400px;}

/*header */
.header {position: absolute; left: 0 top: 0; background-image:url(http://www.keithloh.com/img_photo/shell/header.jpg); width: 100%; height: 95px; z-index: 100}
.clickdiv {position: absolute; left: 0px; top:0px;}
.contactme {position: absolute; top: 37px; left: 300px; z-index: 1000;}

.header_text {position: absolute; top: 37px; left: 750px; font: 8pt georgia; color: #c7c9cc; padding: 2px;}

/* footer */
/* .footer {position: absolute; top: 665px; width: 2000px; height: 80px; background-image:url(../img_photo/shell/footer.jpg);}*/
.footer {position: absolute; bottom: -10px; width: 2000px; height: 80px; background-image:url(../img_photo/shell/footer.jpg);}
.footer_front {position: absolute; bottom: -10px; width: 2000px; height: 80px; background-image:url(../img_photo/shell/footer_front.jpg);}
.blog {position: absolute; top: 25px; left: 194px;}

/* content */
.breadcrumbs {position: absolute; left: 194px; top: 92px; font: bold 9pt georgia, serif; color: #676766;}
.breadcrumbs a {color: #676766; text-decoration:none;}
.breadcrumbs a:hover {color: #f87511;}

.photoholder {
	position: absolute; left: 194px; top: 120px;
    border: 1px solid #323438;
  background:black url(imageloading.gif) 50% 50% no-repeat;
  z-index: 0;
}
.photoholder a {text-decoration:none;}
.thephoto{ 
}

.thephoto a {text-decoration:none;}

.caption {position: absolute;bottom: -30px;font: small-caps 900 10px arial;color: #c7c9cc;}
.subthumb_caption {position: absolute;top:-30px;font: small-caps 900 10px arial;color: #c7c9cc; float:left;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.hovercaption  a span{
/*\*/
	position:absolute;
	left:-9999px;

}
.hovercaption a {text-decoration:none}
.hovercaption a:link {text-decoration:none}
.hovercaption a:hover span{	
	z-index: 2000;
	top:10px;
	left:-150px;
	width:180px;
	background:#FFF;
	color: black;
	padding:5px 0 5px 5px;
	font-size:70%;
	border: 1px dotted grey;
	filter: alpha(opacity=100);
	/*-moz-opacity:.8;
		opacity:.80;*/
/**/
} 

.nav {
padding 5px;
font: normal 11pt georgia;
color: #964606;
}
.nav a {color:#cf8b00}
.nav a:hover {color:#f26e03}
.nav a:visited {color:#964606}

.navongrey {
padding 5px;
font: normal 11pt georgia;
color: #964606;
}
.navongrey a {color:#cf8b00}
.navongrey a:hover {color:#f26e03}
.navongrey a:visited {color:#ffd800}



.thumbnails {position: absolute; left: 798px; top: 118px;   z-index: 100;}
.thumbnails_vertical {position: absolute; left: 570px; top: 118px;   z-index: 100;}
.thumb {border: 1px solid #323438; padding: 2px; }
.subthumbs {	position: absolute;	left: 570px; top: 180px; float:left;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}
.subthumbs_left {	position: absolute;	left: 75px; top: 120px;	float:left;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}
.thumbnails_title {position: absolute;top: -20px;font: small-caps 900 12px arial;color: #c7c9cc;}
.thumbnails_caption_title {font: small-caps 900 18px arial;color: white; margin-bottom: 5px;}
.thumbnails_caption {width: 400px; position: absolute; left: 600px; bottom: 450px;font: small-caps 900 12px arial;color: #c7c9cc; background-color:#666666; padding: 10px; border: dotted 1px #d0d0c9; z-index: 2000;}
.thumbnails_caption_link {position: absolute; left: 580px; top: 510px;   z-index: 100; font: small-caps 900 14px arial;color: #c7c9cc;}
.thumbnails_caption_link a {color:#cf8b00}
.thumbnails_caption_link a:hover {color:#f26e03}
.thumbnails_caption_link a:visited {color:#964606}

.aboutme {position: absolute; left: 580px; top: 118px; width:360px;}

.portfolio_intro {position: absolute; position: absolute; left: 194px; top: 120px; width:460px;}
.subhed {font: bold 13pt georgia; color: white;}


.body1 {font: normal 11pt georgia; color: white; text-align: justify}
.body1 a {color:#cf8b00}
.body1 a:hover {color:#f26e03}
.body1 a:visited {color:#964606}

.body1sm {font: normal 7pt georgia;
color: #c6c7c8; position: relative; left: 15px; top: -6px; word-spacing:.4em}


/* portfolio page */
.port_index {
padding: 10px;
}
.port_index td {padding: 10px;}