body
{
	margin: 64px 0 32px 0;
	padding: 0;
	background-color: #3c0a01;
}

a img { border: none;}


div#top-border-bleed
{
	width: 839px;
}

div#contentSuperContainer
{
	width: 819px;
	border-color: #613b32;
	border-width: 1px;
	border-style: none solid solid solid;
	padding: 0 9px 9px 9px;
}

div#header
{
	height: 111px;
	padding-right: 230px;
}

div#header a
{
	border-style: none;
}

div#header a.logo img
{
	background-image: url( ../images/css/global/the-metropolitan-club-bg.jpg);
	background-repeat: no-repeat;
	display: inline;
	float: left;
}

div#header .nav
{
	float: right;
	display: inline;
	width: 227px;
	margin-right: -230px;
	text-align: right;
	padding-left: 3px;
}

div#header .nav a
{
	margin: 3px 0 0 0;
	display: block;
}

div#header .nav a.first
{
	margin-top: 0px;
}

div#header .nav a img
{
}
ul#menu
{
	padding: 0;
	margin: 0;
	position: relative;
	background: transparent url( ../images/menu_main.gif) 0 -29px no-repeat;
	height: 29px;
	width: 819px;
}

#menu li
{
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0px;
}

#menu li, #menu a
{
	height: 29px;
	display: block;
}

#experience_item
{
	left: 102px;
	width: 62px;
}

#experience_item a:hover, #experience_item.selected
{
	background: transparent url( ../images/menu_main.gif) -102px 0 no-repeat;
}

#menu_item
{
	left: 218px;
	width: 30px;
}

#menu_item a:hover, #menu_item.selected
{
	background: transparent url( ../images/menu_main.gif) -218px 0 no-repeat;
}
#bar_item
{
	left: 295px;
	width: 46px;
}

#bar_item a:hover, #bar_item.selected
{
	background: transparent url( ../images/menu_main.gif) -295px 0 no-repeat;
}
#private_item
{
	left: 380px;
	width: 79px;
}

#private_item a:hover, #private_item.selected
{
	background: transparent url( ../images/menu_main.gif) -380px 0 no-repeat;
}
#reservations_item
{
	left: 483px;
	width: 68px;
}

#reservations_item a:hover, #reservations_item.selected
{
	background: transparent url( ../images/menu_main.gif) -483px 0 no-repeat;
}

#team_item
{
	left: 575px;
	width: 86px;
}

#team_item a:hover, #team_item.selected
{
	background: transparent url( ../images/menu_main.gif) -575px 0 no-repeat;
}

#press_item
{
	left: 685px;
	width: 27px;
}

#press_item a:hover, #press_item.selected
{
	background: transparent url( ../images/menu_main.gif) -685px 0 no-repeat;
}

ul.submenu
{
	margin: 0;
	position: relative;
	background: #dfbe80 none 0 no-repeat;
	height: 25px;
	width: 819px;
	padding: 0;
}

ul.submenu li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background-color: #8c6540;
	font: 11px "Lucida Grande", arial, verdana, sans-serif;
	text-align: center;
/*	height: 25px;*/
	vertical-align: middle;
}

ul#experienceSubmenuItem.submenu
{
	padding-left: 63px;
	width: 756px;	
}

ul#menuSubmenuItem.submenu
{
	padding-left: 183px;
	width: 636px;	
}

ul#barSubmenuItem.submenu
{
	padding-left: 269px;
	width: 550px;	
}

ul#privatediningSubmenuItem.submenu
{
	padding-left: 369px;
	width: 450px;	
}

ul#reservationsSubmenuItem.submenu
{
	padding-left: 429px;
	width: 390px;	
}

ul#teamSubmenuItem.submenu
{
	padding-left: 539px;
	width: 280px;	
}

ul.submenu li.selected a
{
	border-style: none none solid none;
	border-width: 0 0 4px 0;
	border-color: #3c0a01;
	height: 16px;
	color: white;
}

ul.submenu li a:hover
{
	color: white;
}

ul.submenu li a
{
	display: block;
	background-color: none;
/*	padding: 5px 32px 0 32px;*/
	padding: 5px 0 0 0;
	height: 20px;
	width: 80px;
	color: #cccccc;
	text-decoration: none;
}

table#basicContent
{
	border-width: 26px 0 0 0;
	border-style: solid none none none;
	border-color: #bfe5d8;
	width: 819px;
	padding: 0;
	margin: 0;
}

