/* ---------------------------------------------- /

   Davio's Stylesheet
	   Author: Kelley Curry, kelley@brightbold.com
	   Copyright 2010. 
   
   INDEX:
	   =CSS RESET= 
	   =LAYOUT=
	   =TYPOGRAPHY=
	   =IMAGERY=
	   =EVENTS=
	   =FORMS=
	   =LINKS=
	   =NAVIGATION=

	COLORS:  
		#524e86		R82  G78  B134	Purple (logo, footer, headers, links)
		#3f3a6a		R63  G58  B106	Dark Purple (link hovers)
		#8666b0		R134 G102 B176	Light Purple (teaser link hovers)
		#f2f1e6		R241 G242 B230	Light Gray (content background)
		#52483e		R82  G72  B62	Dark Gray (body background, text)  
		#988e84		R152 G142 B132	50% Gray (subheads)
		
/ ---------------------------------------------- */
/*                 =CSS RESET=                   */

@import url('reset.css');

/* ---------------------------------------------- /
                    =LAYOUT= 
/ ---------------------------------------------- */

html, 
body {
	height: 100%;
	width: 100%;
}
#page {
	position: relative;
	margin: 50px auto;
	width: 980px;
	overflow: hidden;					/* Forces the div to contain the floats */
}
#branding {
	position: relative;
	height: 87px;
	width: 915px;
	padding: 30px 35px 20px 35px;
}
#splash #branding {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
#slideshow {
	position: relative;
	width: 980px;
	height: 827px;
}
#logo {
	display: block;
	width: 272px;
	height: 87px;
	position: absolute;
	bottom: 20px;
	left: 30px;
}
#branding #address {
	position: absolute;
	top: 30px;
	right: 90px;
	/*left: 435px;
	width: 500px;*/
	height: 20px;
}
/*.boston #branding #address {
	left: 510px;
}
.fox #branding #address {
	left: 470px;
}*/
#navMain {
	position: absolute;
	bottom: 12px;
	right: 75px;
	text-align: right;
}
#splash #navMain {
	right: 45px;
}
#content {
	position: relative;
	float: left;
	width: 865px;
	padding: 212px 75px 60px 40px; /* top pad = 35 pad + 177 banner photo */
}
.tour #content,
.hours #content {
	width: 910px;
	padding-right: 30px;
}
#splash #content {
	width: 980px;
	padding: 0;
}
#contentMain {
	position: relative;
	float: right;
	width: 335px;
	min-height: 351px;			/* = picture height of 351 */
	padding-left: 244px;		/* picture width of 214 + 30px gutter */
}
.team #contentMain,
.video #contentMain {
	width: 579px;
	padding-left: 0;
}
.philly .team #contentMain {
	width: 560px; 			/* so it wraps after 2 headshots instead of 4 */
}
.tour #contentMain {
	width: 624px;
	padding-left: 0;
}
.hours #contentMain,
.contact #contentMain {
	padding-left: 381px;		/* picture width of 351 + 30px gutter */
}
.hours #contentMain {
	width: 243px;
	min-height: 390px;		/* = 351 map + 15 margin + 24 icon */
}
.contact #contentMain {
	width: 198px;
}
.bio #contentMain {
	min-height: 398px;  /* = 351 pix + 15 padding + 2*16 line height */
}
.springrolls #contentMain {
	min-height: 460px;  /* = 370 #main + 90 #boxes */
}
#contentSecondary {
	position: relative;
	float: left;
	width: 225px;
}
#main,
#map {
	position: absolute;
	top: 0;
	left: 0;
	width: 214px;
	height: 351px;
	overflow: hidden;
}
#map {
	width: 351px;
}
#main span {
	position: absolute;
	top: 0;
	left: 0;
}
#main img {
	width: 214px;
	height: 351px;
}
#directions {
	position: absolute;
	top: 366px;
	left: 30px;
	width: 491px;
}
#directions li {
	float: left;
	width: 140px;
}
#directions li a {
	display: block;
	height: 25px;
	padding-left: 32px;
	background-repeat: no-repeat;
}
#directions li#pdf {
	margin-right: 10px;
}
ul#boxes {
	position: absolute;
	top: 370px;
	left: 0;
}
#boxes li {
	float: left;
	margin-left: 15px;
}
#boxes li.first {
	margin-left: 0;
}
blockquote,
.feature {
	margin: 17px -15px;
	padding: 17px 15px;
}
blockquote:first-child,
div#staff + blockquote {
	margin-top: 0;
}
#page blockquote p {
	margin: 0;
}
#navSecondary {
	width: 540px;
	margin: 0 auto;
}
.boston #navSecondary {
	float: left;
	margin-left: 120px;
}
.fox #navSecondary {
	float: left;
	margin-left: 188px; /* accounts for no social media links */
}
#navLocal {
	float: left;
	width: 220px;
}
#footer {
	width: 950px;
	min-height: 20px;
	padding: 10px 15px 10px 15px;
	float: left;
}
#avila {
	width: 150px;
	height: 20px;
	position: relative;
	float: right;
	margin-top: 2px;
	padding: 10px 54px 0 0;
}
a#avila:link,
a#avila:visited {
	background: url(../images/icon-avila.png) right bottom no-repeat;
}
a#avila:hover,
a#avila:active,
a#avila:focus {
	background-position: right top;
}
#team li {
	width: 158px;
	margin: 0 30px 8px 0;
	position: relative;
	float: left;
}
/* (See: http://www.positioniseverything.net/easyclearing.html ) */
.clearfix:after,
.states:after,
ul#salse:after,
#store-list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ---------------------------------------------- /
                   =COLORS=
