/*
title:		master styles for screen media
author:     dsdny.com
*/

@import url("http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic");

html
{
	margin: 0;
	padding: 0;
	background: #fffaf0 url(img/bkgd-page.jpg) repeat-x left top;
}

body
{
	border: 0 none;
	height: 100%;
	width: 100%;
	font-family: "Rosario", san serif;
	font-size: 100%;
	line-height: 1.3;
	text-align: left;
	color: #666;
}

#outerwrap
{
	width: 1000px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	visibility: visible;
}

#innerwrap
{
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

/*
masthead
--------------------------------------------- */

#masthead
{
	float: left;
	display: block;
	width: 100%;
	height: 94px;
	background: url(img/bkgd-content.gif) repeat-y 0 0;
}

#logo
{
	float: left;
	width: 202px;
	height: 5px;
	margin-left: 61px;
	margin-top: 33px;
}

#logo img { border: 0 none; }
#logo a { border: 0 none; }

#topnav
{
	float: left;
	margin-left: 45px;
	margin-top: 33px;
}

/*
topnav
--------------------------------------------------------------------- */

ul.menu
{
	padding: 0;
	margin: 0;
	list-style: none;
}

.menu li
{
	display: block;
	float: left;
	font-family: Helvetica, Arial, san serif;
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #F80;
}

.menu li a
{
	border-left: 1px solid #ddd;
	padding: 6px 5px 7px 5px;
	display: block;
	color: #F80;
	text-decoration: none;
}

.menu li a
{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.menu li.t-home a { border-left: 0 none; }

.menu li a:hover,
.menu li a:active
{
	color: #000;
	text-decoration: none;
}

body#b-home .menu li.t-home a,
body#b-about .menu li.t-about a,
body#b-weddings .menu li.t-weddings a,
body#b-catering .menu li.t-catering a,
body#b-events .menu li.t-events a,
body#b-tasting .menu li.t-tasting a,
body#b-pricing .menu li.t-pricing a,
body#b-press .menu li.t-press a,
body#b-blog .menu li.t-blog a { color: #000; }

.menu li a:hover { background-color: #f5ead4; }

.menu li a:hover { background: -moz-linear-gradient(bottom, rgba(245,234,212,.25), rgba(245,234,212,1.0)); }
.menu li a:hover { background: -webkit-gradient(linear, center bottom, center top, from(rgba(245,234,212,.25)), to(rgba(245,234,212,1.0))); }

/*
page structure
--------------------------------------------- */

#content
{
	float: left;
	display: block;
	width: 100%;
	min-height: 500px;
	margin: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee8da;
	background: url(img/bkgd-content.gif) repeat-y left top;
}

#masthead.home, #content.home { background: url(img/bkgd-home.gif) repeat-y left top; }

.article
{
	float: left;
	display: block;
}

/*
masthead images
--------------------------------------------- */

img.msthd-one
{
	float: right;
	display: inline;
	width: 289px;
	height: 200px;
	padding: 0;
	margin-bottom: 25px;
}

img.msthd-two
{
	float: left;
	display: inline;
	width: 420px;
	height: 200px;
	border: 0 none;
	padding: 0;
	margin-bottom: 20px;
}

img.msthd-three
{
	float: left;
	display: inline;
	width: 289px;
	height: 200px;
	padding: 0;
	margin-bottom: 20px;
}

img.msthd-one a,
img.msthd-two a, 
img.msthd-three a
{
	border: 0 none;
	padding: 0;
	margin: 0;
}

/*
home page only
--------------------------------------------- */

#overlay
{
	position: absolute;
	top: 183px;
	margin-left: auto;
	padding-left: 1px;
	margin-right: auto;
	width: 998px;
}

#overlay ul { list-style-type: none; }

#overlay li
{
	float: left;
	margin: 0;
	display: block;
	border: 0 none;
	list-style-type: none;
}

#overlay li.o-catering
{
	background: transparent url(img/masthead-catering-off.jpg) no-repeat;
	width: 289px;
}

#overlay li.o-weddings
{
	background: transparent url(img/masthead-weddings-off.jpg) no-repeat;
	width: 420px;
}

#overlay li.o-events
{
	background: transparent url(img/masthead-events-off.jpg) no-repeat;
	width: 289px;
}

#overlay a
{
	display: block;
	padding-top: 22px;
	/* Padding-top needs to equal the height of the rollover artwork */
	height: 0;
	color: #000;
	text-decoration: none;
	overflow: hidden;
}

* html #overlay a:link, * html #overlay a:visited
{
	height: 22px;
	he\ight: 0;
}

#overlay a#link-catering { background: transparent url(img/masthead-catering-over.jpg) -289px -22px no-repeat; }
#overlay a#link-weddings { background: transparent url(img/masthead-weddings-over.jpg) -420px -22px no-repeat; }
#overlay a#link-events { background: transparent url(img/masthead-events-over.jpg) -289px -22px no-repeat; }

#overlay a#link-catering:hover,
#overlay a#link-weddings:hover,
#overlay a#link-events:hover
{
	background-position: top right;
	z-index: 50;
}

/*
typography
--------------------------------------------- */

h1
{
	font-size: 1.45em;
	line-height: 1.1;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: .5em;
	color: #F80;
}

h1.obama { font-size: 2.5em; }

h2
{
	font-size: 1em;
	font-weight: bold;
	margin-top: .5em;
	margin-bottom: .5em;
	color: #333;
}

h3
{
	font-size: .87em;
	font-weight: bold;
	margin-top: .5em;
	margin-bottom: .5em;
	color: #000;
}

h4
{
	font-family: Helvetica, Arial, san serif;
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: .04em;
	font-weight: normal;
	line-height: 1;
	margin-top: .5em;
	margin-bottom: .5em;
	color: #000;
}

p
{
	font-size: .87em;
	margin-top: 0;
	margin-bottom: 1em;
}

p.kim { margin-bottom: 3em; }

p.note
{
	padding-top: 1em;
	margin-top: 1em;
	border-top: 1px #ccc solid;
	font-size: .8em;
}

strong
{
	font-weight: bold;
	color: #333;
}

a:link,
a:visited
{
	color: #F80;
	text-decoration: none;
}

a:active,
a:hover
{
	color: #000;
	text-decoration: none;
}

img
{
	float: right;
	padding-left: 12px;
}

hr
{
	width: 626px;
	float: left;
	display: block;
	border-top: 1px #F90 solid;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
	margin-top: .75em;
	margin-bottom: 1.75em;
}

/*
lists
--------------------------------------------- */

ul, ol
{
	font-size: .87em;
	margin-top: 0;
	margin-bottom: 1em;
}

ul li
{
	list-style-type: disc;
	margin-bottom: 0;
	padding-bottom: 0;
}

ol li
{
	list-style-type: decimal;
	margin-left: 2em;
	margin-bottom: 0;
	padding-bottom: 0;
}

ul.indented li
{
	margin-left: 2em;
	list-style-position: outside;
}

ol.indented li { margin-left: 2em; }

/*
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  add style only after the tabber interface is set up (.tabberlive)
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  .tabbertab = the tab content
--------------------------------------------- */

ul.tabbernav
{
	margin: 0;
	padding: 3px 0;
	border-bottom: 1px solid #ccc;
}

ul.tabbernav li
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}


ul.tabbernav li a
{
	font-family: Helvetica, Arial, san serif;
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: .04em;
	line-height: 1;
	padding: 8px 18px 4px 18px;
	margin-left: 0;
	border: 1px solid #ccc;
	border-bottom: none;
	background-color: #f5ead4;
	text-decoration: none;
}

ul.tabbernav li a
{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

ul.tabbernav li a:link,
ul.tabbernav li a:visited { color: #ff8800; }

ul.tabbernav li a:hover,
ul.tabbernav li a:active
{
	color: #000;
	background-color: #ff8800;
	border-color: #ccc;
}

ul.tabbernav li.tabberactive a
{
	color: #000;
	background-color: #FFF;
	border-bottom: 3px solid #fff;
}

ul.tabbernav li.tabberactive a:hover,
ul.tabbernav li.tabberactive a:active
{
	color: #000;
	background-color: #FFF;
	border-bottom: 3px solid white;
}

.tabberlive .tabbertab p { font-size: .75em; }
.tabberlive .tabbertab h2 { display: none; }

/*
sampler lists
--------------------------------------------- */

div.clientwrap
{
	width: 626px;
	float: left;
	display: block;
}

div.clientwrap ul
{
	width: 180px;
	float: left;
	display: inline;
	margin-right: 20px;
}

div.clientwrap li { list-style-type: none; }

#sampler
{
	position: relative;
	left: 0;
	width: 624px;
	margin: 0;
	padding: 0;
	font-size: .87em;
}

#sampler h3
{
	margin-top: 0;
	margin-bottom: .5em;
}

#sampler table
{
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}

#sampler td { width: 10%; }

/*
videos
--------------------------------------------- */

div.youtube
{
	float: right;
	display: inline;
	margin: 0;
	padding-left: 12px;
}

/*
press images (2x for retina displays)
--------------------------------------------- */

img#i-nymag
{
	width: 350px;
	height: 468px;
}

img#i-nytimes08
{
	width: 267px;
	height: 488px;
}

img#i-nytimes01
{
	width: 350px;
	height: 462px;
}

img#i-wok
{
	width: 350px;
	height: 457px;
}

img#i-saveur,
img#i-winenthusiast
{
	width: 350px;
	height: 453px;
}

/*
sample menu images (2x for retina displays)
--------------------------------------------- */

img.i-samples
{
	width: 350px;
	height: 350px;
}

/*
right content
--------------------------------------------- */

#rightwrap
{
	float: right;
	display: inline;
	width: 710px;
	margin: 0;
	padding: 0;
}

#rightcontent
{
	padding-left: 24px;
	padding-right: 60px;
}

/*
estimate form
--------------------------------------------- */

form
{
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

.formwrap
{
	font-size: .87em;
	float: left;
	display: block;
	margin-right: 18px;
	margin-bottom: 2em;
	width: 100%;
}

.fieldwrap
{
	float: left;
	display: inline;
	width: 280px;
	margin-right: 30px;
}

.recaptchawrap
{
	float: left;
	z-index: 50;
}

.buttonwrap
{
	width: 580px;
	float: left;
	display: inline;
	padding-bottom: 24px;
}

.forminputfield
{
	float: left;
	display: block;
	width: 280px;
	padding: 3px;
	margin-top: 0;
	margin-bottom: .85em;
	border-width: 2px 1px 1px 1px;
	border-color: #ccc;
	border-style: solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-khtml-border-radius: 4px;
	zoom: 1;
	background-color: #fff;
}

.checkboxes
{
	float: left;
	display: inline;
	margin-right: 36px;
}

.popups
{
	display: block;
	margin-bottom: 18px;
}

textarea
{
	width: 580px;
	padding: 3px;
	margin-top: 0;
	margin-bottom: .5em;
	border-width: 2px 1px 1px 1px;
	border-color: #ccc;
	border-style: solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-khtml-border-radius: 4px;
	zoom: 1;
	background-color: #fff;
}

/*
leftnav
--------------------------------------------- */

#leftwrap
{
	float: left;
	width: 290px;
	margin: 0;
}

#leftnav
{
	width: 255px;
	min-height: 200px;
	list-style-type: none;
}

#leftnav li
{
	float: left;
	display: block;
	margin-left: 35px;
	border: 0 none;
}

#leftnav a
{
	font-size: .95em;
	text-decoration: none;
	text-align: left;
	text-indent: 15px;
	display: block;
	width: 255px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: transparent;
}

#leftnav a
{
	-webkit-transition: all 0.0s ease-in-out;
	-moz-transition: all 0.0s ease-in-out;
	-o-transition: all 0.0s ease-in-out;
	transition: all 0.0s ease-in-out;
}

#leftnav a:link { color: #f80; }
#leftnav a:visited { color: #f80; }
#leftnav a:hover { color: #fff; }
#leftnav a:active { color: #f80; }

#leftnav a:link { background: url(img/bkgd-leftnav-link.png) no-repeat 0 0; }
#leftnav a:visited { background: url(img/bkgd-leftnav-visited.png) no-repeat 0 0; }
#leftnav a:hover { background: url(img/bkgd-leftnav-hover.png) no-repeat 0 0; }
#leftnav a:active { background: url(img/bkgd-leftnav-active.png) no-repeat 0 0; }

/*
leftnav select
--------------------------------------------------------------------- */

body#b-about.c-intro li.l-intro a,
body#b-about.c-irene li.l-irene a,
body#b-about.c-team li.l-team a,
body#b-about.c-clients li.l-clients a,
body#b-about.c-testimonials li.l-testimonials a,
body#b-about.c-photographers li.l-photographers a,
body#b-about.c-vendors li.l-vendors a
{
	background: url(img/bkgd-leftnav-active.png) no-repeat 0 0;
	z-index: 50;
	color: #000;
}

body#b-catering.c-intro li.l-intro a,
body#b-catering.c-menus li.l-menus a,
body#b-catering.c-gallery li.l-gallery a
{
	background: url(img/bkgd-leftnav-active.png) no-repeat 0 0;
	z-index: 50;
	color: #000;
}

body#b-weddings.c-intro li.l-intro a,
body#b-weddings.c-menus li.l-menus a,
body#b-weddings.c-gallery li.l-gallery a
{
	background: url(img/bkgd-leftnav-active.png) no-repeat 0 0;
	z-index: 50;
	color: #000;
}

body#b-events.c-intro li.l-intro a,
body#b-events.c-menus li.l-menus a,
body#b-events.c-gallery li.l-gallery a
{
	background: url(img/bkgd-leftnav-active.png) no-repeat 0 0;
	z-index: 50;
	color: #000;
}

body#b-tasting.c-intro li.l-intro a,
body#b-tasting.c-menus-1 li.l-menus-1 a,
body#b-tasting.c-menus-2 li.l-menus-2 a,
body#b-tasting.c-menus-3 li.l-menus-3 a,
body#b-tasting.c-menus-4 li.l-menus-4 a
{
	background: url(img/bkgd-leftnav-active.png) no-repeat 0 0;
	z-index: 50;
	color: #000;
}

body#b-pricing.c-intro li.l-intro a,
body#b-pricing.c-estimate li.l-estimate a
{
	background: url(img/bkgd-leftnav-active.png) no-repeat 0 0;
	z-index: 50;
	color: #000;
}

body#b-press.c-intro li.l-intro a,
body#b-press.c-reviews li.l-reviews a,
body#b-press.c-nymagazine li.l-nymagazine a,
body#b-press.c-vegetarian li.l-vegetarian a,
body#b-press.c-stirfrying li.l-stirfrying a,
body#b-press.c-chowhound li.l-chowhound a,
body#b-press.c-nytimes li.l-nytimes a,
body#b-press.c-saveur li.l-saveur a,
body#b-press.c-timeoutny li.l-timeoutny a,
body#b-press.c-winenthusiast li.l-winenthusiast a
{
	background: url(img/bkgd-leftnav-active.png) no-repeat 0 0;
	z-index: 50;
	color: #000;
}

body#b-blog.c-blog li.l-blog a
{
	background: url(img/bkgd-leftnav-active.png) no-repeat 0 0;
	z-index: 50;
	color: #000;
}

/*
slideshow leftnavs
--------------------------------------------------------------------- */

#slideshow, #slideshowwrap
{
	float: left;
	display: inline;
	width: 624px;
	min-height: 322px;
	margin: 0;
	padding: 0;
	background-color: #f5f0e6;
	border: 1px solid #e6e6d6;
}

body#b-about.c-testimonials #slideshow,
body#b-about.c-team #slideshow
{
	float: right;
	display: inline;
	width: 350px;
	height: 350px;
	margin-left: 18px;
	margin-right: 0;
	padding: 0;
	border: 0 none;
	background-color: transparent;
}

/* 450x322 is a compromise format in between 35mm and std tv format; 450x306 is true uncropped 35mm film (35x24); 450x338 is std tv format (4x3); 450x236 is hd format (16x9) */
body#b-catering.c-gallery #slideshow,
body#b-events.c-gallery #slideshow,
body#b-weddings.c-gallery #slideshow
{
	float: left;
	display: inline;
	width: 450px;
	height: 322px;
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
	padding-top: 0;
	border: 0 none;
	background-color: transparent;
}

body#b-catering.c-gallery #slideshow img,
body#b-events.c-gallery #slideshow img,
body#b-weddings.c-gallery #slideshow img
{
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 0;
	width: 450px;
	height: 322px;
}

#gallery
{
	float: right;
	text-align: left;
	display: inline;
	width: 172px;
	font-size: .75em;
	line-height: 1.2;
	margin-bottom: 20px;
}

#gallery p
{
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0;
	margin-bottom: .6em;
}

#gallery h1
{
	padding-left: 10px;
	padding-right: 10px;
	margin-top: .6em;
	margin-bottom: .3em;
}

#rightnav
{
	float: left;
	display: inline;
	width: 100%;
	padding: 0;
	margin-left: 0;
	margin-bottom: 20px;
}

#rightnav li
{
	float: left;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #e6e6d6;
	list-style-type: none;
}

#rightnav a
{
	display: block;
	width: 172px;
	text-decoration: none;
	text-align: left;
	text-indent: 10px;
	padding: 4px 0 4px 0;
	margin: 0;
	overflow: hidden;
}

/*
weddings
--------------------------------------------------------------------- */

a#w-estate:hover, 
a#w-hudson:hover, 
a#w-vineyard:hover,
body#b-weddings #rightnav.r-estate li.g-estate a,
body#b-weddings #rightnav.r-hudson li.g-hudson a,
body#b-weddings #rightnav.r-vineyard li.g-vineyard a
{
	background-color: #fff;
	z-index: 50;
	color: #000;
}

/*
private events
--------------------------------------------------------------------- */

a#w-rebecca:hover, 
a#w-swati:hover, 
body#b-events #rightnav.r-rebecca li.g-rebecca a,
body#b-events #rightnav.r-swati li.g-swati a
{
	background-color: #fff;
	z-index: 50;
	color: #000;
}

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

#footer
{
	float: left;
	display: block;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 30px;
	padding: 0;
	background: none;
}

#footer a
{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

ul#contacts
{
	float: left;
	display: inline;
}

ul#socialmedia
{
	float: right;
	display: inline;
}

ul#contacts li
{
	float: none;
	display: block;
	list-style-type: none;
	font-family: Helvetica, Arial, san serif;
	font-size: .7em;
	line-height: 1.5;
	color: #999;
	text-transform: uppercase;
	letter-spacing: .04em;
}

span.t-slogan, 
span.t-contact, 
span.t-copyright
{
	padding-right: 8px;
	margin-right: 6px;
	border-right: 1px solid #999;
}

ul#socialmedia li
{
	width: 24px;
	float: left;
	display: inline;
	margin-right: 7px;
	padding: 0;
}

ul#socialmedia li#t-youtube { margin-right: 0; }

ul#socialmedia li a
{
	float: left;
	display: inline;
	width: 24px;
	padding-top: 24px;
	height: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
}

ul#socialmedia li a { opacity: 0.6; }
ul#socialmedia li a:hover { opacity: 1.0; }
ul#socialmedia li a:visited { opacity: 1.0; }
#t-blogspot a { background-image: url(img/s59-icons-blogspot.png); }
#t-facebook a { background-image: url(img/s59-icons-facebook.png); }
#t-pinterest a { background-image: url(img/s59-icons-pinterest.png); }
#t-twitter a { background-image: url(img/s59-icons-twitter.png); }
#t-yelp a { background-image: url(img/s59-icons-yelp.png); }
#t-youtube a { background-image: url(img/s59-icons-youtube.png); }