/*CSS for Morello Bistro
* Author: Moustique Design http://www.moustique.net/
* Date: February 2009
*/
/* Generic elements =========================*/

body {
	font: normal 0.8em Verdana, Arial, Tahoma, sans-serif;
	background: #fff;
	margin: 0px;
	padding: 0px;
}

img { border: none;}

.img-left {
float: left;
margin: 0 10px 0 0;
}

h1 span {
	display: none;
}

h2 {
	font-size: 1.2em;
	padding: 0 0 0 15px;
	margin: 0 10px 14px 0;
}

h3 {
	font-size: 1.1em;
	color: #CC9999;
	padding: 0 0 0 15px;
	margin: 0 10px 14px 0;
}

p {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #fff;
}

a:hover {
	text-decoration: underline;
}

/* -------------------- main part ----------------------*/

#frame {
	width: 960px;
	padding: 0;
	margin: 5px auto 0px auto;
}

#slidePage {  
	width: 960px; 
	height: 635px;
	margin: 0px auto;
}

#frame-slide {
	padding-top: 10px;
}

#contentFrame {
	width: 950px;
	height: 545px;
	_height: 535px;
	color: #fff;
	margin: 0;
	padding: 0;
}

#content {
	overflow: auto;
	width: 330px;
	_width: 329px;
	height: 483px;
	margin: 10px 0px 0 495px;
	padding: 25px 10px 15px 10px;
	/*float: right;*/
}

#content p {
	color: #fff;
	margin: 0 0 0 15px;
	padding: 0 12px 14px 0;
	font-size: 0.9em;
}

#content p.small {
	font-size: 0.8em;
}

#content a {
	text-decoration: underline;
	color: #fff;
}

#content a:hover {
	text-decoration: none;
}

#content img {
margin: 0 0 0 17px;
}

.test {
	background-image: url(../images/mb-events.jpg) no-repeat;
	/*background: #fff url(../images/mb-contact.jpg) no-repeat;*/
}

.opentimes-sm {
float: left;
margin-right: 10px;
padding: 0 0 0 15px;
width: 35px;
}

.opentimes {
float: left;
margin-right: 10px;
padding: 0 0 0 15px;
width: 85px;
}

/* -------------------- ul ----------------------*/

ul.pdfs {
	margin: 0 0 0 15px;
	padding: 0;
}

ul.pdfs-contact {
	margin: 0 0 15px 15px;
	padding: 0;
}

ul.pdfs li, ul.pdfs-contact li {
	list-style: none;
	list-style-image: url(../images/bullet-square.gif);
}

ul.pdfs li:hover, ul.pdfs-contact li:hover {
	list-style-image: url(../images/bullet-arrow.gif);
}

ul.subnav {
margin: 0 0 0 15px;
padding: 0;
}

ul.subnav li {
list-style: none;
}

/*
ul.subnav li:hover {
	background: url(../images/bullet-arrow.gif) right no-repeat;
	margin: 0;
	padding: 0;
}
*/

#logo {
	float: right;
	margin-right: 27px;
}

/* -------------------- navigation ----------------------*/

#nav {
	/*  background: url(../images/nav.jpg) no-repeat; */
	font-family: Arial, Verdana, Tahoma, sans-serif;
	text-transform: uppercase;
	text-align: right;
	font-size: 0.9em;
	font-weight: bold;
	width: 106px;
	height: 547px;
	float: right;
	margin: 0;
	padding: 0;
	color: #990033;
}

#nav ul {
	width: 106px;
	height: 544px;
	margin: 0;
	padding: 0px 0px 0 0;
}

#nav ul li {
	list-style: none;
	margin; 0;
}

#nav ul li.menus  { 
  background: url(../images/nav-bg-1-off.jpg) top left no-repeat;
}