/ ---------------------------------------------- */

body {
	background: #52483e;
}
#page {
	background-color: #fff;
	color: #52483e;
}
#branding {
	background-color: #fff;
}
#splash #branding {
	background: transparent url(../images/bkg-white-85.png) repeat;
}
#content,
#giftcards #content {
	background: #f2f1e6 url(../images/banner-bar-shot.jpg) no-repeat center top;
}
#about #content {
	background-image: url(../images/banner-boston-kitchen.jpg);
}
/*#about.boston #content {
	background-image: url(../images/banner-boston-kitchen.jpg);
}
#about.fox #content {
	background-image: url(../images/banner-fox-kitchen.jpg);
}
#about.philly #content {
	background-image: url(../images/banner-philly-kitchen.jpg);
}
#about.atl #content {
	background-image: url(../images/banner-atlanta-kitchen.jpg);
}*/
#about .springrolls #content {
	background-image: url(../images/banner-handmade-spring-rolls.jpg);
}
#menus #content {
	background-image: url(../images/banner-philly-restaurant.jpg);
}
#reservations #content,
#events #content {
	background-image: url(../images/banner-glasses.jpg);
}
#splash #content {
	background: none;
}
#footer {
	background: #524e86;
	color: #fff;
}
blockquote,
.feature {
	background-color: #fff;
}
h2, h3, h4, blockquote,
#reservations #opentable form .feedTitle,
.hours #contentMain dt {
	color: #524e86;
}
.restweek #content h3,
h5 {
	color: #988e84;
}
.team #contentMain h3,
.team #contentMain h4,
.bio #contentMain h2,
.bio #contentMain h3 {
	color: #52483e;
}
#rooms-list li a {
	color: #988e84;
}

/* ---------------------------------------------- /
                  =TYPOGRAPHY=
/ ---------------------------------------------- */

@font-face {
	font-family: DINWebLight;
	src: url('../type/DINWeb-Light.eot');
	src: local('?'), url('../type/DINWeb-Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: DINWebRegular;
	src: url('../type/DINWeb.eot');
	src: local('?'), url('../type/DINWeb.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: DINWebBold;
	src: url('../type/DINWeb-Bold.eot');
	src: local('?'), url('../type/DINWeb-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: DINWebRegularItalic;
	src: url('../type/DINWeb-Ita.eot');
	src: local('?'), url('../type/DINWeb-Ita.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: DINWebLightItalic;
	src: url('../type/DINWeb-LightIta.eot');
	src: local('?'), url('../type/DINWeb-LightIta.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}
body {
	line-height: 1.4;
	font-family: DINWebLight, "ff-din-web-1", "ff-din-web-2", Helvetica, "DejaVu Sans", "Nimbus Sans L", Arial, Verdana, sans-serif;
}
#navMain li,
#navLocal li,
#navSecondary li,
#address,
#where,
#footer,
.team #contentMain h3,
.team #contentMain h4,
.bio #contentMain h2,
.bio #contentMain h3 {
	font-family: DINWebRegular, "ff-din-web-1", "ff-din-web-2", Helvetica, "DejaVu Sans", "Nimbus Sans L", Arial, Verdana, sans-serif;
	text-transform: uppercase;
}
#reservations #opentable form .feedTitle {
	font-family: DINWebLight, "ff-din-web-1", "ff-din-web-2", Helvetica, "DejaVu Sans", "Nimbus Sans L", Arial, Verdana, sans-serif;
}
em,
.footnote,
.or,
.choice,
#menus small,
#events .specialMenu #contentMain dd {
	font-family: DINWebLightItalic, "ff-din-web-1", "ff-din-web-2", Helvetica, "DejaVu Sans", "Nimbus Sans L", Arial, Verdana, sans-serif;
}
strong,
#content dt,
#menus #contentMain p.special,
#sitemap h3,
#sitemap h4,
.restweek #content h3,
.upcharge,
#giftcards #total {
	font-family: DINWebBold, "ff-din-web-1", "ff-din-web-2", Helvetica, "DejaVu Sans", "Nimbus Sans L", Arial, Verdana, sans-serif;
}
 /* Elements */
 #content h2 {
	font-size: 1.285em;  /* =18px */
	line-height: 1;
}
/* to hide the hCard org name from viewers but keep it available to screen readers */
/* per http://www.webaim.org/techniques/css/invisiblecontent/ 					   */
h1,
#contentMain h2,
.hours #contentMain .org,
.contact #contentMain .org {
	position: absolute;	
	left: -10000px;		
	top: auto;			
	width: 1px;
	height: 1px;
	overflow: hidden;
}	
/* to undo invisible content on other pages */
.bio #contentMain h2,
.bio #contentMain h3,
.glutenfree #contentMain h2,
#events #contentMain h2,
.togo #contentMain h2,
.email #contentMain h2,
.employment #contentMain h2,
.credits #contentMain h2 {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
}
ul + h2 {
	margin-top: 1.5em;
}
#contentSecondary h2 {
	font-size: 1.357em;  /* =19px */
	margin-bottom: 10px;
}
h2, h3, h4,
#ccoptin label,
#reservations #opentable form .feedTitle {
	font-weight: normal;
	text-transform: uppercase;
}
#content h3,
.hours #contentMain dt {
	font-size: 1.15em; /* =16px */
	line-height: 1;
	margin-top: 0.75em;
}
#contentMain h2 + h3 {
	margin-top: 0;
	margin-bottom: 3px;
}
.bio #contentMain h2 + h3,
.bio #contentMain h3 + h3,
.glutenfree #contentMain h2 + h3,
#events #contentMain h2 + h3,
.togo #contentMain h2 + h3 {
	margin-top: 0.75em;
}
#contentSecondary h3 {
	font-size: 1em;  /* =14px */
}
#content h4,
#ccoptin label {
	font-size: 1em; /* =14px */
	line-height: 1;
	margin-top: 0.75em;
}
#navMain {
	font-size: 1.375em; /* =22px */
	line-height: 1;
	letter-spacing: 1px;
}
#navLocal,
#ccoptin label {
	letter-spacing: .75px;
}
#page {
	text-align: left;
}
#contentMain,
#home #contentSecondary {
	font-size: .875em; /* =14px */
	line-height: 1.4285; /* =20px */
}
.contact #contentMain {
	font-size: .9375em; /* =15px */
	line-height: 1.333; /* =20px */
}
#contentMain p,
.events #contentMain .noevents p,
.atl .events #contentMain p {
	margin-bottom: 1em;
}
blockquote {
	font-size: 1.571em; /* =22px */
	line-height: 1.182; /* =26px */
}
#contentMain ul {
	line-height: 1.15 /* =16px */
}
small {
	font-size: 0.7em;
}
p small {
	line-height: .9;
}

