fdbody{
	margin:0; padding:0;
	background:#000;
	color:#ccc;
	font-size:12px;
	letter-spacing:1px;
	line-height:18px;
	font-family:'Times New Roman', Times, Georgia;
	font-weight:normal;
}

a { color:#aaa; text-decoration:none; }
a:hover { color:#666; }
a:active { outline:none; }

dl {
    line-height:1.5em;
    margin:0 0 1em 1em;
}

dt {
    clear:left;
    float:left;
    font-size:13px;
    font-weight:bold;
    margin:0px;
    text-align:right;
    width:30px;
}

dd {
    width:30px;
}

p{margin:0 0 18px 0;}
table, tr, td{margin:0; padding:0; border-spacing: 0;}
table, p{margin:0 0 9px 0;}

#bg{
	z-index:0;
	position:absolute;
	top:0px; left:0px;
	width:100%; height:930px;
	max-width:1350px;
}
	#bg ul{
		padding:0; margin:0;
	}
		#bg li.bg-image{
			padding:0; margin:0;
			list-style:none;			
			/*position:absolute;*/
			/*top:0px; left:0px;*/
			z-index:1;
			float:right;
		}
		#bg li.not-loaded{
			display:none;
		}
		
#black{
	position:absolute;
	top:0px; left:0px;
	width:400px; height:930px;
	background:#000;
	opacity:0.75;
	-moz-opacity:0.75;
	filter:alpha(opacity=75);
	z-index:10;
	border-right:1px #111 dotted;
}

#black .resizehandler{
    width:3px; height:930px;
    float:right;
    background:#000;
}


#black .resizehandler:hover{
    background:#eee;    
    cursor:w-resize;
}

#main{
	position:absolute;
	top:0px; left:0px;
	z-index:20;
	width:397px;
}
	
	#main #logo{
		position:absolute;
		top:35px; left:105px;
		width:186px; height:143px;
	}
		#main #logo a{
			display:block;
			width:150px; height:150px;
			line-height:150px;
			text-indent:-9999px;
			background:url(/images/jeno.png);
		}
		
		#main #content{
			margin:245px 0 0 0;
			padding:0px 30px;						
		}
			
			#main h1{
				
				cursor:pointer;
				height:36px; width:200px;
				margin:0 0 15px 0;
				padding:0px;
				text-indent:-9999px;
				background-position:0px 0px;
			}
			#main .sign {
				background:url(/images/sign1.png) no-repeat; 
				float:right;
				cursor:pointer; 
				margin-right:50px;
				margin-top:20px;
				text-indent:-9999px;
				width:111px;
				height:50px;
			}
			#main #hd-about {background:url(/images/nav-about.png) no-repeat;}
			
			#main #hd-product {background:url(/images/nav-product.png) no-repeat;float:none;clear:both;}
			#main #hd-contact {background:url(/images/nav-contact.png) no-repeat;}
			#main #hd-news {background:url(/images/nav-news.png) no-repeat;}
	
			#main #hours table { margin-bottom:18px;}
				#main #hours td {	width:150px; margin-right:18px;	}
			
			#main #contact table { width:152px;	}
				#main #contact td { margin-right:18px;}
				
			#main #contact #email, #name, #mobil{
				font-family:'Times New Roman', Times;
				font-size:14px;
				width:241px; height:24px;
				border:none;
				margin:1px 0 0 0;
				padding:3px 0 0 6px;
				background:transparent url(/images/email_field.png) no-repeat;
				float:left;
			}
			
			#main #contact #message{
			    font-family:'Times New Roman', Times;
			    font-size:14px;
			    width:241px; height:72px;
			    border:none;
			    margin:1px 0 0 0;
			    padding:3px 0 0 6px;
			    background:transparent url(/images/message_field.png) no-repeat;
			    float:left;
			    overflow:hidden;
			}
			#main #contact #submit{
				border:none;
				float:none;
				clear:both;
				cursor:pointer;
				width:93px; height:30px;
			}
				
			#main div.content-wrapper{
				
			}
				#main div.content-box h2{
					cursor:default;					
					width:350px; height:31px;
					margin:0 0 8px 0;
					padding:0px;
					text-indent:-9999px;
					background-repeat:no-repeat;
					margin-left:25px;
				}
				#main div.content-box #hd-mission-statement {height:10px;}
				#main div.content-box #hd-kandallo {background:url(/images/hd-kandallo.png) no-repeat 0px 0px;}
				#main div.content-box #hd-cserepkalyha {background:url(/images/hd-cserep.png) no-repeat 0px 0px;}
				#main div.content-box #hd-tuzterbetet {background:url(/images/hd-tuzter.png) no-repeat 0px 0px;}
				
				#main #hours h2 { margin-bottom:6px;}
				
				#main div.content-box h3{	margin:0;	}
				
				#main #news h3{
					font-weight:normal;
					margin:0 0 4px 0;
				}
				
				#main #about, #main #contact { margin-bottom:18px; }
				
