/* HEADER
================================================== */
.tabs dd > a, .tabs .tab-title > a {outline: none;}
header {background:url(../img/brick4.jpg);height:250px;width:100%;position:relative; z-index:1000000000;}
#logo {position:relative;padding: 30px 0 0 0;}
nav {padding-top:25px; text-align:center;}
nav a {font-size:1.45em; color:#333; list-style:none;}
nav a:hover, #fadeMenu a:hover {color:#B37E1F;}
nav li { padding: 0 50px;}
nav ul, #fadeMenu ul {list-style-type:none; margin-left:0}
nav li, #fadeMenu li {display:inline-block;}
.inline-list {display: table; margin: 0 auto;}
.color-trim {background-color:#B37E1F; height: 5px; width: 100%;}

/* Fade Nav
================================================== */
#fadeMenu{background: url(../img/leather.jpg); height:60px; width:100%; position:fixed; z-index:99999999; top:0; left:0; display:inline; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.8);}
#fadeMenu ul {margin-top:10px;}
#fadeMenu li {padding: 0 30px;}
#fadeMenu a {font-family: 'Copperplate', Arial; font-size: 1.4em; color: white; list-style:none;}


/* Slider
================================================== */
ul#res_pics.orbit-slides-container {height:550px; width: 100%;}

/* Wood Divider
================================================== */
.wood_div{background:url(../img/wood_bg.jpg);width:100%;height:236px;}
.space{padding-top:39px;}
.heading{text-align:center; position: relative;padding-top:73px;}
.test,.test1, .test2, .test3, .test4, .test5{position:relative;}
.test{margin-top:-150px; margin-left:8%;}
.test1{margin-top:-185px; margin-left: 75%;}
.test2{margin-top: 15px; margin-left: 15%;}
.test3{margin-top: -180px; margin-left: 65%;}
.test4{margin-top: -90px; margin-left: 15%;}
.test5{margin-top: 9px; margin-left: 6%;}

/* Menu
================================================== */
#menu_board{min-height:692px; background: url(../img/eraser2.png) center top, url(../img/bb_bg.png);}

.menu-dl{margin:40px 0 -120px 0; z-index: 1;}
#top_border, #bot_border{width:100%; height:13px; background-repeat:repeat-x;}
#top_border{background:url(../img/top_border.png);}
#bot_border{background:url(../img/bot_border.png);}
.menu-icons a{background-repeat:no-repeat; height:120px; margin-top:50px; margin-right:80px;}
#pizza a{background:url(../img/pizza_sm.png) no-repeat; width:85px;}
.tabs #pizza.active a{background:url(../img/pizza_orange.png) no-repeat;}
#starters a{background:url(../img/starters_sm.png) no-repeat; width:135px;}
.tabs #starters.active a{background:url(../img/starters_orange.png) no-repeat;}
#pasta a{background:url(../img/pasta.png) no-repeat; width:88px; background-size: contain;}
.tabs #pasta.active a{background:url(../img/pasta_orange.png) no-repeat;}
#drinks a {background:url(../img/meats.png) no-repeat; width:163px;}
.tabs #drinks.active a{background:url(../img/meats_orange.png) no-repeat;}
#deserts a{background:url(../img/desserts_sm.png) no-repeat; width:134px; margin-right:0;}
.tabs #deserts.active a{background:url(../img/desserts_orange.png) no-repeat;}
dl.tabs {text-align: center;}
dl.tabs dd {float: none !important;display: inline-block;}
.menu_heading h3{ font-family:'Copperplate', Arial, sans-serif; color:#b37e1f; font-size:2em;text-decoration: none;background: url(../img/underline.png) no-repeat bottom;display: block;}
.menu_heading ul li{display:inline; text-align:center; width:100px; text-decoration:none;}
.menu_heading.active h3{color:#b37e1f;}
.menu_heading {padding:20px 0;}
.ns h4{ color:#B37E1F; font-weight:bold; text-decoration:underline; font-family:'Copperplate',Arial,sans-serif;margin:0;line-height:1.3em; font-size:1.5em;}
#1 h4, #2 h4{ color:#B37E1F; font-weight:bold; text-decoration:underline; font-family:'Copperplate',Arial,sans-serif; margin:0;}
.ns p{ color: white; font-size:.95em;}
.ns h3{ font-family:'Copperplate', Arial, sans-serif; color:#b37e1f; font-size:1.8em; padding: 30px;}
.ns li {list-style-type:none; display:inline; width:50%; padding-bottom:0;}


/* About Us
================================================== */
#about_us{ width:100%; position:relative;}
#about_us .text {position:absolute;left:0;right:0;top:0;bottom:0; margin:0 auto;}
#about_us p {color: white; padding: 30px 85px; background: rgba(0, 0, 0, 0.5); overflow:auto;}

/* Gallery
================================================== */
#gallery{ background:url(../img/gallery.png); min-height:692px;}
#d_sign{ background:url(../img/d.png); background-repeat:no-repeat;height:134px;width:172px;position:absolute;}
#brooklyn{background:url(../img/brooklyn.png); background-repeat:no-repeat;height:118px;width:352px;margin-top:50px;position:relative;}
#beach{ background:url(../img/beach.gif); background-repeat:no-repeat;height:176px;width:384px; margin:65px 0 0 0; overflow:auto; position:relative;}
#bottom_gallery{margin-top:60px; position:relative;}
#social{ margin:0 100px 0 0;}
#social h2{font-family:'caviar_bold',Arial, sans-serif; font-size:2.5em; color:#333;}
.icons{ padding:40px 11px 0 0;}
.icons img{ height:75px; width:75px;}
.gallery_pics {margin: 40px 0;}
.gallery_pics img{background: rgba(255, 255, 255, 0.25); padding:5px; border-radius: 3px; box-shadow: 0 1px 9px rgba(0, 0, 0, 0.4);}


/* FOOTER
================================================== */
#footer{ width:100%; padding:50px 0; z-index:0; background: url(../img/contact.jpg) no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;}
#footer h1{ font-family:'Copperplate', Arial, sans-serif;color:#B37E1F;font-size:2.7em; border-bottom:1px solid #FFF; margin-bottom:50px;}
#footer h2 {font-family: 'mywebfont', Arial, sans-serif;font-size:1.5em; color:#AAA;}
#footer .backstretch {position:absolute; z-index:-99998;left:0px; top:0px}
.text-underline {color:#B37E1F;font-size:1.2em;}
.brunch {color:#B37E1F !important;font-weight: 600;}


/* Phones
================================================== */
@media only screen and (max-width: 40em) {  /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
	body {background: #fff;}
	header {background:none; height:120px;width:100%;position:relative; z-index:1000000000;}
	#menu_board {display:none}
	#fadeMenu {background:none; display: none;}
	#fadeMenu ul {display:none;}
	.wood_div{display:none;}
	#footer h1{ font-size: 1.5em;border-bottom:1px solid #FFF; margin-bottom:50px;}
	#footer h2{ font-size: 1.2em; color:#AAA;}
	#footer .backstretch {position:absolute; z-index:-99998;left:0px; top:0px}
}

/* Tablets
================================================== */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	header {height:250px;width:100%;position:relative; z-index:1000000000;}
	nav li { padding: 0 27px;}
	#fadeMenu li {padding: 0 12px;}
	#fadeMenu a {font-size: 1.2em;}
	#menu_board{background: url(../img/eraser2.png) center top, url(../img/bb_bg_small.png);}
	.menu-icons a{margin-right: 20px;}
	#social{ margin:0 5px 0 0;}
	#social h2{font-size:2em;}
	.icons{ padding:40px 11px 0 0;}
	.icons img{ height:65px; width:65px;}
	#footer h1 {font-size: 2em;}
	.ns p{ color: white; font-size:.75em;}
}

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
#about_us .text {position:absolute;left:0;right:0;top:0;bottom:0; margin:5% auto;}
#about_us p {color: white; font-size: 1.2em; padding: 35px 85px; background: rgba(0, 0, 0, 0.6); overflow:auto;}
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */


// XXLarge screens
@media only screen and (min-width: 120.063em) {
#about_us .text {position:absolute;left:0;right:0;top:0;bottom:0; margin:5% auto;}
#about_us p {color: white; font-size: 1.2em; padding: 35px 85px; background: rgba(0, 0, 0, 0.6); overflow:auto;}
} /* min-width 1921px, xxlarge screens */


/* #Fonts
================================================== */

@font-face{
	font-family: 'mywebfont';
	src: url('webfonts/webfont.eot');
	src: url('webfonts/webfont.eot?iefix') format('eot'),
	     url('webfonts/webfont.woff') format('woff'),
	     url('webfonts/webfont.ttf') format('truetype'),
	     url('webfonts/webfont.svg#webfont') format('svg');}

@font-face{
	font-family: 'Copperplate';
	src: url('webfonts/copperplate.eot');
	src: url('webfonts/copperplate.eot?#iefix') format('embedded-opentype'),
	     url('webfonts/copperplate.woff') format('woff'),
	     url('webfonts/copperplate.ttf') format('truetype'),
	     url('webfonts/copperplate.svg#webfont') format('svg');}

@font-face{
	font-family: 'caviar_bold';
	src: url('webfonts/caviar_bold.eot');
	src: url('webfonts/.caviar_bold?#iefix') format('embedded-opentype'),
	     url('webfonts/caviar_bold.woff') format('woff'),
	     url('webfonts/caviar_bold.ttf') format('truetype'),
	     url('webfonts/caviar_bold.svg#webfont') format('svg');}