/* Footer */
#footer {
}
#avila {
	font-size: .5625em; /* =9px */
	text-align: right;
}

/* Header */
#address,
#where {
	font-size: .75em; /* =12px */
}
#address div,
#address span {
	float: left;
	padding-right: 4px;
	display: inline;
	text-align: right;
}
#address div:after {
	content: "::";
	display: inline;
}
#address div:last-child:after {
	content: "";
}
#address div.tel:after {
	content: "";
}

/* Classes */
.initquo {
	margin-left: -0.4em;
}
.footnote {
	font-size: 0.7857em; /* =11px */
	line-height: 1.2;
	clear: left;
}
p.footnote {
	margin-top: 8px;
}
.super {
	font-size: 70%;
	position: relative;
	bottom: 0.5em;
}
.meridiem {
	text-transform: uppercase;
	font-size: .8em;
}
#content div.feature>*:first-child {
	margin-top: 0;
}

/* Splash */
#tagline {
	position: absolute;
	width: 363px;
	height: 182px;
	top: 157px;
	left: 40px;
	z-index: 50;
	text-indent: -9999em;
	background: url(../images/tagline-363.png) no-repeat left top;
}
#splash #content h2 {
	margin: 0 0 12px 0;
	font-size: 1.75em; /* =28px */
	line-height: 1.5; 
	text-transform: none;
	letter-spacing: normal;
	font-weight: 100;
}

/* Home */
#home #teasers h3,
#home #teasers p {
	margin: 0;
}
#teasers li {
	margin-top: 0.65em;
}
#teasers p {
	line-height: 1.285; /* =14px */
}

/* Team */
.team #contentMain h3,
.team #contentMain h4 {
	margin: 0;
	font-size: .7857em; /* =11px */
	line-height: 1.2; /* =13px */
	letter-spacing: .5px;
	padding: 0 15px;
	font-weight: normal;
	font-family: DINWebBold, "ff-din-web-1", "ff-din-web-2", Helvetica, "DejaVu Sans", "Nimbus Sans L", Arial, Verdana, sans-serif;	
}
.bio #staff {
	position: absolute;
	left: 15px;
	top: 366px;
}
.bio #contentMain h2,
.bio #content #contentMain h3 {
	font-size: .75em; /* =10.5px */
	line-height: 1.525; /* =16px */
	margin: 0;
	font-weight: normal;
	font-family: DINWebBold, "ff-din-web-1", "ff-din-web-2", Helvetica, "DejaVu Sans", "Nimbus Sans L", Arial, Verdana, sans-serif;	
}

/* Contact */
.contact #addr-block {
	margin: 10px 0 20px;
}

/* E-mail */
#email p {
	margin-top: 10px;
}

/* Hours */
#where {
	margin-bottom: 2em;
}

/* Spring Rolls */
p#findrolls {
	margin-bottom: 0;
}
#store-list ul {
	margin-top: 6px;
	margin-bottom: 12px;
}
#store-list h4 {
	margin-top: 16px;
}
#store-list li {
	font-size: .8em; /* =11.2px */
}
.col1,
.col2 {
	width: 153px;
	float: left;
}
.col1 {
	margin-right: 29px;
}
.states {
	clear: left;
}
.states.col2 {
	clear: none;
}
.springrolls .footnote {
	margin-top: 1em;
}

