/* CSS Document */
body{
     background-color:#312c28; 
     color:#312c28;
     font-family: Tahoma, Geneva, sans-serif;
     font-size:12px;
	 line-height:1.4;
	 margin:0;
	 padding:0;
	}
	
#content{position:absolute;
		 margin-left:-315px;
		 width:630px;
		 visibility:visible;
		 left:50%;
		 background-color:#312c28;
		 top:100px;
		 height:535px;
		 }	
#contentSlide{position:absolute;
		 margin-left:-315px;
		 width:630px;
		 visibility:visible;
		 left:50%;
		 background-color:#FFF;
		 top:100px;
		 height:535px;
		 }		 
#album{position:absolute;
	   margin-left:-315px;
	   width:630px;
	   visibility:visible;
	   left:50%;
	   top:0px;
	   height:340px;
	   background-color:#141210;}

#biodiv{position:absolute;
	   margin-left:-315px;
	   width:630px;
	   visibility:visible;
	   left:50%;
	   top:0px;
	   height:420px;
	   background-color:#141210;}
	   
#corner{position:absolute; 
		margin-left:144px; 
		left:50%; 
		width: 171px; 
		height: 50px; 
		top:430px; 
		background-color:#141210; 
		}

#title_box{position:absolute; 
		left:11px; 
		width: 170px; 
		height: 31px; 
		top:9px; 
		background-color:none; 
		}
			 
#base{position:absolute;
		 margin-left:-315px;
		 width:450px;
		 visibility:visible;
		 left:50%;
		 background-color:#262220;
		 top:430px;
		 height:50px;
		 }
		 
#navigation{position:absolute;
			left:22px;
			top:19px;
			background-color:none;
			width:406px;
			}

.link{position:relative;
	  float:left;
	  margin-right:22px;
	  outline:none;
	  background-color:none;
	  border-style:none;
	  }
	  
.link_r{position:relative;
	    float:right;
	    margin-right:0px;
	    outline:none;
	    background-color:none;
	    border-style:none;
	  }
		
#thumbs{position:absolute;
		width:630px;
		height:70px;
		background-color:#1c1918;
		top:350px;
		left:0px;
		}

#windowContainer{position:absolute;
			top:10px;
			left:50px;
			width:540px;
			height:50px;
			clip:rect(10 2590 60 10);
			overflow:hidden;
			visibility:visible; 
			}

#slideshowText{position:absolute;
			   top:120px;
			   left:0px;
			   width:171px;
			   height:35px;
			   font-size:11px;
			   color:#777
			   }
			   
#windowContent{top:0px; left:0px; position:absolute; height:50px;}

#divContainer{position:absolute; width:530px;  height:370px; overflow:hidden; left:25px; top:25px; clip:rect(0 530 900 0); visibility:visible;}
#divContent{position:absolute; top:0px; left:0px; color:#777} 

#Container{position:absolute; width:535px; height:50px; overflow:hidden; top:10; left:50; clip:rect(0 3005 50 0); visibility:visible} 
#ContainerContent{position:absolute; top:0; left:0; background-color:none} 
#info{width:200px;}
.client{position:absolute; height:35px; width:530px; left:25px;}		
.image_fifty{position:absolute; width:75px; height:75px;}

#leftarrow{position:absolute; left:18px; top:29px;}
#rightarrow{position:absolute; right:18px; top:29px;}
#uparrow{position:absolute; right:25px; top:35px;}
#downarrow{position:absolute; right:25px; bottom:35px;}
	   
a:link{color:none; text-decoration:none; border-style: none; background: none; border-width: 0px}
a:visited{color:none; text-decoration:none; border-style: none; background: none; border-width: 0px}		
a:active{color:none; text-decoration:none; border-style: none; background: none; border-width: 0px}
a:hover{color:none; text-decoration:none; border-style: none; background: none; border-width: 0px}
a img{border:none;}

#lightbox{position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{width: auto; height: auto;}
#lightbox a img{border: none;}

#outerImageContainer{position: relative; background-color:#fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{padding: 10px;}

#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{left: 0;}
#hoverNav a{outline: none;}

#prevLink, #nextLink{width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../design_elements/previous.jpg) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../design_elements/next.jpg) right 15% no-repeat;}

#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;}
#imageData{padding:0 10px; color: #666;}
#imageData #imageDetails{width: 70%; float: left; text-align: left; background-color:none;}	
#imageData #caption{font-weight:normal; background-color:none;}
#imageData #numberDisplay{display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose{width: 66px; float: right; text-align:right;  padding-bottom: 0.7em; outline: none; background-color:#FFF}
	
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}

#buttonBox{background-color:none;
		   left:0px;
		   bottom:80px;
		   width:170px;
		   position:absolute;
		   }

.rightcol{background-color:none; text-align:left; position:absolute; width:171px; right:10px; top:250px; height:160px; border-style:none;} 

.slideshowButton{background-color:none;
				 position:relative;
				 float:left;
				 margin-right:8px;
				 }

#areaONE{position:absolute;
	   margin-left:-315px;
	   width:630px;
	   visibility:visible;
	   left:50%;
	   top:0px;
	   height:420px;
	   background-color:#141210;}
.image_box{position:absolute; top:10px; left:10px;}
#ymcaAlbum{position:absolute;
		   top:10px;
		   height:400px;
		   right:10px;
		   }