div#scrollbar { 
  position:relative; 
  left:0px; bottom:0px; top: 0px;
 /* border: 1px dashed #00ff00;*/
/*  width:450px; */
	width: 100%;
	
	
	
  height:15px;
  font-size:1px; z-index:2;
  margin-left: auto;
  margin-right: auto;
  
    }
div#track { 
/*  border: 1px dashed #ff00ff;*/
  position:absolute;
  left:0px;
/*  width:420px;*/
	width: 100%;
	
  height:15px;
  z-index:1;
  background: url("/black/images/track.gif") #336 repeat;
  }
div#dragBar {
/*  border: 1px dashed #ff0000;*/
  position:absolute; left:0px; top:0px;
  width:109px; height:14px; z-index:1;
  background-color:#ceced6;
  background: url("/black/images/slider.jpg");
  } 

div#left { 
	position: relative; 
	left:0px; 
	top: 0px;
	z-index:2; 
	border: 0px;
	}  
div#right { 
	position: relative; 
	right:0px; 
	top:0px; 
	z-index:3; 
	border: 0px;
	}



div#hold        {
/*	border: 2px #ff00ff dashed;*/
    position:relative; 
    overflow:hidden;
    width: 80%;
	margin-left: auto;
	margin-right:auto;
	
    height:175px; 
    z-index:50;
	left:0px;
 }

div#wn  {
/*	border:  1px solid #0f0fff;*/
        position:absolute;
        left:0px; top:0px;
  /*      margin-left: 50px;
        margin-right: 50px;*/
        
        width: 100%;
        height:200px;
/*  for builtin       clip:rect(0px, 500px,225px, 0px);*/
        clip:rect(0px, 100%,175px, 0px);
        overflow: hidden;
        z-index:1;
        }
   
div#lyr        {
/*	border: #0fff0f 2px dashed;*/
	
        position:absolute;
        visibility:hidden;
        width: 100%;
        
        left:0px; top:0px;
        z-index:1;
        }


   
body {
	font: 10pt/16pt verdana;
/*	background: url("/liem/photos/binary/images/backtile.jpg") #ececec repeat-y ;*/
	background-color: black;
	
	margin: 0;
	padding: 0;
}

#container {
/*	background: url('/liem/photos/binary/images/bg.jpg') no-repeat scroll left top;*/
	background-color: #000;
	margin: 0px;
	padding: 0px;
	position: absolute;
	height: 100%;
	/*width: 788px;*/
	width: 100%;
	visibility: inherit;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
/*	border: 1px dashed #ffff00;*/
}

#intro {
	margin-top: 10px; 
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;	
	text-align: center;
	padding-bottom: 30px;
/*	border: #ff00ff solid 1px;	*/
}
	
img.centeredimg {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	

#content {
	position: relative;
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;	
	width: 100%;
	/*border: dashed 2px #ff0000;*/
	/*border: #0000ff solid 2px;*/

	}



#photolist {
	width: 640px;
/*	border: dashed 2px #ff0000;*/
	margin-left: auto;
	margin-right: auto;
	
}


#photolist img { 
/*	border: 5px solid;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}
#quickSummary {
	background-color: black;
	
	
	
	/*border: #ff0000 2px solid;*/
	width: 640px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	
	}

#picturecolumn {
	position: relative;
/*	border: #00ff00 2px dashed;*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}



#indexes {
	padding-bottom: 20px;
	}

#indexes h3 {
	background: url("/black/subcollections.jpg") no-repeat top left ;
	height: 26px;
	width: 213px;
	visibility: visible;
	position: static;
	margin-top: 0px;
	padding-top: 0px;
	}

#indexes img { 
	border: 1px #ff0000 solid;
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}

#prev {
/*	border: #00ff00 1px solid;*/
	position: absolute;
	width: 120px;
	margin-left: 10px;
}

