

@charset "utf-8";
/* CSS Document */






	
	#wrapperyadisplay

{

	height:683px;

}			
	
#display{
	
	
	height:620px; 
	border:none;
	
		}	
 


			
	#middlebar	{
				position:relative;
				width:100%;
				height:570px;
				float:left;
				top:-10px;
							background:#bec9b4 ;
z-index:6;					padding-right:0px; left:0px; 				background-repeat:repeat-x;
				
			
				
				
				
				
				
			}		
			
			
			
			
			
			
			
			
			
			
			
			
			
#juu
{
padding-left:6px;
height:33px;
width:100%;
background-color:#e7eed8;
font-size:200%;
color:#5c665c;
position:relative;
overflow:hidden;

}
#blg,#log,#o,#g
{
font-size:100%;
font-weight:bold;
}

#blg
{
color:#8f9d8f;
}
#log
{
color:#848f84;
}
#o
{
color:#717d71;
}
#g
{
color:#666f66;
}

#topsay
{
font-size:65%;
}

#find
		{
		float:right;
		margin-left:10px;
		margin-top:0px;
		background-image:url(images/searchb.png);
		background-repeat:no-repeat;
		padding-left:30px;
		height:23px;
		border: solid #bfd8d1 1px;
		position:absolute;
		background-color:#f3ffff;
		padding-top:2px;
		
		}
#topcorner
		{
				position:relative;
				width:100%;
				height:35px;
				top:0px;
				background-color: #a8bdb7;
				z-index:7;	
				background-image:url(images/titltop.png);
				border-bottom: solid gray 1px;
			
				
				
		}

#topcorner  #para
			{
			font-size:100%;
			
			text-align:left;
			height:100%;
			width:145px;
			background-image:url(images/titltopside.png);
			background-color: #ccc;
			float:right;
			padding-left:15px;
			position:relative;

		}
#para #contimg
			{
			width:100px;
			height:26px;
			background-image:url(images/mycontact.jpg);
			background-repeat:no-repeat;
			padding-left:45px;
			padding-top:9px;
			
			
			}
#para #contimg a
		{
		text-decoration:none;
		color:#364d7a;
	
		}
			
#para #contimg a:hover
		{
		text-decoration:none;
		color:#b24d03;
		font-weight:bold;
	
		}
#topcorner #abtright
{
float:left;
font-size:100%;
height:35px;

width:138px;
background-image:url(images/titltopside.png);
}


#abtright p
		{
		
		
		height:26px;
		width:85px;
		margin-left:8px;
		padding-left:43px;
		padding-top:9px;
		float:right;
		position:absolute;
		margin-top:0px;
		background-image: url(images/logy.png);
		background-repeat:no-repeat;
		
		}
#abtright p a
			{
			
			text-decoration:none;
			padding:1px  4px 2px 4px;
			background-image: url(images/main.gif);
			color:#1a6a88;
			font-weight:bold;
			border:solid #a7b19f 1px;
			}
	#abtright p a:hover
			{
			
			font-weight:bold;
			color:#e7eed8;
			}		
			
			
 #topcorner #abtcenta
 {
 
 float:right; 
 width:640px;
background-color:#f3ffff;
 margin-right:10px;
 height:21px;
 margin-top:4px;
 background-image:url(images/titcent.png);
 padding-top:5px;
 border-left: solid #a8b2b3 2px
 }
 
 
 #abtcenta li
		{
		display:inline;
		margin-left:25px;
		
		}
 
 #abtcenta li a
		{
		text-decoration:none;
		color:#6e7d9d;
		
		}
 
 
 #abtcenta li a:hover
		{
		
		color:#c0a06c;
		
		}
 
 
#viewer
{
float:right;
background-color:black;
width:100%;
height:30px;

} 
 
 
 
 
 #contwrapper
			{
			width:100%;
			height:520px;
			background:#bec9b4 ;
			position:relative;
			
			}
 
#contpi
			{
			width:100%;
			height:90px;
			background-color:#6e766e;
			border: solid #94aea8 4px;
			border-right:none;
			border-left:none;
			
			padding-top:0px;			
			
			font-size:76%; 
			letter-spacing:0.05em;
			position:relative; 
			
			
			}

		
			
#contpi ul 
				{
				padding:0; 
				margin:0; 
				list-style-type:none;
				width:100%;
				}


							
#contpi li 
				{
				float:right;
				margin:1px;
				}

				
#contpi a.set span
	
		{			
		position:absolute;  
	    width:1px;  
	    height:1px;  
	    top:5px;  
	    left:5px; 
		text-align:center; 		
	    overflow:hidden;  
		
				
	
		}

				
#contpi #show
	
		{			
		
	    width:440px;  
	    height:280px;  
	    top:110px;  
	    left:400px; 
		text-align:justify; 		
	    background-color:#fff; 
		position:absolute;
		border: solid #e5efec 5px;
		color:#a09f98;
		padding-right:20px;
		padding-left:70px;
		}
		


 #thmmouse		
{	
width:400px; 
	    height:230px;  
	    top:135px;  
	    left:40px;	
	    background-color:#fff; 
		position:absolute;
		border: solid #e5efec 5px;
	color:#6e7d9d;
	    text-align:center;
		background-image: url(images/galabg.png);
		background-position:40% 0%;
		background-repeat:no-repeat;

}



	

