*{
	margin:0;
	padding:0;
}

body {
	
	color: #8a7f6c;
	font: normal 11px/16px Trebuchet, "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	background: #000000 url("../images/colors_5.jpg") no-repeat;
	width:1285px;
	margin:0 auto;
	height:6190px;
}
div#container {
	width: 1285px;
	height: 6190px;
	position:absolute;
	margin:0 auto;
}
	
a {outline: none;}
a:link {color: #FFCC33;text-decoration: none;padding: 1px;}

a:visited {color: #009900;text-decoration: none;}
a:hover {text-decoration: none;color: white;	}


h1, h2, h4 {
  	font: bold 13px/18px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 12px;
	color: #68481d;
	letter-spacing: 1px;
	margin-left: 10px;
	text-transform: uppercase;
}

h3{
	font: bold 13px/18px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 20px;
	color: #008040;
	letter-spacing: 1px;
	margin-left: 25px;
	text-transform: uppercase;
}

h5{
	font: bold 11px/16px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 7px;
	color: #8a7f6c;
	letter-spacing: 1px;
	margin-left: 10px;
	text-transform: uppercase;
	margin-top:7px;
}


span.piccolo{font-weight: normal;}

/* NAVIGATION */
	
    ul#navigation{
    	height:20px;
		width:1285px;
		background-color:#000000;
		position:fixed;
		padding-left:33px;
		position:absolute;
		top:0;
		left:-20px;
		position:fixed;
		padding:5px;
		z-index:1800;
		
    }
	
	ul#navigation li{
		list-style-type:none;
		float:left;
		margin-right:5px;
		margin-left:5px;
		padding-left:63px;
		padding-right:10px;
		padding-top:3px;
		z-index:1800;
		
	}	
	
/* FOOTER */

#footer {

	    height:65px;
		width:1285px;
		background:url(../images/loopbg5.png) no-repeat 0 0;
		position:fixed;
		text-align:left;
		bottom:-5px;
		left:0;
		right:0px;
		color:#000000;
		z-index:1800;
	
}

#footer ul{
	text-align:left;
	color:#ffffff;
	margin-left:50px;
	font-size:10px;
	padding-top:80px;
	padding-bottom:3px;
	z-index:4000;
	position:absolute;
	bottom:0px;
	left:10px;
   
}

#footer ul li{
	display:inline;
	padding-left:5px;
	margin-left:5px;
	
}

#footer ul li#designer{
	display:inline;
	padding-right:10px;
	margin-left:90px;
	border-left:none;
	border-right:dotted 1px #FFF;
}

img#twitter{position:relative;left:525px;border-right:dotted 1px #FFF;padding-right:10px;}
img#facebook{position:relative;left:525px;top:4px;}


/* CARDS BACKGROUNDS */

.card {
	width: 808px;
	height: 518px;
	background: url(../images/card.png) no-repeat;
	margin-bottom: 5px;
	padding-top: 212px;
	display: block;
	margin-top:10px;
}
.card1 {
	width: 808px;
	height: 770px;
	background: url(../images/card_bg.png) no-repeat;
	margin-bottom: 10px;
	padding-top: 190px;
	display: block;
	position:absolute;
	top:10px;
	left:235px;
	right:235px;
}
.card2 {
	width: 808px;
	height: 620px;
	background: url(../images/card-story.png) no-repeat;
	margin-bottom: 15px;
	padding-top: 212px;
	display: block;
	position:absolute;
	top:770px;
	left:235px;
	right:235px;
	
}

.card3{
	width: 808px;
	height: 800px;
	background: url(../images/wood-bg.png) no-repeat ;
	margin-bottom: 5px;
	padding-top: 100px;
	display: block;
	color: #ff8000;
	position:absolute;
	top:1630px;
	left:235px;
	right:235px;
}

.card4{
	position:absolute;
	top:2560px;
	left:auto;
	background:url(../images/card4-1.png) no-repeat;
	width:800px;
	height:536px;
	display:block;
	left:235px;
	right:235px;
}