#index {
/*	border: #ff00ff 1px solid;*/
	position: absolute;
	width: 120px;
	margin-left: 220px;
}

#next {
/*	border: #ff0000 1px solid;*/
	position: absolute;
	width: 120px;
	margin-left: 380px;
}

#


#paypal {
	position: relative;
	background-color: #000000;
/*	border: #00ff00 solid 2px;*/
/*	width: 125px;*/
}

#credit {
	position: relative;
	width: 490px;
	margin-left: 175px;
	top: 100px;
	color: #000000;
	font-size: 8px;
}

#credit p {
/*	border: 1px dashed #00ffff;*/
	font-size: 8px;
	line-height: 10px;
}

#google {
        position: relative;
	border: 1px dashed #00ff00;
        width: 490px;
	margin-left: 175px;
	color: #000000;
	font-size: 8px;

}
	
#paypalcart {
	position: relative;
	background-color: #000000;
/*	border: #00ff00 solid 2px;*/
/*	width: 125px;*/
}

#paypalcart p {
	position: absolute;
	background-color: #000000;
	left: 10px;
	width: 125px;
	margin-top: 50px;
/*	margin: 10px;*/
	line-height: 17px;
	font-size: 12px;
}

#paypal p {
	position: absolute;
	background-color: #000000;
	left: 150px;
	width: 600px;
/*	margin: 10px;*/
	line-height: 17px;
	font-size: 12px;
}


#paypal h3 span {
	display:none;
	padding: 0px;
	margin: 0px;
	width: 252px;
	font-size: 18pt ;
}


#rcommentbox {
	position: relative;
	width: 440px;
	border: #bfbfbf 1px solid;
	margin-left: 40px;
	padding: 10px;
	background: #ffffff;
}
#comment {
	background: #dddddd;
	padding: 5px;
}

#picturecontainer {
/*	border: #ff0000 border 2px dashed;*/
	position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-left: 10px;
        margin-bottom: 20px;
	margin-top: 10px;
        width: 100%;
        }

/* not needed? */
#picturescroll {
/*	border: #ff0000 2px dashed;*/
	position: relative;
        width: 100%;
	height: 200px;
	overflow: auto;
	margin-left: 0px;
/*	z-index:100;*/
        }

#subList {
        margin-left: auto;
        margin-right: auto;
        margin-left: 10px;
        margin-bottom: 20px;
	margin-top: 0px;
        width: 100%;
/*	border: #ff0000 solid 1px;*/
        }

#picturebox {
/*	border: #0000ff 1px solid;*/
	width: 100%;
/*	height: 500px;*/
	display: block;
	margin-left: 0px;
	margin-right: 20px;
	position: relative;
}

/*#picturebox a:hover {
	background-color: #bfbfbf;
}*/

#picturebox a {
	margin: 0px;
	padding: 2px;
	text-decoration: none;
	display: block;
}

#picturebox img { 
	border: #ffffff 10px solid;
	display: block;
	margin-left: auto;
	margin-right: auto;
}



#bigpicturebox {
/*	border: #0000ff 1px solid;*/
	width: 100%;
/*&	height: 100%*/
	display: block;
	margin-left: 0px;
	margin-right: auto;
	position: relative;
}

#navbox {
/*	border: #00ff00 1px solid;*/
	width: 100%;
	height: 40px;
	display: block;
	margin-left: 20px;
	margin-right: auto;
	position: relative;
}

/*#hilite {
	margin-top: 21px;
	margin-bottom: 21px;
}*/



#bigpicturebox img { 
	border: #ffffff 10px solid;
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}

                                                                              
#photoname {
        padding-left: 3px;
        font-size: large;
        font-style: italic;
        text-transform: lowercase;
        }
                                                                                
#photocaption {
        padding-left: 20px;
        font-size: small;
        font-weight: normal;
        }
                                                                                


a:link {
	font-weight: bold;
/*	color: #99CCFF;*/
	color: #767676;
	text-decoration: none;
	}
