/*colori*/

html,body{
	background-color: #201d1d;
	color: #ebdbba;
}


/*dimensioni div*/

 html,body{
	
	width: 100%;
	text-align: center;
	/*background:#201d1d url(../img/bgbody.jpg) repeat-x;*/
}

	#container{
		/*  */
		margin: 0 auto;
		text-align: left;
		width: 800px;
		height: 100%;
		position: relative;
		z-index: 1;
	}
		#header{
			/*  */
			width: 100%;
			height: 100px;
			margin: 0;
			padding: 0;	
			border: 1px solid #201d1d;			
		}
			img.logo{
				/*  */
				float: left;
			}
			
			#header	p{
					/*  */
					font: 12px/16px "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
					margin: 41px 0 0 10px;
					float: left;
					display: inline;
				}
		
		#image{
			/*  */
			width: 800px;
			height: 350px;
			margin-bottom: 15px;
			position: relative;
			z-index: 1;
		}
		
		.loading{
			background: #201d1d url(../img/spinner.gif) no-repeat center center;
		}
		
		ul#small_nav{
			list-style-type: none;
			float: right;
			margin: 75px 5px 0 0;
			padding: 0;
			font: 12px/10px "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
		}
		
			ul#small_nav li{
				float: left;
			}
		
			ul#small_nav li a{
				display: block;
				padding: 0 5px 0 5px;
				border-right: 1px solid #2a2626;
			}
			
			ul#small_nav li a:hover, ul#small_nav li a.active{text-decoration: underline; color: #ebdbba;}	
		
		#navigation{
			/*  */
			width: 150px;
			height: 240px;
			margin: 0 0 5px 0;
			position: relative;
			z-index: 1;
			float: left;
		}
		
			#navigation ul{
				/*  */
				list-style-type: none;
				width: 100%;
				height: 240px;
				margin: 0;
				padding: 0;
			}
				#navigation ul li{
					/*  */
					text-align: center;
					height: 50px;
					margin-bottom: 10px;
				}
				
				#navigation li a{
					/*  */
					display: block;
					height: 50px;
					background-color: #2a2626;
					font-style: italic;
					text-decoration: none;
				}
				
				#navigation ul li a span.hide{
					position: relative;
					z-index: -1;
				}
				
				span.small{
					/*  */
					font-size: 11px;
				}
				
				
				#navigation ul li a.ourmenu{
					/*  */
					background: url(../img/ourmenu.jpg) no-repeat left top;
				}
				
				#navigation ul li a.happyhour{
					/*  */
					background: url(../img/happyhour.jpg) no-repeat left top;
				}
				
				#navigation ul li a.book{
					/*  */
					background: url(../img/bookatable.jpg) no-repeat left top;
				}
				
				#navigation ul li a.info{
					/*  */
					background: url(../img/info.jpg) no-repeat left top;
				}
				
				#navigation ul li a:hover, #navigation ul li a.active{
					/*  */
					background-position: left bottom;
				}
				
				
		#footer{
			/*  */
			float: left;
			width: 100%;
			text-align: center;
			
		}
		
		span.footer{
			display: block;
			border-top: 1px solid #2a2626;
			margin: 0 auto;
			width: 800px;
			padding: 5px;
			font: 10px/10px "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
			color: #4D4D4D;
		}

		#rotater-demo {position:relative; z-index: 2; display: none;}
		.slide {  position:absolute; }
		.slide p { padding:5px; }
		
		#centralimg{
			position: absolute;
			z-index: 100;
		}