#nav ul li.menus a {
  display: block;
  width: 103px;
  height: 103px;
  padding: 3px 3px 0px 0;
  background: url(../images/nav-bg-1-off.jpg) top left no-repeat;
}
#nav ul li.menus a:hover {
  display: block;
  width: 103px;
  height: 103px;
  padding: 3px 3px 0px 0;
  background: url(../images/nav-bg-1-on.gif) top left no-repeat;
}
#nav ul li.menus a.active {
  background: url(../images/nav-bg-1-on.gif) top left no-repeat;
}

#nav ul li.wineList  { 
  background: url(../images/nav-bg-2-off.jpg) top left no-repeat;
}

#nav ul li.wineList a {
	display: block;
  width: 103px;
  height: 103px;
  padding: 3px 3px 0px 0;
  background: url(../images/nav-bg-2-off.jpg) top left no-repeat;
}
#nav ul li.wineList a:hover {
	display: block;
  width: 103px;
  height: 103px;
  padding: 3px 3px 0px 0;
  background: url(../images/nav-bg-2-on.gif) top left no-repeat;
}
#nav ul li.wineList a.active {
  background: url(../images/nav-bg-2-on.gif) top left no-repeat;
}

#nav ul li.team  { 
  background: url(../images/nav-bg-3-off.jpg) top left no-repeat;
}

#nav ul li.team a {
	display: block;
  width: 103px;
  height: 103px;
  padding: 3px 3px 0px 0;
  background: url(../images/nav-bg-3-off.jpg) top left no-repeat;
}
#nav ul li.team a:hover {
	display: block;
  width: 103px;
  height: 103px;
  padding: 3px 3px 0px 0;
  background: url(../images/nav-bg-3-on.gif) top left no-repeat;
}
#nav ul li.team a.active {
  background: url(../images/nav-bg-3-on.gif) top left no-repeat;
}

#nav ul li.diningAreas  { 
  background: url(../images/nav-bg-4-off.jpg) top left no-repeat;
}

#nav ul li.diningAreas a {
	display: block;
  width: 103px;
  height: 103px;
  padding: 3px 3px 0px 0;
  background: url(../images/nav-bg-4-off.jpg) top left no-repeat;
}
#nav ul li.diningAreas a:hover {
	display: block;
  width: 103px;
  height: 103px;
  padding: 3px 3px 0px 0;
  background: url(../images/nav-bg-4-on.gif) top left no-repeat;
}
#nav ul li.diningAreas a.active {
  background: url(../images/nav-bg-4-on.gif) top left no-repeat;
}

#nav ul li.news  { 
  background: url(../images/nav-bg-5-off.jpg) top left no-repeat;
}

#nav ul li.news a {
	display: block;
  width: 103px;
  height: 97px;
  padding: 3px 3px 0px 0;
  background: url(../images/nav-bg-5-off.jpg) top left no-repeat;
}
#nav ul li.news a:hover  {
	display: block;
  width: 103px;
  height: 97px;
  padding: 3px 3px 0px 0;
  background: url(../images/nav-bg-5-on.gif) top left no-repeat;
}
#nav ul li.news a.active  {
  background: url(../images/nav-bg-5-on.gif) top left no-repeat;
}

#nav ul li.contact  { 
  background: url(../images/nav-bg-6-on.jpg) top left no-repeat;
}

#nav ul li.contact a {
	display: block;
	color: #990033;
  width: 103px;
  height: 14px;
  padding: 9px 3px 0px 0;
  background: url(../images/nav-bg-6-off.jpg) top left no-repeat;
}
#nav ul li.contact a:hover {
	display: block;
	color: #FFFFFF;
  background: url(../images/nav-bg-6-on.gif) top left no-repeat;
}

#nav a.active{
text-decoration: none;
color: #990033;
}

#nav a:hover{
text-decoration: none;
}

#nav a.red {
	color: #990033;
}

#nav a:hover.red {
color: #fff;
background-color: #990033;
}

#nav a.red-active{
color: #fff;
background-color: #990033;
}


/* -------------------- special content pages----------------------*/