#footer{
	font-family:'Times New Roman', Times;
	font-size:10px;
	margin:90px 0 0 0;
	padding:0px 30px;
}
	#footer a{
		color:#ccc;
		text-decoration:none;
		font-weight:normal;
	}
	#footer a:hover{
		color:#aaa;
	}

#extra-nav{
	position:absolute;
	top:178px; left:0px;
	height:31px;
	z-index:30;
	width:100%;
	border-bottom:1px #aaa dotted;
}
	#extra-nav ul{
		position:absolute;
		top:0px; left:675px;
		margin:0; padding:0;
		min-width:420px;
	}
		#extra-nav ul li{
			list-style:none;
			float:left;
			margin-left:34px;
		}
			#extra-nav li a{
				display:block;
				line-height:20px;
				height:20px;
				text-indent:-9999px;
				background-position:0px 0px;
			}
			#extra-nav li a:hover {
				opacity:0.75;
				-moz-opacity:0.75;
				filter:alpha(opacity=75);
			}
			#extra-nav li.nav-kandallo a{
				width:111px;
				background:url(/images/nav-kandallo.png) no-repeat 0 0;
			}
			#extra-nav li.nav-cserepkalyha a{
				width:142px;
				background:url(/images/nav-cserep.png) no-repeat 0 -1px;
			}
			#extra-nav li.nav-menus a{
				width:59px;
				background:url(/images/nav-menu.png) no-repeat 0 2px;
			}
			
#menu-dropdown{
	position:absolute;
	top:159px; left:688px;
	background:transparent url(/images/menu-bg.png) no-repeat;
	width:192px;
}
	#menu-dropdown ul{
		margin:0;
		padding:70px 0 0 18px;
	}
		#menu-dropdown li{
			display:block;
			width:163px;
			list-style:none;
			margin:0 0 16px 0;
			padding:0;
			background:url(/images/icon-pdf.png) 135px 2px no-repeat;
		}
			#menu-dropdown li a{
				display:block;
				text-indent:-9999px;
				width:163px; height:16px;
			}
			#menu-dropdown li a:hover{
				opacity:0.5;
				-moz-opacity:0.5;
				filter:alpha(opacity=50);
			}
			#menu-dropdown li.nav-brossura a{
				background:url(/images/nav-brossura.png) no-repeat;
			}
			#menu-dropdown li.nav-arlista a{
				background:url(/images/nav-arlista.png) no-repeat;
			}
			#menu-dropdown li.nav-sunday-brunch a{
				background:url(/images/nav-sunday-brunch.png) no-repeat;
			}
			#menu-dropdown li.nav-wine-list a{
				background:url(/images/nav-wine-list.png) no-repeat;
			}
			#menu-dropdown li.nav-specialty-drinks a{
				background:url(/images/nav-specialty-drinks.png) no-repeat;
			}	
	
#products{
	position:absolute;
	top:208px; left:285px;
	min-height:722px;
	z-index:30;
	width:680px;
	border-left:1px #aaa dotted;
	
	padding:10px;
}

	#products span{    
	    font-size:12px;
	    cursor:pointer;
	}
	#products p{    
	    font-size:12px;
	    margin-left:62px;
	    margin-top:3px;
	    margin-bottom:0px;
	}
	
	#products #prod-kandallo{    
	}
	#products #prod-cserepkalyha{    
	}
	#products #prod-tuzterbetet{    
	}
	
	#products table{
	    border-collapse:separate;
	    border-spacing:20px;
	    margin:0;
	    padding:0;	    
	}
	    #products table td{
		text-align:left;
		vertical-align:top;
		width:235px;	
	    }
		#products table td .pics{
		    /*height:232px;*/
		    margin:0;
		    padding:0;
		    width:320px;		
		    height:180px;
		    font-family:Arial;
		    -moz-border-radius-bottomleft:10px;
		    -moz-border-radius-bottomright:10px;
		    -moz-border-radius-topleft:10px;
		    -moz-border-radius-topright:10px;
		    background-color:#FFFFFF;
		    border:1px solid #CCCCCC;		    
		}
		    #products table td .pics span{
			border:none;
		    }
		    
		    #products table td .pics img{
			top:0;
			left:0;
			padding:15px;
			width:100px;
			cursor:pointer;
			float:left;
		    }
		    
		    #products table td .pics h2{
		    	color:#000;
			font-size:12px;
			float:left;
			margin-left:15px;
			width:282px;
		    }
		    
		    #products table td .pics .desc{
			margin:0px;
			margin-top:40px;
			padding:0px;
		    	color:#000;
		    	font-size:11px;
		    	line-height:12px;
		    	margin-left:130px;
		    }	    
	
#msg p{    
    color:white;
    font-size:12px;
    font-family:"Lucida Grande", Arial;
    position:absolute;    
    top:20px;
    left:280px;
    width:690px;
    height:100px;
    z-index:31;
}	