.card5 {
	width: 804px;
	height: 574px;
	background: url(../images/wine.png) no-repeat;
	margin-bottom: 20px;
	padding-top: 60px;
	display: block;
	margin-top:5px;
	position:absolute;
	top:3200px;
	left:235px;
	right:235px;
}

.card6{
	position:absolute;
	top:3860px;
	left:auto;
	width: 808px;
	height: 580px;
	background: url(../images/card.png) no-repeat;
	display:block;
	left:235px;
	right:235px;
}


.card7 {
	width: 808px;
	height: 518px;
	background: url(../images/card.png) no-repeat;
	margin-bottom: 5px;
	padding-top: 212px;
	display: block;
	margin-top:10px;
	position:absolute;
	top:4520px;
	left:235px;
	right:235px;
}

.card8{
	position:absolute;
	top:5220px;
	left:auto;
	margin-bottom:160px;
	background:url(../images/card8.png) no-repeat;
	height:900px;
	width:808px;
	display:block;
	left:235px;
	right:235px;
}


.card p {
	margin-left: 10px;
	text-transform: uppercase;
	margin-top: -8px;
}

.card3 p{
	margin-bottom:20px;
	
}
.card3 p b{
	margin-left: 0px;
	text-transform: uppercase;
	margin-top: -8px;
	color: #ffffff;
	margin-bottom:10px;

}
.card img {
	display: block;
	float: left;
	z-index: 1;
	visibility: visible;
	margin-right: 10px;
	margin-bottom: 10px;
}

.card3 img {
	display: block;
	float: left;
	z-index: 1;
	visibility: visible;
	margin-right: 10px;
	margin-bottom: 10px;
}

.first {
	margin-left: 50px;
	margin-top: -120px;
}

#about {
	margin-top: 70px;
}

img#logo{
	position:absolute;
	top:385px;
	left:17px;
}


/* HISTORY */

img#portrait{
	width:745px;
	position:relative;
	top:-140px;
	left:30px;

}

div#story{
	position:relative;
	top:-120px;
	left:20px;
	width:745px;
	font-size:12px;
	
}




/* FOOD */

.haccordion .header, .haccordion .content{
   float: left;
   height: 500px;
   margin-top:-145px;
   margin-left:0px;
   
 }
  
  .haccordion .header{
   width: 60px;
   background: #ccc;
   color: #fff;
   cursor: pointer;
   background:  url(../images/logos-h34.png) no-repeat ;
  }
  
  .haccordion .content{
   display: none;
   width: 350px;
   overflow: auto;
  }
  
  .haccordion .content p{
   margin-top: 10px;
   margin-left:5px;
   margin-right:10px;
   text-align:right;
   
  }
span.color{
	color:#ffff80;
	font-size:11px;
}

img.starters{
	position:relative;
	top:-6px;
	left:0px;
}	

.sticker-left {
	width: 303px;
	background: url(../images/pad2.png) no-repeat 0 0;
	z-index: 0;
	position: relative;
	left: 500px;
	top: -130px;
	float: none;
	clear: both;
	height: 240px;
}



/* SET MENU */


div.setmenu{
	height:480px;
	width:300px;
	float:left;
	margin-left:80px;
	padding:10px;
	padding-top:70px;
}
div.setmenu p{
	
	margin-bottom:5px;	
	margin-top:7px;
	text-align:left;
	font-size:9px;
	color:#808000;
	margin-left:-20px;
}
	
div.setmenu p b{
	margin-left: -10px;
	text-transform: uppercase;
	margin-top: -8px;
	color: #ffffff;
	margin-bottom:10px;
	font-size:10px;
	text-align:left;
}	
	
div.setmenu h3{
	margin-bottom:30px;
	text-align:left;
	width:220px;
	font-size:14px;
	color:#008000;
	margin-left:-20px;
	
}	

div.setmenu h4{
	margin-bottom:15px;
	text-align:left;
	margin-top:15px;
	margin-left:-30px;
	color:#ff8000;
	
}

p#set a
{background: url(../images/prod.png) no-repeat;
    position:absolute;
	top:4px;
	left:3px;
	width:147px;
	height:147px;
	z-index:900;}

	