table#basicContent td#subsubMenuCell
{
	background-color: #bfe5d8;
	width: 210px;
	padding: 0;
	margin: 0;
	text-align: left;
}

table#basicContent td#subsubMenuCell ul
{
	margin: 0 0 26px 9px;
	padding: 16px 0 16px 16px;
	border-color: white;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	height: 167px;
}

table#basicContent td#subsubMenuCell ul li
{
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

table#basicContent td#subsubMenuCell ul li, table#basicContent td#subsubMenuCell ul li a
{
	color: #666;
	list-style-type: none;
	font-family: Lucida Grande, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

table#basicContent td#subsubMenuCell ul li a
{
	white-space: nowrap;
	margin: 0;
	padding: 0;
	display: block;
	height: 20px;
}

table#basicContent td#subsubMenuCell ul li.selected, table#basicContent td#subsubMenuCell ul li.selected a,
table#basicContent td#subsubMenuCell ul li a:hover
{
	color: black;
}


td#splashCell
{
	background-color: #bfe5d8;
	text-align: left;
}

td#splashCell img
{
	border-color: white;
	border-style: solid solid solid none;
	border-width: 1px 1px 1px 0;
	background-position: left -199px;
	background-repeat: no-repeat;
}

td#splashCell img:hover, td#splashCell img.over
{
	background-position: left 0;
}

td#contentCell
{
	border-color: #bfe5d8;
	border-style: none none none solid;
	border-width: 0 0 0 9px;
	padding: 17px 26px 17px 26px;	
	text-align: left;
}

td#contentCell, td#contentCell p, td#contentCell li
{
	color: white;
	font-family: Lucida Grande, Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}

td#contentCell p
{
	margin: 0 0  12px 0;
	padding: 0;
}

td#contentCell p a, td#contentCell p a:visited
{
	color: #bfe5d8;
	text-decoration: none;
}

td#contentCell a:hover
{
	color: white;
}


div#buttonBar
{
	background: #3c0a01 url( ../images/button-bar-bg.gif) right -37px no-repeat;
	height: 37px;
	position: relative;
}

div#buttonBar div.buttonBarBlock
{
	font-family: Lucida Grande, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	position: absolute;
	left: 0;
	top: 0;
	width: 480px;
	height: 37px;
	vertical-align: middle;
	text-align: right;
	color: white;
	padding-top: 12px;
}

div#buttonBar div#buttonBarBlock_0,
div#buttonBar div#buttonBarBlock_1,
div#buttonBar div#buttonBarBlock_2,
div#buttonBar div#buttonBarBlock_3,
div#buttonBar div#buttonBarBlock_4,
div#buttonBar div#buttonBarBlock_5,
div#buttonBar div#buttonBarBlock_6
{
	visibility: hidden;
}

div#buttonBar div#buttonBarBlock_4 { font-size: 9px; }

div#buttonBar a.button
{
	position: absolute;
	top: 0;
	height: 28px;
}

div#buttonBar div a
{
	font-family: Lucida Grande, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #b09e99;
}

div#buttonBar div a:hover
{
	color: white;
}

div#buttonBar a:hover.button
{
	background: #3c0a01 url( ../images/button-bar-bg.gif) -509px 0 no-repeat;
}

div#buttonBar a#buttonBarButton_0
{
	left: 509px;
	width: 97px;
}

div#buttonBar a:hover#buttonBarButton_0
{
	background-position: -509px 0;
}

div#buttonBar a#buttonBarButton_1
{
	left: 607px;
	width: 62px;
}

div#buttonBar a:hover#buttonBarButton_1
{
	background-position: -607px 0;
}

div#buttonBar a#buttonBarButton_2
{
	left: 668px;
	width: 73px;
}

div#buttonBar a:hover#buttonBarButton_2
{
	background-position: -668px 0;
}

div#buttonBar a#buttonBarButton_3
{
	left: 741px;
	width: 72px;
}

div#buttonBar a:hover#buttonBarButton_3
{
	background-position: -741px 0;
}

div#footerblock
{
	background-color: #dfbe80;
	height: 19px;
	vertical-align: middle;
	font-size: 10px;
	text-align: right;
	padding: 4px 12px 0 0;
}

div#footerblock a, div#footerblock a:visited, div#footerblock div
{
	color: #3c0a01;
	text-decoration: none;
	font-family: Lucida Grande, Arial, Helvetica, Geneva, sans-serif;
}

div#footerblock a:hover
{
	color: white;
}

div#footerblock div
{
	padding-left: 12px;
}

table.foodmenu td
{
	text-align: left;
	vertical-align: top;
	padding-bottom: 6px;
	width: 100%;
	line-height: 125%;
}

table.foodmenu td.price { white-space: nowrap; }

table.foodmenu span.description
{
	padding-left: 10px;
	font-size: 10px;
	font-family: Lucida Grande, Arial, Helvetica, Geneva, sans-serif;
}

h1
{
	font-size: 13px;
	font-family: Lucida Grande, Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 8px 0;
	border: 0;
}

h2
{
	font-size: 12px;
	font-family: Lucida Grande, Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 8px 0;
	border: 0;
	font-style: oblique;
}

table.foodmenu td h1
{
	font-size: 14px;
	font-family: Lucida Grande, Arial, Helvetica, Geneva, sans-serif;
	margin: 8px 0 0 0;
	border: 0;
}

table.foodmenu td h2
{
	font-size: 12px;
	font-family: Lucida Grande, Arial, Helvetica, Geneva, sans-serif;
	margin: 8px 0 0 0;
	border: 0;
}

div#footnote
{
	padding-top: 12px;
	font-size: 10px;
	font-family: Lucida Grande, Arial, Helvetica, Geneva, sans-serif;
}

div#footnote p
{
	font-family: Lucida Grande, Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
}

div#experienceIntroduction
{
	background: transparent url( ../images/experience/introduction.jpg) -210px -27px no-repeat;
	width: 599px;
	height: 199px;
	position: relative;
	border-style: solid solid solid none;
	border-width: 1px 1px 1px 0;
	border-color: white white white none;
}

div#experienceIntroduction a
{
	display: block;
	width: 599px;
	height: 199px;	
}

div#experienceSplash
{
	background: transparent url( ../images/experience/experience-splash.jpg) top left no-repeat;
	width: 819px;
	height: 248px;
	position: relative;
}

div#experienceSplash a
{
	position: absolute;
	width: 99px;
	height: 99px;
	display: block;
	border-width: 1px;
	border-color: #9db6cc;
	border-style: solid;
}

div#experienceSplash a:hover
{
	border-color: white;
}

div#experienceSplash a#square1
{
	left: 9px;
	top: 26px;
}

div#experienceSplash a#square2
{
	left: 109px;
	top: 126px;
}

div#experienceSplash a#square3
{
	left: 209px;
	top: 26px;
}

div#experienceSplash a#square4
{
	left: 309px;
	top: 126px;
}

div#experienceSplash a#square5
{
	left: 409px;
	top: 26px;
}

div#experienceSplash a#square6
{
	left: 509px;
	top: 126px;
}

div#experienceSplash a#square7
{
	left: 609px;
	top: 26px;
}

div#experienceSplash a#square8
{
	left: 709px;
	top: 126px;
}

div#experienceSplash div#experienceSquare
{
	width: 299px;
	height: 199px;
	position: absolute;
	left: 510px;
	top: 27px;
	background: transparent none top left no-repeat;
}

table.galleryIndex td
{
	width: 99px;
}

h1.masthead
{
	background-color: white;
	padding: 4px;
	text-align: center;
}

div#specialContent h1
{
	color: #f7972f;
}

div.press h1 a, div.press h2 a
{
	color: white;
	text-decoration: none;
}

table.form td.label
{
	white-space: nowrap;
	text-align: right;
}

table.form td.section
{
	padding-top: 1.5em;
}

table.form td .note
{
	font-size: 0.9em;
}

#footer
{
	background-image: url('../images/css/global/footer-bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
	height: 46px;
	margin-top: 14px;
}

#footer p
{
	line-height: 46px;
	float: left;
	display: inline;
	margin: 0;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	padding-left: 18px;
	color: #3c0a01;
}

#footer p a
{
	color: #3c0a01;
	text-decoration: none;
}
#social-networking
{
	line-height: 46px;
	height: 46px;
	border-left: 3px solid #3c0a01;
	padding-left: 9px;
	padding-right: 9px;
	float: right;
	display: inline;
}

#social-networking img
{
	display: inline;
	padding: 0 1px;
}