#contpi a.set, #contpi a.set:visited 
		{  
	    display:block;  
	    
	    text-decoration:none;  
	   border: solid #bfd8d1 3px; 
	    margin:5px -2px 1px -1px;  
	    text-align:left;  
	     
	    }  


#contpi a.set:hover
{
border: solid #b0beb0  3px;
}	

#contpi a.set:hover span {  
		width:400px;  
	    height:230px;  
	    top:135px;  
	    left:40px;	 
		text-align:center; 		
	    background-color:#fff; 
		position:absolute;
		border: solid #e5efec 5px;
		color:#a09f98;
	    }  

#contpi a.set:hover span  img
		{
		
		float:center;
		border:none;
		margin-top:14px;
		
	
		}




#contpi a.zero	
{
background-image:url(images/kisss-thumb.png);
width:65px;
height:72px;
margin-right:40px;

}




#contpi a.moja	
{
background-image:url(images/thumbvit.gif);
width:65px;
height:72px;

}

/*
#contpi a.moja p
{
background-color:red;
width:300px;
border:solid #000 2px;
float:right;
margin-right:40px;
margin-top:20px;
}
*/




#contpi a.moja:hover span	
{

width:400px; 
	    height:230px;  
	    top:135px;  
	    left:40px;	
	    background-color:#fff; 
		position:absolute;
		border: solid #e5efec 5px;
		color:#a09f98;
	 

}



#contpi a.mbili	
{
background-image:url(images/thumbtohi.png);
width:65px;
height:72px;

}


#contpi a.mbili:hover span	
{

width:400px; 
	    height:230px;  
	    top:135px;  
	    left:40px;		
	    background-color:#fff; 
		position:absolute;
		border: solid #e5efec 5px;
		color:#a09f98;
	   
}
#contpi a.tatu	
{
background-image:url(images/thumbogsy.png);
width:65px;
height:72px;

}

#contpi a.nne	
{
background-image:url(images/thumbmanyo.png);
width:65px;
height:72px;

}



#contpi a.sita	
{
background-image:url(images/kasayouththumb.png);
width:65px;
height:72px;

}

#contpi a.sita:hover span	
{

width:400px; 
	    height:230px;  
	    top:135px;  
	    left:40px;	  
		
	    background-color:#fff; 
		position:absolute;
		border: solid #e5efec 5px;
		color:#a09f98;
	  
}







#contpi a.saba	
{
background-image:url(images/tukothumb.png);
width:65px;
height:72px;
background-color:blue;
}


#contpi a.saba:hover span	
{

width:400px; 
	    height:230px;  
	    top:135px;  
	    left:40px;			
	    background-color:#fff; 
		position:absolute;
		border: solid #e5efec 5px;
		color:#a09f98;
	   
}
#contpi a.nane	
{
background-image:url(images/zingarothumb.png);
width:65px;
height:72px;
background-color:blue;
}

#contpi a.nane:hover span	
		{

		width:400px; 
	    height:230px;  
	    top:135px;  
	    left:40px;		
	    background-color:#fff; 
		position:absolute;
		border: solid #e5efec 5px;
		color:#a09f98;
	  
		}

#contpi a.nane:hover span  img
		{
		margin-top:5px;
		}
		
		
		
		
		
		
		
		
		
		
#contpi a.tisa	
{
background-image:url(images/mumthumb.png);
width:65px;
height:72px;
background-color:blue;
}

#contpi a.tisa:hover span	
{

width:400px; 
	    height:230px;  
	    top:135px;  
	    left:40px;			
	    background-color:#fff; 
		position:absolute;
		border: solid #e5efec 5px;
		color:#a09f98;
	  
}

 #contpi a.tisa:hover span
 img
		{
		margin-top:0px;
		}


#contpi a.kumi	
{
background-image:url(images/culturethumb.png);
width:65px;
height:72px;
background-color:blue;
}


#contpi a.kumi:hover span	
{

width:400px; 
	    height:230px;  
	    top:135px;  
	    left:40px;		
	    background-color:#fff; 
		position:absolute;
		border: solid #e5efec 5px;
		color:#a09f98;

}

#contpi a.namoja	
{
background-image:url(images/mnetthumb.png);
width:65px;
height:72px;
background-color:blue;
}

#contpi a.namoja:hover span	
{

width:400px; 
	    height:230px;  
	    top:135px;  
	    left:40px;			
	    background-color:#fff; 
		position:absolute;
		border: solid #e5efec 5px;
		color:#a09f98;
	  
}




#contpi a.natatu	
{
background-image:url(images/turkanathumb.png);
width:65px;
height:72px;
background-color:blue;
}

#contpi a.nanne
				{
				background-image:url(images/gigsthumb.png);
				width:65px;
				height:72px;


}
#contpi a.nambili	
{
background-image:url(images/larecth.png);
width:65px;
height:72px;

}



#contpi a.nambili:hover span	
{

width:400px; 
	    height:230px;  
	    top:135px;  
	    left:40px;			
	    background-color:#fff; 
		position:absolute;
		border: solid #e5efec 5px;
		color:#a09f98;
	  
}

 #contpi a.nambili:hover span
 img
		{
		margin-top:0px;
		}

