p#set:hover a{
	background: url(../images/prod7.png) no-repeat;
    position:absolute;
	top:4px;
	left:3px;
	width:147px;
	height:147px;
	z-index:1000;
}



/* RESERVATION */


div#piccoloreserv{
	position:absolute;
	top:-8px;
	left:680px;
	width:80px;
	background:url("../images/cubelogo.png");
	width:80px;
	height:134px;
}
#reservation{
	padding-top:70px;
	text-align:justify;
	padding-left:15px;
	padding-right:15px;
	width:775px;
	font-size:12px;
	text-align:justify;

}
#reservation h2{
	padding-bottom:20px;
	padding-left:10px;

}


	
.small {
  display:block;
	width: 388px;
	height: 433px;
	background: url(../images/card_small.png) no-repeat;
	float: left;
	margin-bottom: 13px;
	margin-top:5000px;
	
}


.with-line {
	margin-left: 0;
	border-left: 1px solid #382813;
}

.with-line h1, .with-line h2,.with-line p {
	margin-left: 20px;
	background-position: 0 -180px;
}

.description {
	margin-top: 16px;
}

.description p{
  	font: normal 11px/16px Trebuchet, "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}




	/*wines*/
	
#parent2 li{
			padding: 15px;
				margin-left: 100px;
			}
			#parent2-menu2 a.wactive{
				font-weight: bold;	
			}
		
div#menu2 a{
	color:#008040;
}		
div#menu2 a:hover{
	color:#ff0000;
}			
#parent2 li div.vines{
	float:left;
	margin:20px;
}

#parent2 li p{
   margin-bottom:5px;	
	margin-top:10px;
	text-align:right;
	font-size:12px;
	color:#800000;
}

#parent2 li p b{
	margin-left: 0px;
	text-transform: uppercase;
	margin-top: 0px;
	color: #ffffff;
	margin-bottom:10px;
	font-size:11px;
	
}
#parent2 h4{
	color:#ff0000;
	margin-left:50px;
}
#parent2 h5{
	color:#808000;
	text-decoration:underline;
}
div#menu2{
	margin-left:340px;
	margin-top:0px;
	font-size:11px;
	
}
.setmenuwine{
	margin-top:-32px;
}


	/* map */
	 
iframe{
	border:solid 5px #68481d;
}
div#location-info{
	margin-left:40px;
	margin-top:40px;
}	
	


/* movie */

	#page {
		text-align: center;
		color: white;
		padding-top:90px;
	}
	#page a {
		color: white;
	}
	#page .panorama-viewport {
		border: 20px solid #ffffff;
		margin-left: auto;
		margin-right: auto;
	}
	#page p {
		margin-bottom: 1em;
	}
	.TB_overlayBG {
		background-color: #595959;
	}
	
	

	/* NEWSLETTER */

div#mailinglist{
	position:absolute;
	top:5px;
	left:956px;
	z-index:3000;
	position:fixed;
	
}
	
#email	{
	width:200px;
	height:15px;
	background:url(../images/green-bar.png) no-repeat;
	font-family:"Arial Rounded MT Bold";
	font-size:11px;
	color:#FFCC33;
}
	
	#submit{
		background-color:#CD0000;
		color:#ffffff;
		font-family:"Arial Rounded MT Bold";
    	font-size:12px;
    	cursor:pointer;
	
	}

div#join{
position:fixed;
top:5px;
left:1165px;
}


 /* Credit Crunch */

div#lamp{
	position:fixed;
	top:28px;
	left:983px;
	width:293px;
	z-index:1600;
	background: url("../images/veioza1.png");
	height:537px;
	width:308px;
	
}

#newsticker {
width:210px;
background:transparent;
padding:5px 5px 0;
margin:20px auto;
position:fixed;
top:170px;
left:1040px;
z-index:1600;
}

#newsticker a { text-decoration:none; color:#CD0000; font-size:13px;font-weight:900;}


#newsticker .title {
	background: transparent url("../images/crunchmenu.png");
	width:168px;
	height:108px;
}

.newsticker-jcarousellite { width:300px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }

.newsticker-jcarousellite .info { width:190px; margin:5px auto 5px 37px;}
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#009900; }

.clear { clear: both; }