/* Sample 4*/
#box4{
font-family:Palatino Linotype,'Comic Sans MS';
font-style:italic;

position:absolute;
}


#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px 20px;
	color:white;
}

#box4 h3 {
 text-align:left;
 font-size:18px;
}

#box4 p{
	font-size:14px;
	text-indent:12px;
	text-align:justify;
	color:white;
	line-height:1.2em;
}

#box4 p a {
text-decoration:none;
color:white;
}

#box4 p a:hover{
text-decoration:underline;
color:white;
}

#box4 img{
	
}


/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}

#box4 div{
	width:550px;
	
	height:415px;
	float:left;
	background:#000000;
	/*background:#eee;*/
	
	filter:alpha(opacity=40);
  opacity:0.5;
	
	
}
.mask3{
	position:relative;
	width:550px;
	
	height:415px;	
	/* height:300px; */
	top:85px;
	left:358px;

	overflow:hidden;

	/* filter:alpha(opacity=40); */
  /* opacity:0.8; */
}


span img{
	display:block;
	border:none;
}

#cont0 {
/* filter:alpha(opacity=80); */
    position: absolute;
		width: 1000px;
	  height: 500px;
	  left: 50%;
	  top: 50%;
	  margin-left: -500px;
		margin-top: -250px;
	  background:url('designmenutlen.jpg');
	  width:1000px;
	  height:500px;
}

.magamrol:hover {
	background:url ('images/magamrol_HOVER_03.gif');
}