/* Menus */
#menus #contentMain li,
#menus #contentMain dt,
#menus #contentMain dd {
	padding-right: 20px;	/* leave space for price */
}
#menus #contentMain li {
	margin-bottom: 3px;
}
#menus #contentMain li li {
	margin-right: -20px;	/* only leave space for price once */
}
#menus #contentMain dt,
#events .specialMenu #contentMain dt {
	font-size: 1em;
	text-transform: none;
	margin-top: 8px;
}
#menus ul#salse {
	margin-top: 0.5em;
}
#menus #contentMain #salse li {
	display: block;
	width: 140px;
	float: left;
	margin: 0;
}
#menus #contentMain ul.footnote,
#events .specialMenu ul.footnote {
	margin-top: 2em;
}
#contentMain ul.offerings {
	margin-top: 1em;
	list-style: square;
	padding-left: 20px;	
	font-size: .9em;
}
#content dt {
	font-size: 0.8em;
	text-transform: uppercase;
}
.price {
	display: block;
	float: right;
	margin-right: -20px;
}
.asterisk,
.dagger {
	margin-left: -0.5em;
	font-style: normal;
}

/* Events */
.events #contentMain li {
	margin-bottom: 20px;
}
.events #contentMain li li {
	margin-bottom: 0;
}
.events #contentMain h4 {
	margin: 2px 0;
	font-size: .9em;
	color: #988e84;
}
.events #contentMain p {
	margin-bottom: 2px;
}
.events small {
	font-style: normal;
}
.restweek #content h3 {
	clear: left;
	margin-top: 2em;
	line-height: 1;
}
#content p.resnow + h3 {
	margin-top: 1.2em;
}
#events .multiMenu #contentMain dt,
#events .TDay #contentMain #feature dt {
	font-size: 0.75em;
}
.or,
.choice {
	line-height: 1;
}
.or {
	padding-left: 30px;
}
.intro {					
	font-size: 1.2em;
	line-height: 1.2;
}
.upcharge {
	color: #988e84;
}

/* Private Dining */
#rooms-list li h4 {
	margin: 2px 0;
	font-size: 0.83em;
	line-height: 1.5;
}
#rooms-list li a {
	font-weight: normal;
	font-family: DINWebBold, "ff-din-web-1", "ff-din-web-2", Helvetica, "DejaVu Sans", "Nimbus Sans L", Arial, Verdana, sans-serif;	
}

/* Press */
.press #content dl {
	line-height: 1.2;
}
.press #content dt {
	margin: 12px 0 2px;
}

/* Gift Cards */
.note {
	font-size: 0.75em;
	text-align: right;
	margin-top: 150px;
}
.giftcards #contentSecondary h3 {
	text-transform: none;
}
.giftcards #contentSecondary p {
	margin-bottom: 10px;
}

/* Hours */
#contentMain dl {
	font-size: 0.92857em; /* =13px */
}
dd.days {
	width: 125px;
	float: left;
}
#contentMain dt {
	clear: left;
}

/* Map */
#directions li a {
	text-transform: uppercase;
	font-size: .7em;
	color: #52483e;
	text-decoration: none;
}

/* Opportunities */
.employment #contentMain h3 {
	margin-top: 1.4em;
}
.employment #contentMain ul {
	margin-left: 30px;
}
ul.jobopps {	
    float: left;
    width: 408px;
	margin: 1em 30px 1em 0;
}
.fox .jobopps li {
	float: left;
	width: 10em;
	padding-right: 20px; 
}

/* Site Map */
#sitemap #boston,
#sitemap #foxborough {
	width: 390px;
	float: left;
	clear: left;
}
#sitemap #philadelphia,
#sitemap #atlanta {
	width: 415px;
	float: right;
	clear: right;
}
#sitemap #content {
	font-size: .875em;
}
#sitemap h2 {
	margin-bottom: 1em;
}
#sitemap h3 {
	margin-top: 0;
	font-size: 1.3em;
	color: #52483e;
	letter-spacing: .75px;
}
#sitemap h4 {
	font-size: 1.1em;
	color: #988e84;
}
#sitemap ul ul {
	padding-left: 20px;
}




