/* CSS Document */

.e2_photo_gallery {
	width: 738px;
	height: 517px;
    color:#000000;
}


#main_image_wrapper{
	position:relative;
	border:1px solid #000000;
	width:736px; 
	height:511px;
	background: #FFF url(../images/workSamples/loading_image.gif) no-repeat 50% 50%;
	}
#imgloader{
	text-align:center;
	vertical-align:middle;
	position:absolute;
	z-index: 3;
	top: 0;
	}
	
	
/* box that contains the number navigation*/
#thumbhide {
	overflow:hidden;
	background-color: #dac142;
	border: 1px solid #000000;
	width: 125px;
	height: 93px;
	padding: 3px;
	position: absolute;
	z-index: 100;
	top: 9px;
	left: 596px;
}
#thumbbox{
	background-color: #ffffff;
	border: 1px solid #000000;
	height: 75px;
	padding: 0px 10px 16px 10px;
	position:relative;
	color: #000000;
	background-image: url(../images/workSamples/bkg_of.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
#thumbdisplay {
	width:  93px;
	color: #000000;
	height: 48px;
}
#photocount{
	color:#000000;
	font-size:54px;
	text-align: left;
	left:0;
	overflow: hidden;
	width: 100px;
	height: 64px;
	padding-left: 2px;
}
.picNumId {
	color: #a94021;
	float:left;
	width: 55px;
	}
.picNumIdTotal {

}
/*this holds the thumbnails*/
#thumb_container{	
	background-color: #ffffff;
	height: 13px;
	width: 63px;
	position:relative;
	overflow:hidden;
	border: none;
	margin-top: 20px;
	}
#thumbgall{
	position:absolute;
	left:0px;
	top:0px;
	white-space:nowrap;
	z-index:105;
	border: none; 
	}	
#thumbs img{
	vertical-align:top;
	border: none;	
	}
#thumbs a img{
	height: 26px;
	border: none;
	text-decoration: none;
	 
	}
#thumbs a:hover img{
	margin-top: -13px;
	border: none;	 
	text-decoration: none;
	}
#widthbox{
	position:relative;
	display:inline;
	left:0px;
	top:0px;
	border: none;
	}

/*#thumbs a:hover{}*/
#back{
	position:absolute;
	top:70px;
	left:18px;
	visibility:hidden;
	z-index:101; 
	height: 15px; 
	width: 10px; 
	border: none;
	background-color: #ffffff;
	}
#back img {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
	border: none;
}
#more{
	position:absolute;
	top:70px;
	left:93px; 
	z-index:101; 
	height: 15px; 
	width: 10px; 
	border: none;
	background-color: #ffffff;
	}
#more img {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
	border: none;
}
#more img a:link, #more img a:hover, #more img a:active {
	border: none;
		text-decoration: none;

}
#more a:link, #more a:hover, #more a:active {
	text-decoration: none;
	border: none;
}

.morelink:hover{ 
	border: none;
	text-decoration:none;
}
.morelink:link,.morelink:visited{
	border: none;
	text-decoration:none;
	}

#rightmore li a{
	background:url(../images/workSamples/right_more.gif) no-repeat;
	display:block;
	text-decoration:none;
	width:10px;
	height: 15px;
	padding:0;
	border: none;
	}
#rightmore li a:hover{
	background:url(../images/workSamples/right_more_over.gif) no-repeat;
	border: none;
}
#rightmore li a:active {
	border: none;
}
#leftmore li a{
	background:url(../images/workSamples/left_more.gif) no-repeat;
	display:block;
	width: 10px;
	height: 15px;
	padding:0;
	border: none;
	}
#leftmore li a:hover{
	background:url(../images/workSamples/left_more_over.gif) no-repeat;
	border: none;
}
#leftmore li a:active {
	border: none;
}
#rightmore,#leftmore{
	height:15px;
	width:10px;
	padding:0;
	border: none;
	}
#rightmore ul,#leftmore ul{
	list-style:none;
	border:none;
	height:15px;
	width: 10px;
	margin:0;
	padding:0;
	background-color: #ffffff;
	}
#rightmore li,#leftmore li{
	height:15px;
	margin:0;
	width: 10px;
	border: none;
	background-color: #ffffff;
	}
html>body #rightmore li a,html>body #leftmore li a{width:auto; border: none;}


#imgbox{width:80px;height:80px;display:inline;position:absolute;text-align:center;border: none;}
#iptc_btn{width:100%;text-align:right;position:absolute;left:0;top:0;z-index:999;border: none;}
#iptc_info{
	position:absolute;
	left: 399px;
	top: 128px;
	color:#000;
	font-size:12px;
	text-align:left;
	z-index: 100;
	}
.iptc_left{	
	visibility: hidden;
	height: 0px;
	width: 0px;
	overflow: hidden;
	}
	

.iptc_right{
	text-align: left;
	width: 310px;
	line-height: 18px;
	background-color: #ffffff;
	}

.spacing{padding:1px;}

#pn_overlay{position:absolute; top:0; left:0; width:100%; height:100%; z-index:80;}

#imgtitle{
	display:block; 
	text-align: left;
	line-height: 18px;
	}
#imgtitle h2{
	font-size:1.3em; 
	margin:0; 
	padding:0
	}

.clear{
	clear:both;
	font-size: 1px;
	}

.tooltip {
	color: #fff;
	width: 150px;
	z-index: 150;
	text-align:left;
}

.tooltip h4 {
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 8px 8px 2px;
	background:#000;
}

.tooltip p {
	font-size: 11px;
	padding: 1px 8px 8px;
	margin:0px;
	background: #000;
}