@charset "utf-8";
/* CSS Document */

/* ////////// this website is created and copyrighted  by Ratondesign.com ////////// */

 div#content {
background: #000000 ;
width : 950px;
height:auto;
min-height: 490px;
margin-left:28px;
}

.incontent {
width: 850px;
margin-left:50px;
margin-top:40px;
}

#nl {
	margin:0; 
	padding:0;
	font-family:arial;
	text-align:center;
	line-height:125px;
	list-style:none;
}

	#nl li {
	float:left;
	background: url(../images/nl.jpg) no-repeat;
	width:250px;
	height:125px;
	position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

	#nl li a {
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		height:125px;
		position:relative;
	}

 	#nl li .hover {
		background: url(../images/nl_o.jpg) no-repeat;		/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:250px;	/*	width, height, left and top to fill the whole LI item	*/
		height:125px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}
	
	
	

	
	#en {
	margin:0; 
	padding:0;
	font-family:arial;
	text-align:center;
	line-height:125px;
	list-style:none;
}

	#en li {
	float:left;
	background: url(../images/en.jpg) no-repeat;
	width:250px;
	height:125px;
	position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

	#en li a {
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		height:125px;
		position:relative;
	}

 	#en li .hover {
		background: url(../images/en_o.jpg) no-repeat;		/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:250px;	/*	width, height, left and top to fill the whole LI item	*/
		height:125px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}
	
	
	
	
	
#between{
width:100px;
height:125px;
float:left;}

#between1{
width:150px;
height:125px;
float:left;}

	