#error #content h2 {
	font-size: 2em;
}
#error #content p {
	font-size: 1.2em;
}
.multiMenu #content h3 {
	font-size: 1.2em;
	line-height: 1;
}
#content h3.special {
	font-size: 1.1em;
	text-transform: none;
}
#content h2 + h3.special {
	margin-top: 0.5em;
}
#feature h3.special {
	margin-top: 0;
}
#giftcards h3 {
	text-transform: none;
} 
#dineinout h3#findrolls {
	text-transform: none;
	font-size: .85em;
}
#content h4+p {
	margin-top: 0;
}
.press #content dd a {
	text-decoration: none;
}
#events .specialMenu #contentMain dd {
	margin-top: 0;
}
#events .specialMenu #contentMain dd {
	font-style: normal;
}
#events .multiMenu #contentMain ul {
	margin-top: 0;
}
#menus #contentMain li,
#events .specialMenu #contentMain li {
	margin-top: 0.5em;
}
#events .multiMenu #contentMain li {
	margin-top: 0;
}
#menus #contentMain ul ul,
#events .specialMenu #contentMain ul ul {
	font-size: 1em;
	margin-top: 0;
	padding-left: 2em;
}
#menus #contentMain ul ul li,
#events .specialMenu #contentMain ul ul li {
	margin-top: 0;
}
#events .restweek #contentMain li {
	margin-top: 0.2em;
}
#events .restweek #contentMain .footnote li {
	margin-top: 0.5em;
}
#contentSecondary p.caption {
	color: #fff;
	margin: 0 20px 10px 10px;
	width: 276px;
	float: left;
}
.employment p {
	clear: left;
}
#location-list h3 {
	font-size: 1.2em;
}
#location-list p {
	font-size: 1em;
}
#location-list li {
	margin-top: 10px;
}
#location-list h3 a {
	text-decoration: none;
}
#location-list p {
	margin: 0;
}
#location-list span:after {
	content: "  "
}
#giftcards #contentMain li {
	margin: 0 0 0 3em;
	list-style-type: square;
}
#giftcards #contentMain li {
	margin-top: 0.5em;
}
.after {
	margin-top: 1.5em;
}
.multiMenu .after {
	color: #860038;
}
#events p.footnote {
	margin-left: 0;
}
#menus #contentMain p.special {
	margin-top: 2em;
}
p.special:before {
	content: url(../images/bullet.png);
	padding-right: 4px;
}
p.special:after {
	content: url(../images/bullet.png);
	padding-left: 4px;
}
/*#events .specialMenu #contentMain .intro,
#media #contentMain .intro {					
	font-size: .95em;
}
#events .specialMenu #contentMain h3.intro {
	text-transform: none;
	font-size: 1.3em;
}
#events .specialMenu #contentMain h4.intro {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-transform: none;
	font-size: .85em;
	font-style: normal;
	color: #860038;
}
#events .specialMenu #contentMain h4.intro.alt {
	font-family: Baskerville, Georgia, "Times New Roman", Times, serif;
	font-size: .95em;
	margin-top: 0;
}
#menus #contentMain h3.intro {
	text-transform: none;
	font-size: 1.1em;
	font-weight: normal;
	font-style: normal;
	color: #860038;
}
#events .specialMenu #contentMain small.intro {
	font-size: .75em;
	line-height: 1;
}
#feature h3.intro {
	text-transform: none;
	font-size: 1em;
}*/
#events .specialMenu #contentMain ul.details {
	margin-top: 1.8em;
}
#events .specialMenu #contentMain ul.details li {
	font-size: 1em;
	margin-top: 0;
}

/* ---------------------------------------------- /
                   =IMAGERY=
/ ---------------------------------------------- */

#logo img {
	width: 271px;
	height: 87px;
}
/*.round,*/
.feature,
blockquote {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}
#main {
	height: 351px;
	width: 214px;
}
.round .mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background-position: left top;
	background-repeat: no-repeat;
}
#main.round .mask {
	background-image: url(../images/mask-main-trans.png);
	width: 214px;
	height: 351px;
}
.headshot.round .mask {
	background-image: url(../images/mask-headshot-trans.png);
	width: 158px;
	height: 162px;
}
div.headshot {
	margin-bottom: 4px;
}
iframe {
	width: 351px;
	height: 351px;
	border: 0;
	margin: 0 0 0 0;
}
a#mail-link {
	display: block;
	width: 135px;
	height: 32px;
	margin-top: 6px;
	padding-left: 45px;
	background: url(../images/icon-mail.png) no-repeat left bottom;
	line-height: 16px;
}
#contactMain p a#mail-link:hover,
#contactMain p a#maillink:active,
#contactMain p a#mailink:focus {
	background-position: left top;
	text-decoration: none;
}
#opentable #logo {
	position: static;
	width: 104px;
	height: 27px;
}

/* Splash */
#slideshow li {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
}
#slideshow li.active {
	z-index: 10;
	opacity: 1.0;
}
#slideshow li.last-active {
	z-index: 9;
}

/* Video */
#video-list li {
	width: 579px;
	min-height: 189px; /* 336w x 189h = 16:9 */
	position: relative;
	float: left;
	clear: both;
	margin-bottom: 15px;
}
.video .description {
	width: 212px;
	float: right;
}
.video .media {
	width: 336px;
}
#video-list li h3,
#video-list li p {
	margin: 0;
}
#video-list #altcont {
	width: 306px;
	padding: 65px 15px 15px;
	text-align: center;
	background-color: #111;
	color: #fff;
	min-height: 129px;
}
#introvid .description {
	margin-top: 80px;
}
#citysearch .description {
	margin-top: 60px;
}
#altcont span {
	display: block;
}
#video-list #altcont a {
	color: #fff;
}
img#getflash {
	margin-top: 12px;
}

/* Tour */
#panotour {
	width: 624px;
	height: 275px;
	background-color: #000;
}

/* Events */
#rwLogo {
	float: right;
	margin: 50px 50px 0 0;
}

/* Map */
#directions li#pdf a {
	background-image: url(../images/icon-pdf.png);
}
#directions li#google a {
	background-image: url(../images/icon-google.png);
}
#directions li a:link,
#directions li a:visited {
	background-position: left bottom;
}
#directions li a:hover,
#directions li a:active,
#directions li a:focus {
	background-position: left top;
}

/* Spring Rolls */
.springrolls #bop {
	position: absolute;
	top: 0;
	left: 150px;
	/*top: 170px;
	left: 10px;*/
}

/* Press & Awards */





#winespectator {
	float: right;
	margin: 48px 0 0 16px;
}
#contentMain .offerings img {
	margin-bottom: -4px;
}
#phillycooks {
	float: right;
	margin: 0 10px 10px 10px;
	display: inline;			/* Fix for IE6 doubled float margin bug */
}
.imgleft {
	float: left;
	width: 220px;
	margin: 10px 20px 10px 0;
}
.imgright {
	float: right;
	width: 220px;
	margin: 10px 0 10px 20px;
}
.top {
	margin-top: 0;
}
#opentableaward {
	width: 149px;
	float: right;
	margin: 0 0 20px 10px;
	padding: 10px 0;
	background: #E0E9D1;
	border: 1px solid #ACB1A0;
	border-radius: 5px 5px;
	-moz-border-radius: 5px 5px;
	-webkit-border-radius: 5px 5px;
	text-align: center;
}
#opentableaward #RestaurantText a {
	font-size: 12px;
	text-decoration: none;
	color: #61594E;
}
#opentableaward #RestaurantText span {
}
#opentableaward #RestaurantText a:hover {
	text-decoration: underline;	
}
#opentableaward #CityAndState {
	display: block;
	line-height: 1;
}
#opentableaward #CityAndState a {
	font-size: 11px;
}

