/* CSS Document */












body{




	margin:10px 0px 10px 0px;
        font:normal 11px Times New Roman, Helvetica, sans-serif;




	color:#858d9d;




	background:url(image/pattern1.jpg) repeat-x top #B3B9B9;




	}
img{border:0px;}




.maintdle{




	background:url(image/pattern2l_repit.gif) repeat-y right;




	}




.maintdri{




	background:url(image/pattern2r_repit.gif) repeat-y left;




	}




.headermenu{




	list-style-type:none;




	display:inline;




	padding:0px 2px 0px 2px;




	font-size:16px;




	margin:0px;




	}




.headermenu a:link, a:visited, a:active{




		color:#495469;




		text-decoration:none;}




.headermenu a:hover{




		color:#FF9900;




		text-decoration:none;}




	
/* portfolio */
#lightbox{position: absolute; top:-100px; width:1100px; height:1000px;    left:0px; width:100%; z-index: 100; text-align: center; line-height: 0; background-color:#999999;}
#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:100px; width:100px; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 88%; left:0;; height: 10%; width: 10%; z-index: 10; }
#imageContainer>#hoverNav{ left: 45%;}
#hoverNav a{ outline: none;}

#prevLink{ width: 49%; height: 100%; display: block; background: url(../images/prevlabel.gif) left 15% no-repeat;  }
#nextLink{ width: 49%; height: 100%; display: block;  background: url(../images/nextlabel.gif) right 15% no-repeat; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) 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:#FFFFFF; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; color:#FFFFFF;  }    
#imageData #caption{ font-weight: bold; color:#FFFFFF;   }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; color:#FFFFFF;    }            
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline:none; color:#FFFFFF;}         
#overlay{ position: relative;  top: 0; left: 0; width:100%; height:100%; z-index: 90; background-color:#b3b9b9; }





/*25 05 08*/
.link1 a:link, .link1 a:visited, .link1 a:hover, .link1 a:active {
	color: #b8b8ba;
	text-decoration:none;
/* 29 05 08 */
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;}
.b2 {height:1px; background:#ddd; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3 {height:1px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4 {height:2px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentb {background: #ddd; border-right:1px solid #888; border-left:1px solid #888;}
.contentb div {margin-left: 5px;}