
/******************************
 zpageproject 
*******************************/
#zpageproject{
	background-color:#ffffff; 
	background-image:url(../../asset/images/project/bg.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


#zpageproject #content{
	position:absolute;
	z-index:5;
	top: 0px;
	left: 0px; 
}

#zdivpjload .zlogo
{
	left:5px; 
	top:5px;
	z-index:99999;
	background-color: #ffffff;
 	border-radius:3px;
	box-shadow: 0px 0px 10px #000000 ;
	-webkit-box-shadow: 0px 0px 10px #000000;
	-moz-box-shadow: 0px 0px 10px #000000 ;
}

#boxproject
{
/*	background: #d2e2e8;*/
 	border-radius:5px;
}


#txtproject , .txtproject
{
	position:absolute;
	width:258px;
	margin:4px;
	background-color:#000000;
	color:#ffffff; 
	font-size:18px; 
	text-align:center;
	padding:2px;
  	border-radius:3px;
	filter: alpha(opacity=80); opacity: 0.8;
}

#imgproject
{ 
	width:260px; 
	height:195px; 
	overflow:hidden; 
	display:block;
	
	border:2px solid #ffffff;
 	border-radius:5px;
	box-shadow: 0px 0px 10px #000000 ;
	-webkit-box-shadow: 0px 0px 10px #000000;
	-moz-box-shadow: 0px 0px 10px #000000 ;	
  
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#zpageproject #img0{
	position:absolute;
	top: 380px;
	left: 20px; 
	filter: alpha(opacity=50); opacity: 0.5;
}

#zpageproject #img1{
	position:absolute;
	bottom: 0px;
	left: 10px; 
	
}


#zpageproject #img2{
	position:absolute;
	top:300px;
	left:100px;
}
#zpageproject #img3{
	position:absolute;
	top:600px;
	left:300px;

}
#zpageproject #img4{
	position:absolute;
	top:400px;
	left:300px;
}
#zpageproject #img5{
	position:absolute;
	top:130px;
	left:1200px;
}
#zpageproject #img6{
	position:absolute;
	top:550px;
	right:400px;
}
#zpageproject #img7{
	position:absolute;
	top:400px;
	right:100px;
}
#zpageproject #img8{
	position:absolute;
	top:100px;
	left:100px;
}


 