/* ---------------------------------------------- /
                    =FORMS= 
/ ---------------------------------------------- */

form {
	line-height: 1.3em;
}

/* E-mail Contact */
form {
	margin-top: 1em;
}
#sender div,
#message div {
	clear: both;
}
#sender label {
	display: block;
	float: left;
	width: 70px;
	margin: 0 0 10px 0;
}
#sender input[type="text"] {
	width: 240px;
	float: right;
	margin: 0 0 10px 0;
}
#message input,
#message textarea {
	width: 335px;
	margin: 2px 0 10px 0;
}

/* Gift Cards */
form#giftpurch {
	margin-bottom: 1em;
}
form#giftpurch div {
	clear: both;
}
#giftpurch fieldset {
	padding: 1em 55px 0 0;
}
fieldset#linkpoint {
	padding: 0;
}
fieldset#restaurant input[type="radio"] {
	display: inline;
}
fieldset#restaurant label {
	display: inline;
	width: 250px;
	margin: 6px 0 0 0;
}
fieldset#giftinfo .amt {
	width: 75px;
	float: right;
	clear: right;
	font-size: 1em;
	text-align: right;
}
fieldset#giftinfo input[type="text"] {
	width: 50px;
	margin: 0 0 6px 5px;
	display: inline;
	text-align: right;
	/*font-family: Helvetica, Arial, Verdana, sans-serif;*/
}
fieldset#giftinfo .amt span {
	display: block;
	float: left;
	width: 10px;
}
fieldset#giftinfo .amt p {
	float: right;
	height: 28px;
	width: 50px;
	margin: 0 2px 0 7px;
}
fieldset#giftinfo label {
	height: 38px;
	float: left;
}
#giftpurch input[type="submit"] {
	float: right;
	clear: right;
	width: auto;
	margin: 0 0 0 10px;
}
#giftpurch fieldset#button {
	padding: 10px 0 15px 0;
	background: url(../images/btn-reflect.png) no-repeat right bottom;
}
#giftpurch #submit,
#giftpurch #submit2,
#giftpurch #submit3,
#giftpurch #submit4 {
	height: 23px;
	width: 85px;
	border: 0;
	text-indent: -9999em;
}
#giftpurch #submit {
	background: url(../images/btn-continue.png) no-repeat left bottom;
}
#giftpurch #submit2 {
	background: url(../images/btn-submit.png) no-repeat left bottom;
}
#giftpurch #submit3 {
	background: url(../images/btn-subscribe.png) no-repeat left bottom;
}
#giftpurch #submit4 {
	text-indent: 0;
	background: url(../images/btn-bkg.png) no-repeat left bottom;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-family: DINWebBold, "ff-din-web-1", "ff-din-web-2", Helvetica, "DejaVu Sans", "Nimbus Sans L", Arial, Verdana, sans-serif;
}
#giftpurch #submit:hover,
#giftpurch #submit2:hover,
#giftpurch #submit3:hover,
#giftpurch #submit4:hover {
	background-position: left top;
}

/* Constant Contact */
form#ezsignup {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 2em 0;
}
#ezsignup fieldset {
	float: left;
	margin: 1.2em 0 0 0;
}
#ezsignup label {
	width: auto;
}
#ezsignup input {
	float: left;
}
#ezsignup input[type="text"] {
	width: 20em;
	max-width: 380px;
	margin-right: 6px;
}
#ezsignup input[type="image"] {
	width: 66px;
	height: 26px;
	margin: -2px 6px 0 6px;
}
.signup #contentMain ul {
	padding-left: 15px;
	list-style-type: square;
	line-height: 1.4285;
	margin-bottom: 10px;
}
#ezsignup fieldset#button {
	padding: 10px 0 15px 0;
	background: url(../images/btn-reflect.png) no-repeat right bottom;
}
#ezsignup #submit {
	height: 23px;
	width: 85px;
	background: url(../images/btn-submit.png) no-repeat left bottom;
	border: 0;
	text-indent: -9999em;
}
#ezsignup #submit:hover {
	background: url(../images/btn-submit.png) no-repeat left top;
}


/* Open Table */
#reservations #opentable {
	margin: 1em 0;
	font-size: 1.3em;
}
#opentable form,
#opentable form td {
	vertical-align: top;
}
#opentable #feedTable td {
	font-family: DINWebLight, "ff-din-web-1", "ff-din-web-2", Helvetica, "DejaVu Sans", "Nimbus Sans L", Arial, Verdana, sans-serif;
}
#reservations #opentable p.feedTitle {
	font-size: 1em;
}
#reservations #opentable #feedTable p {
	margin-bottom: 0;