a:visited {
	font-weight: bold;
/*	color: #99CCFF;*/
	color: #767676;
	text-decoration: none;
	}
a:hover {
	font-weight: bold;
	color: #767676;
	text-decoration: underline;
	}
a:active {
	font-weight: bold;
	color: #767676;
	}
p {
	font-size: 8pt;
	line-height: 14pt;
	margin: 0px;
	padding: 3px 0px;
	}


#linkList {
	font: 12px verdana, sans-serif;
	position: absolute;
	top: 225px;
	left: 0px;
	height: 0px;
	padding: 0px;
	margin-top: 400px;
	width: 150px;
	margin: 0px;
/*	border: #ffff00 solid 2px;*/
	}

#linkList ul {
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-y;
	}
#linkList li {
	line-height: 2.5ex;
	list-style-type: none;
	display: block;
	padding-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #000000;
	}
#linkList li a:link {
	color: #FFFFFF;
	font-weight: bold;
	background-position: 5px;
	}
#linkList li a:visited {
	color: #99CCFF;
	font-weight: bold;
	}

#lselect li {
/*        padding: 10px 3px 3px 16px;*/
        line-height: 15px;
/*	font: 10px;*/
         
 
}
#lselect li a:link, #lselect li a:visited {
        display: block;
}


/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{
	position:absolute;
	width: 99%;
	height: 99%;
/*	clip: rect(0px,100%,100%,0px);*/
	left:0px;
	top:0px;
	visibility:visible
}

.clCMAbs {
	position:absolute;
	visibility:hidden;
	left:0;
	top:0
}

/*Style for the background-bar*/

.clBar {
	position:absolute;
	width:10px;
	height:10px;
	background-color: #bfbfbf;
	layer-background-color: #1f1f1f;
	visibility:hidden;
}

/*Styles for level 0*/

.clLevel0,.clLevel0over {
	position:absolute;
	padding:1px;
	font-family:tahoma,arial,helvetica;
	font-size:12px;
	font-weight:bold
}

.clLevel0 {
	color:#000000;
}

.clLevel0over {
	background-color:#0f0f0f;
/*	layer-background-color:#000000;*/
	color:#ffffff;
/*	cursor:pointer;
	cursor:hand;*/
}

/*Styles for level 1*/
.clLevel1, .clLevel1over {
	position:absolute;
	width:180px;
	padding:2px;
	font-family:tahoma, arial,helvetica;
	font-size:11px;
	font-weight:bold
}

.clLevel1{
	/* -moz-opacity:0.1; //this is for mozilla based browsers
	filter:alpha(opacity=10); //this is for IE*/
	background-color:#bfbfbf; 
/*	layer-background-color:#FF9900; */
	color:#000000;
}
.clLevel1over{
	background-color:#0f0f0f transparent;
	background: transparent;
	background: url('blank.gif') transparent repeat;
	filter:alpha(style=1,opacity=90);
/*	layer-background-color:#336699;*/
	color:#ffffff;
/*	cursor:pointer;
	cursor:hand;*/
}
.clLevel1border{
	position:absolute;
	visibility:hidden;
	background-color:#000000;
/*	layer-background-color:#006699*/
}


/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute;  padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
.clLevel2{background-color:#bfbfbf; /*layer-background-color:Navy;*/ color:white;}
.clLevel2over{background-color:#0099cc; /*layer-background-color:#0099cc; */color:Yellow; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; /*layer-background-color:#006699*/}


/* lightbox */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	color: #4f4f4f;
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ 
	color: #0f0f0f;
	float: right;
 }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/black/lb/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/black/lb/overlay.png", sizingMethod="scale");
	}
	
.title {
	font-size: medium;
	color: red;
	}
	
.caption {
	color: white;
	font-style: italic;
	
}

.megapixels {
	font-size: smaller;
	color: white;
	}
	
.regular {
	font-size: small;
	}