#content-contact {
background: #fff url(../images/ie6-contact.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-contact h1 {
	background: url(../images/hl-contact-us.gif) no-repeat;
	width: 280px;
	height: 55px;
	margin: 0 0 20px 0;
	padding: 0px;
}


#content-home {
	background: #fff url(../images/ie6-home.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-home h1 {
	background: url(../images/hl-home.gif) no-repeat;
	width: 215px;
	height: 77px;
	margin: 260px 0 20px 0;
	padding: 0px;
}


#content-news-events {
	background: #fff url(../images/ie6-news-events.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-news-events h1 {
	background: url(../images/hl-news-events.gif) no-repeat;
	width: 310px;
	height: 70px;
	margin: 0px 0 20px 0;
	padding: 0px;
}


#content-dining-areas {
	background: #fff url(../images/ie6-dining-areas.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-dining-capacity {
	background: #fff url(../images/ie6-dining-capacity.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-dining-private {
	background: #fff url(../images/ie6-dining-private.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-dining-decor {
	background: #fff url(../images/ie6-dining-decor.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}


#content-dining-areas h1, #content-dining-capacity h1, #content-dining-private h1, #content-dining-decor h1   {
	background: url(../images/hl-dining-areas.gif) no-repeat;
	width: 312px;
	height: 85px;
	margin: 0 0 0 0;
	padding: 0px;
}


#content-morello-bar {
	background: #fff url(../images/ie6-morello-bar.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-morello-bar h1 {
	background: url(../images/hl-morello-bar.gif) no-repeat;
	width: 316px;
	height: 73px;
	margin: 0px 0 20px 10px;
	padding: 0px;
}


#content-team {
	background: #fff url(../images/ie6-team.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-team-chef {
	background: #fff url(../images/ie6-team-chef.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-team-manager {
	background: #fff url(../images/ie6-team-manager.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-team-wine{
	background: #fff url(../images/ie6-team-wine.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-team h1, #content-team-chef h1, #content-team-manager h1, #content-team-wine h1 {
	background: url(../images/hl-team.gif) no-repeat;
	width: 230px;
	height: 89px;
	margin: 15px 0 20px 0;
	padding: 0px;
}


#content-wine-list {
	background: #fff url(../images/ie6-wine-list.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-wine-list h1 {
	background: url(../images/hl-wine-list.gif) no-repeat;
	width: 208px;
	height: 70px;
	margin: 0px 0 20px 0;
	padding: 0px;
}


#content-menus {
	background: #fff url(../images/ie6-menus.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-menu-brunch {
	background: #fff url(../images/ie6-menu-brunch.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-menu-dinner {
	background: #fff url(../images/ie6-menu-dinner.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-menu-lunch {
	background: #fff url(../images/ie6-menu-lunch.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-menu-lunch2 {
	background: #fff url(../images/ie6-menu-lunch2.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-menu-dessert {
	background: #fff url(../images/ie6-menu-dessert.jpg) no-repeat;
	width: 844px;
	height: 547px;
	margin: 0;
	padding: 0;
	float: left;
}

#content-menus h1 {
	background: url(../images/hl-menus.gif) no-repeat;
	width: 170px;
	height: 70px;
	margin: 0px 0 20px 0;
	padding: 0px;
}


/* -------------------- footer ----------------------*/

#footer {
	clear: both;
	width: 950px;
	color: #990033;
	margin: 10px 0 0 0;
	text-align: center;
	font-size: 0.85em;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer li {
	display: inline;
}


#footer-index {
	width: 950px;
	color: #990033;
	margin: 15px 0;
	text-align: center;
	font-size: 0.85em;
}

#footer-index ul {
	margin: 0;
	padding: 0;
}

#footer-index li {
	display: inline;
}

.footer a {
	color: #990033;
	border-left: 1px solid #990033;
	padding: 0 2px 0 5px;
}

.noborder a {
	border: none;
	padding-left: 0;
}

.book {
font-weight: bold;
text-transform: uppercase;
}