/*	margin-top: 0;
	padding-top: 6px;
	line-height: 1;*/
}
#reservations #opentable #dateDisplay {
	line-height: 1;
}
#reservations #opentable #logoLink {
	margin-top: 16px;
	float: left;
}
#reservations #opentable #submit {
	margin-top: 18px;
}
	
/* Opentable sidebar */
#navLocal #reserve {
	width: 100%;
	padding: 10px 10px 10px 16px;
	margin-top: 20px;
}
#navLocal #reserve h3 {
	font-size: .9em;
	line-height: 1.1;
}
#OT_searchWrapperAll  {
	width: 100%;
	position: relative;
}
#OT_searchWrapper {
	border: none;
	font-size: 12px;
	width: 100%;
	position: relative;
	margin: 0;
}
#OT_searchWrapper h2 {
	display: none;
	line-height: 0;
}
#OT_searchWrapper .OT_feedTitle {
	margin: 0 0 1px 5px;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
}
#OT_searchWrapper dl {
}
#OT_partySizeLbl,
#OT_dateLbl,
#OT_timeLbl {
	font-size: .75em;
}
#OT_partySizeLbl {
	display: block;
}
#OT_partySize {
}
#OT_dateLbl {
	margin-top: 6px;
	width: 75px;
}
#OT_date {
	width: 100px;
}
#OT_timeLbl {
	margin-top: 6px;
	width: 80px;
}
#OT_time {
	margin: 0;
}
/*#OT_empty {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	top: 100px;
	left: 0;
}*/
#OT_submitWrap {
	position: relative;
	margin: 10px 0 10px 0;
	z-index: 5;
}
#OT_logo {
	position: relative;
	width: 100%;
	padding: 0;
	z-index: 5;
	font-size: .6em;
	line-height: 1;
}
#OT_logoLink {
	display: none;
}
#navLocal img#OT_imglogo {
	border: 0;
	margin: 0 0 0 10px;
}
#OT_searchWrapper form {
	margin: 0;
	padding: 0;
}
#OT_searchWrapper input.hidden {
	display: none;
}
#OT_searchWrapper .feedFormField,#OT_searchWrapper .feedFormField option {
	font-size: 12px;
	margin: 2px 2px 2px 2px;
}
#OT_searchWrapper #startDate,#OT_searchWrapper .OT_feedFormfieldCalendar {
	font-size: 12px;
	margin: 0;
	width: 85px;
}
#OT_searchWrapper #dateDisplay {
	font-size: 10px;
	color: #999;
	float: right;
	margin: 0 30px 0 0;
	display: inline;
}
#OT_searchWrapper .imgCal {
	position: absolute;
	display: none;
	z-index: 100;
}
#OT_searchWrapper #imageCal table {
	font-size: 12px;
	width: 150px;
	background: #FFF;
}
#OT_searchWrapper #imageCal td {
	padding: 0;
	text-align: center;
}
#OT_searchWrapper .clickableDays {
	color: #000;
	text-decoration: none;
	height: 18px;
}
#OT_searchWrapper .nonclickableDays {
	color: #CCC;
	height: 18px;
}
#OT_searchWrapper .months {
	color: #FFF;
	text-decoration: none;
}
#OT_searchWrapper .weekdays {
	color: #000;
	text-decoration: none;
	color: #666;
	background-color: #EFEFEF;
	width: 14%;
}


/* ---------------------------------------------- /
                    =LINKS= 
/ ---------------------------------------------- */

a {
	text-decoration: none;
}
a:link,
a:visited {
	color: #524e86;
}
#address a:link,
#address a:visited {
	color: #52483e;
}
#address a:hover,
#address a:active,
#address a:focus {
	color: #524e86;
}
#contentMain p a {
	font-family: DINWebBold, "ff-din-web-1", "ff-din-web-2", Helvetica, "DejaVu Sans", "Nimbus Sans L", Arial, Verdana, sans-serif;
}
.contact #addr-block a {
	text-decoration: none;
	font-weight: normal;
}
.contact #addr-block a:link,
.contact #addr-block a:visited {
	color: #52483e;
}
a:hover,
a:active,
a:focus {
	color: #3f3a6a;
}
#contentMain a:hover,
#contentMain a:active,
#contentMain a:focus {
	color: #8666b0;
}
.contact #addr-block a:hover,
.contact #addr-block a:active,
.contact #addr-block a:focus {
	color: #524e86;
}
a#mail-link:hover,
a#maillink:active,
a#mailink:focus {
	background-position: left top;
	text-decoration: none;
}
.team #contentMain a:hover h3,
.team #contentMain a:active h3,
.team #contentMain a:focus h3,
.team #contentMain a:hover h4,
.team #contentMain a:active h4,
.team #contentMain a:focus h4 {
	color: #52483e;
}
#teasers h3 a:hover,
#teasers h3 a:active,
#teasers h3 a:focus {
	text-decoration: underline;
	color: #8666b0;
}
#directions li a:hover,
#directions li a:active,
#directions li a:focus {
	text-decoration: none;
	font-family: DINWebBold, "ff-din-web-1", "ff-din-web-2", Helvetica, "DejaVu Sans", "Nimbus Sans L", Arial, Verdana, sans-serif;	
}
#rooms-list li a:hover,
#rooms-list li a:active,
#rooms-list li a:focus {
	text-decoration: none;
	color: #52483e;
}

