/* styles */
body {font-family: Times New Roman,Times,serif; font-size:13px; color:#000000;}
#ino 			{ font-family: Times New Roman,Times,serif; font-size:15px; color: #FF6600; font-weight:bold; }
#press 			{ font-family: Times New Roman,Times,serif; font-size:13px; width:500px; color:#000000; margin-left:0; margin-bottom:10;  line-height:1.4; border-top:solid 1px #ccc; padding-top:8px;}
#presssource 	{ font-family: Times New Roman,Times,serif; font-size:13px; width:500px; color:#E97400; font-style:italic; text-align:right; padding:5px 0 10px; margin-bottom:25px; font-weight:bold;}
.press-list img {margin-top:10px;}
#blurb 			{ position:absolute; left:137px; top:0px; z-index:1; }

#menu 			{ font-family: Times New Roman,Times,serif; font-size:11px; color: #000000; line-height:1.8; background-color: White; }
#menuprice 		{ font-family: Times New Roman,Times,serif; font-size:11px; color: #000000; line-height:1.8; font-weight:bold; }

#vino	 		{ font-family: Times New Roman,Times,serif; font-size:10px; color: #000000; }
#vinoprice	 	{ font-family: Times New Roman,Times,serif; font-size:10px; color: #000000;  font-weight:bold;   }

.vino	 		{ font-family: Times New Roman,Times,serif; font-size:10px; color: #000000; }
.vinoprice	 	{ font-family: Times New Roman,Times,serif; font-size:10px; color: #000000;  font-weight:bold;   }

tr.strongVino .vino, tr.strongVino .vinoPrice
{
	font-weight: bold;
}

#metric		 	{ font-family: Times New Roman,Times,serif; font-size:8px; color: #000000; font-weight:bold;   }
#region 		{ font-family: Times New Roman,Times,serif; font-size:13px; color: #993300; font-weight:bold;  }
#map 			{ font-family: Helvetica,Arial,sans-serif; font-size:10px; color:#000000; }

.metric		 	{ font-family: Times New Roman,Times,serif; font-size:8px; color: #000000; font-weight:bold;   }

/* styles for tags */
/*body 		{ background-color:#E6E4D5; }*/
td 			{  }
A:link 		{ font-family: Times New Roman,Times,serif; font-size:13px; color:#FF6600; } 
A:visited 	{ font-family: Times New Roman,Times,serif; font-size:13px; color:#EBAD83; } 
A:active 	{ font-family: Times New Roman,Times,serif; font-size:13px; color:#FF6600; text-decoration: none; } 
A:hover 	{ font-family: Times New Roman,Times,serif; font-size:13px; color:#BF4C00; text-decoration: none; }

td.bpMenuItemCell
{
	background-color: transparent;
	background-image: url(../images/elipses.gif);
	background-position: left 10px;
	background-repeat: repeat-x;
	padding: 0 0 12px 0;
}

td.bpMenuItemCell span
{
	font-family: Times New Roman,Times,serif;
	font-size: 11px;
	color: #000000;
	background-color: white;
	padding: 0 2px 0 0;
}

td.bpMenuPriceCell
{
	margin: 0;
	padding: 0 0 12px 0;
}

td.bpMenuPriceCell span
{
	font-family: Times New Roman,Times,serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

/* New Footer */

#footer {
background:#E6E4D5;
clear:both;
width:680px;
margin:0 auto;
height:30px;
color:#736a1d;
font-size:.7em;
padding-top:6px;
}
#footer .copyright {
float:left;
width:150px;
margin:0;
font-family: arial, sans-serif;
font-size:1em;
}
#footer #navigation {
height:30px;
float:right;
margin-top:0 !important;
}
#footer #navigation li {
float:left;
list-style:none;
color:#336600;
margin:0;
}
#footer #navigation li a{
display:block;
height:30px;
color:#736a1d;
}
#footer #navigation li a:link, #footer #navigation li a:visited {text-decoration:none;}
#footer #navigation li a:hover, #footer #navigation li a:active {color:#000;}


#footer .ino, #footer .inoteca, #footer .liquori , #footer .corsino {color:#736a1d;}


/* New navigation 8/16/2010 */


/***** =IMAGE REPLACEMENT *************************************************************

Neal Image Replacement by Neal Venditto:  http://neal.venditto.org/
This technique allows for text to show up in place of images when style sheets
are disable or when images are turned off.


In your html, add class "nir" to any text element you want to replace with an image.
Then surround the text with <span> tags. */

.replace span {
position:relative;
z-index:-1;
}
.replace a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

#navList {
position: relative;
list-style:none;
margin:0;
padding:0;
width:680px;
height:63px;
background: transparent url(/images/ino-nav.jpg) 0 0 no-repeat;
}
#navList li {
position: absolute;
top:0;
display: block; /*eliminates any flickering of the hover images*/
}
#navList li.navHome {width:196px; left:0;}
#navList li.navAbout {width:56px; left:196px;}
#navList li.navMenu {width:58px; left:251px;}
#navList li.navPress {width:57px; left:308px;}
#navList li.navGroup {width:173px; left:364px;}
#navList li.navContact {width:145px; left:536px;}

#navlist li a {background-repeat: no-repeat;}

/* THIS ADDITIONAL PLACEMENT OF BACKGROUND IMAGE FOR LINKS IS NECESSARY ONLY WHEN
	USING NIR IMAGE REPLACEMENT SO THAT TEXT LINKS DON'T SHOW ABOVE IMAGE IN IE  */

#navList li.navHome a {background:transparent url(/images/ino-nav.jpg) 0 0;}
#navList li.navAbout a {background:transparent url(/images/ino-nav.jpg) -196px 0;}
#navList li.navMenu a {background:transparent url(/images/ino-nav.jpg) -251px 0;}
#navList li.navPress a {background:transparent url(/images/ino-nav.jpg) -308px 0;}
#navList li.navGroup a {background:transparent url(/images/ino-nav.jpg) -364px 0;}
#navList li.navContact a {background:transparent url(/images/ino-nav.jpg) -536px 0;}

#navList li.navHome a:hover {background:transparent url(/images/ino-nav.jpg) 0 63px;}
.about #navList li.navAbout a, #navList li.navAbout a:hover {background:transparent url(/images/ino-nav.jpg) -196px 63px;}
.menus #navList li.navMenu a, #navList li.navMenu a:hover {background:transparent url(/images/ino-nav.jpg) -251px 63px;}
.press #navList li.navPress a, #navList li.navPress a:hover {background:transparent url(/images/ino-nav.jpg) -308px 63px;}
.group #navList li.navGroup a, #navList li.navGroup a:hover {background:transparent url(/images/ino-nav.jpg) -364px 63px;}
.contact #navList li.navContact a, #navList li.navContact a:hover {background:transparent url(/images/ino-nav.jpg) -536px 63px;}

#navList li a span {
padding-top:50px;
display:block;
font: .85em arial,verdana, sans-serif;
color:#444;
text-align:center;
text-transform:uppercase;
}


