/* styles */
body {
font-family: Times New Roman,Times,serif; 
font-size:13px; 
color:#000000;
background:#E6E4D5;
}
#ino { 
font-family: Times New Roman,Times,serif; 
font-size:15px; 
color: #FF6600; 
font-weight:bold; 
}
#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 */
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;
}
/*

START OF NEW STYLE RULES WHEN REMOVING TABLES

*/


/* =image replacement

Neal Image Replacement (NIR) by Neal Venditto:  http://neal.venditto.org/
Text replaces images when style sheets are disabled or images turned off.

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

Add z-index: 1 to the body element and z-index: 0 to any element with a background-color that has images in them that need to be replaced with text.
*/

#home {z-index:1;}

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

/* New Layout */

#floater {
float:left; 
height:45%; 
}
#home #floater {margin-bottom:-208px;}
#about #floater {margin-bottom:-208px;}
#menus #floater {margin-bottom:-208px;}
#press #floater {margin-bottom:-1360;}
#events #floater {margin-bottom:-221px;}
#our #floater {margin-bottom:-258px;}

#container {
clear:both;
position:relative;
width:680px;
margin:auto;
}
#home #container {height:417px;}
#about #container {height:417px;}
#menus #container {height:417px;}
#press #container {height:2720px;}
#events #container {height:543px;}
#our #container {height:516px;}

#content {
background: #fff url("../images/shadow_nav.gif") top right repeat-x;
height:100%;
}
#content img {
float: left;
}
#content #main {
float:right;
height:100%;
}

/* New Landing Page */

#landing #mainContent img, #landing #mainContent object {
float:left;
}

#landing #locations  {
padding-left:40px;
width:640px;
height:230px;
}
#landing #locations .restaurant {
margin-top:30px;
}
#landing #locations p.restaurant {
margin-top:10px;
}
/* New Home Page */

#home #newsletter {

background-color:#fff;
width:196px;
float:left;
height:126px;
padding:20px 0;
text-align:center;
font-family: arial, sans-serif;
}
#home #newsletter h2, #home #newsletter h3, #home #newsletter p {
margin:0;
}
#home #newsletter h2 {
font-size:1.05em;
text-transform:uppercase;
color:#999;
font-weight:normal;
letter-spacing:-.05em;
width:140px;
height:53px;
margin:0 auto;
background: url('../images/signup.gif') 0 0 no-repeat;
}
#home #newsletter p {
font: .75em/1.2 georgia, serif;
margin-top:6px;
color:#333;
}
#home #newsletter form {
margin-top:10px;
}
#home #newsletter form input.email {
margin-left:20px;
float:left;
width:120px;
border:1px solid #b5b38d;
border-left:1px solid #b5b38d;
padding:2px;
font-size:.65em;
}
#home #newsletter form input.button {
float:left;
margin-left:10px;
}

/* New About Page */

#about #content #main {
width:380px;
background:url("../images/about_ornament.gif") 50% 30% no-repeat;
}
#about #content #main div {
padding:30px 75px;
}
#about #content #main p {
font-size:1.2em;
margin-bottom: 1em;
}

/* New Menus Page */

#menu_nav {
float:left;
width:200px;
padding-top:6px;
}
#menu_nav br {
clear:both;
}
#menus #content #main {
float:left;
padding:60px 25px;
width:430px;
height: 100px;
background:url("../images/menu_ornament.gif") 50% 5% no-repeat;
}
#menus #content #main img.usesubnav {padding-left:54px;}
#menus #content #main img.maintext {padding-left:56px;}

/* New Press Page */
.press-list {
clear:both;
}
.press-item { 
clear:both;
font-family: Times New Roman,Times,serif; 
font-size:13px; 
color:#000000; 
margin-left:0; 
margin-bottom:10;  
line-height:1.4; 
padding-top:8px;
}
.press-item div.text {
width:500px; 
margin-left: 160px;
border-top:solid 1px #ccc; 
}
.presssource { 
font-family: Times New Roman,Times,serif; 
font-size:13px; 
color:#E97400; 
font-style:italic; 
text-align:right; 
padding:5px 30px 10px; 
font-weight:bold;
text-align:right;
}
.press-list img {
clear:both;
float:left;
margin-top:10px;
width:160px;
}

/* New Events & Catering Page */

.price_selection { 
	padding-top:50px;
	width:210px;
	font-family: Georgia, serif;
	font-size:11.5px; 
	line-height:1.4;
	letter-spacing:.25px;
}
.menu_selection {
	width:447px;
	float:left;
	font-family: Georgia, serif;
	font-size:11.5px; 
	line-height:1.3;
	letter-spacing:.25px;
}
.price_selection ul {
	margin-left:0;
	margin-top:0;
	list-style: none;
	padding-left:23px;
}
.price_selection ul li strong {
	color:#b24241;
}
.menu_selection  {
	padding:50px 23px 0 0;
}
.menu_selection p {
	margin-top:0;
}
.menu_selection p.select {
	margin-bottom:2em;
}
.menu_selection p.heading {
	margin-bottom:0;
}
.menu_selection p.heading, .menu_selection p.items {
	line-height:1.4;
}
div.spacer {
	height:155px;
	}

/* New Locations Page */

#locations {
clear:both;
width:680px;
height:417px;
background:#ffffff url(../images/bgtile_shadow.gif) top left repeat-x;
font-family: Georgia, 'Times New Roman', Times, serif;
}
#locations img.leftborder {
margin-right:30px;
float:left;
}
#locations img.rightborder {
float:right;
}
#locations .restaurant {
float:left;
margin:60px 0 10px 5px;
width:150px;
}
#locations p.restaurant {
text-align:left;
font-size:.75em;
line-height:1.3;
margin:10px 0 0 0;
width:150px;
}
.ino, .inoteca, .liquori, .corsino {font-weight:bold;}

.ino {color:#cc3300;}
.inoteca {color:#336600;}
.liquori {color:#000;}
.corsino {color:#990000;}

/* 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:inline;
height:30px;
color:#736a1d;
float:left;
}
#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;
}