#sitemap #content li a:hover,
#sitemap #content li a:active,
#sitemap #content li a:focus {
	text-decoration: underline;
}
#footer a,
#footer a:link,
#footer a:visited {
	color: #fff;
}
#footer a:hover {
	color: #f2f1e6;
}
a[href$=".pdf"] {
	padding-right: 18px;
	background: url(../images/pdf.gif) no-repeat bottom right;
}

/* ---------------------------------------------- /
                  =NAVIGATION= 
/ ---------------------------------------------- */

ul#navSecondary {
	display: table;
}
#navMain li,
#navSecondary li {
	display: block;
	float: left;
	width: auto;
}
#navMain li {
	font-size: 0.8em /* 1.2em */;
	line-height: 1.4;
	padding: 0 0 0 3px;
	background: url(../images/pipe-navmain.png) no-repeat left center;
}
#navMain li:first-child {
	padding: 0;
	background: none;
}
#navSecondary li {
	font-size: 0.7em;
	line-height: 1;
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 3px;
	background: url(../images/pipe-navsec.png) no-repeat left center;
}
#navSecondary li:first-child {
	padding: 0;
	background: none;
}
/*#navMain li:after,
#navSecondary li:after {
	content: "|";
}
#navMain li:last-child:after,
#navSecondary li:last-child:after {
	content: "";
}*/
#navLocal ul {
	position: relative;
	text-align: right;
}
#navLocal li {
	height: 32px;
	line-height: 32px;
	display: table;
	text-align: right;
}
#navMain a,
#navLocal a {
	color: #52483e;
}
#navMain a {
	float: left;
	height: 1.4em;
}
#navMain li a,
#navSecondary li a {
	display: block;
	width: auto;
}
#navMain li a {
	padding: 6px 15px;
	margin: 0 5px;
}
#navSecondary li a {
	height: 0.9em;
	margin: 4px;
	padding: 6px;
}
#navLocal a {
	color: #52483e;
	font-size: .9em;
	display: table-cell;
	width: 220px;
	vertical-align: middle;
	text-align: right;
}
#navMain a:hover,
#navMain a:active
#navMain a:focus {
	color: #8666b0;
/*	color: #fff;
	text-decoration: none;
	background-color: #988e84;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;*/
}
/* this highlights the current section in the main navigation */
#about #navAbout a,
#email #navAbout a,
#menus #navMenus a,
#events #navMenus a,
#reservations #navReservations a,
#giftcards #navGiftCards a {
	font-family: DINWebBold, "ff-din-web-1", "ff-din-web-2", Helvetica, "DejaVu Sans", "Nimbus Sans L", Arial, Verdana, sans-serif;
	color: #524e86;
}
#navLocal a:hover,
#navLocal a:active,
#navLocal a:focus {
	color: #524e86;
	font-family: DINWebBold, "ff-din-web-1", "ff-din-web-2", Helvetica, "DejaVu Sans", "Nimbus Sans L", Arial, Verdana, sans-serif;
	text-decoration: none;
}
.history #navHistory a,			/* this highlights the current page in the local navigation */
.team #navTeam a,
.bio #navTeam a,
.employment #navContactUs a,
.contact #navContactUs a,
.email #navContactUs a,
.credits #navCredits a,
.lunch #navLunch a,	
.dinner #navDinner a,
.bar #navBar a,
.brunch #navBrunch a,
.chefslunch #navChefslunch a,
.children #navChildren a,
.winelist #navWinelist a,
.breakfast #navBreakfast a,
.glutenfree #navGluten a,
.events #navSpecEvents a,
.togo #navToGo a,
.catering #navCatering a,
.location #navAddress a,
.parking #navParking a,
.hours #navHours a,
.reservations #navRes a,
.events #navEvents a,
.room #navPrivDine a,
.bio #navPrivDine a,
.giftcards #navGifts a,
.delivery #navDelivery a,
.springrolls #navSpringRolls a,
.togoshop #navToGoShop a,
.restweek #navRestweek a,
.eventmenu1 #navEventMenu1 a,
.eventmenu2 #navEventMenu2 a,
.eventmenu3 #navEventMenu3 a,
.eventmenu4 #navEventMenu4 a,
.eventmenu5 #navEventMenu5 a,
.eventmenu6 #navEventMenu6 a,
.signup #navSignUp a,
.privatedining #navPrivDine a,
.wineroom #navWineRoom a,
.arlington #navArlRoom a,
.berkeley #navBerkRoom a,
.arlberk #navArlBerkRoom a,
.press #navPress a,
.tour #navTour a,
.video #navVideo a,
.presskit #navPress a,
.publications #navPublications a {
	color: #524e86;
	font-family: DINWebBold, "ff-din-web-1", "ff-din-web-2", Helvetica, "DejaVu Sans", "Nimbus Sans L", Arial, Verdana, sans-serif;
	font-size: 1.15em;
}
#navSecondary a:hover,
#navSecondary a:active,
#navSecondary a:focus {
	background-color: #fff;
	color: #524e86;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
#footer li#facebook,
#footer li#twitter {
	height: 24px;
	width: 24px;
	position: relative;
	float: left;
	margin: 8px 10px 0 0;
}
#facebook a,
#twitter a {
	display: block;
	height: 24px;
	width: 24px;
	text-indent: -9999px;
	background-position: left bottom;
	background-repeat: no-repeat;
}
#facebook a {
	background-image: url(../images/icon-facebook.png);
}
#twitter a {
	background-image: url(../images/icon-twitter.png);
}
#facebook a:hover,
#twitter a:hover {
	background-position: left top;
}