@charset "utf-8";
/*  
Site Name: Jewel Restaurant
Site URL: http://www.jewelrestaurantli.com
Description: Designed by Target Group Media
Author: Thomas J. Dintrone
Author URL: http://www.targetgroupmedia.com
*/

/* RESET STYLES */
@import "reset.css";

/* FONTS */

/*********************************************
COLORS
**********************************************/

/*
body bg:#191919 - Dark Gray
h1: #cf6413 - Orange
h2: #85ecee - Bright Blue
nav links: #8adbd6 - Bright Blue
footer bg: 0d0d0d - Black
footer credits bg: #4d4d4d - Gray
footer credits text: #d8d8d8 - Grayish White
YouTube Image Border: #0e98be
thumb-bg-border: #014f7f
private dining bg: #0d0d0d
*/

/*********************************************
HTML 5 
**********************************************/
article, aside, figure, footer, header, nav, section {display: block;}

/*********************************************
GENERAL
**********************************************/
html, body { height:100%; margin:0; padding:0; }
body { font-family:'Arial Narrow', sans-serif;background-color:#0d0d0d; /*background-image:url(../img/header-bg-grad.png); background-repeat:repeat-x; background-position:left top;*/ }

body.privateDining { background-color:#0d0d0d; }

hr { margin-top:.25em; }
div.lower { margin-bottom:.35em !important; }
div.lower h2 { font-size:16px !important; color:#327698 !important; }
div.lower p { padding-bottom:7px !important; font-size:14px !important;}
h2.orange { color:#FF9115 !important; }
.darkOrange { color:#913800 !important; }/*#A48457*/
.ltgold { color:#fcc54b !important; }/*#A48457*/

h1 { padding-bottom:10px; color:#cf6413; text-transform:uppercase; font-size:24px;}
h1.invisible { text-indent:-99999px; padding:0;}
h2 { color:#85ecee; font-size:17px; font-family:Arial, Helvetica, sans-serif;}
#mainContent.index h2 { /*font-size:20px;*/ font-size:18px; }
h2.contactJewel { font-size:24px; }
h2.ourTeam { padding:.75em 0 .25em 0; font-size: 17px !important;}
h2.cuisine { padding:.5em 0 1em 0; }
h2.privateDining { color:#85ecee; text-transform:uppercase; font-weight:100;font-size:24px; text-shadow:1px 1px 3px #000; }
h2.press { font-size:14px; margin:5px 0 0 0; padding:0; }
h2.fullArticleTitle { font-size:24px; margin-bottom:10px;}
h3 { color:#eee; font-size:17px; font-family:Arial, Helvetica, sans-serif; }
h3.mailingList {color:#85ecee; line-height:35px; position:relative; top:10px; }
h3.room { font-size:18px; color:#85ecee; }
h4.first { margin-top:-4px !important; }

.textHeader { margin-top:-15px; position:relative; left:-2px; }
.textHeaderPrivateDining { margin-top:-15px; position:absolute; top:-15px; left:500px; z-index:9999; }
.textHeaderLinks { margin-top:-15px; position:absolute; top:-15px; left:580px; z-index:9999; }
.textHeaderMedia { margin-top:-15px; position:relative; left:-80px;  }
.textHeaderNews { margin:-15px 0 20px 0; position:relative; left:-375px; }

/*********************************************
NAVIGATION
**********************************************/
/*-- Social Nav*/
.socialNav {height:35px;text-align:right; position:relative; z-index:500; padding-bottom:20px; /*background-image:url(../img/header-bg-grad.png); background-repeat:repeat-x; background-position:left top;*/}
.socialNav ul { width:1252px; margin:0 auto; }
.socialNav li { display:inline; }
.socialNav a { padding:0 5px; }
.socialNav img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; opacity:.2;}
.socialNav img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1;}

#twitterWrap { position:relative; width:1252px; margin:0 auto 0;}
#twitter_div { position:absolute; top:35px; right:71px; width:200px; z-index:-1; background:#000 /*url(../img/social-twitter.png) no-repeat left bottom*/; color:#fff; font-size:12px; text-align:right; padding:10px; box-shadow:0 0 10px #000; border:1px solid #222; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0; }
#twitter_div h2 { font-size:18px; }
#twitter_div h2 a { color:#85ECEE; }
#twitter_div p { color:#8F947D; font-size: 17px; line-height: 10px; margin-top: 12px;}
#twitter_div a { color:#8F947D; }
p.closeTwitter { font-size:11px !important; }
#twitter_div a:hover { text-decoration:underline; }
#twitter_div #twitter_update_list { width:200px; }
#twitter_update_list li { margin:5px 0; }
#triangle { height:8px; width:20px; position:absolute; top:-8px; right:-2px;background:url(../img/triangle.png) no-repeat center center; }


/*-- Main Nav*/
.navigation { width:1252px; padding-top:1em; margin:0 auto 0; }
.navigation .logo { float:left; position:relative; z-index:9999999;}
.navigation ul { text-align:right; padding-top:10px; position:relative; z-index:99999;}
.navigation li { display:inline; padding-right:7px; background-image:url(../img/nav-dots.png); background-repeat:no-repeat; background-position:right 5px;}
.navigation li.noDot { background-image:none;}
.navigation li a { text-transform:uppercase; color:#8adbd6; padding:0 5px; font-size:12px;}
.navigation li a:hover, .navigation li a.current { color:#fff !important; }
.navigation li.giftCard a { color:#ff485a; }

/*-- Other Restaurant Nav */
.otherRestaurantNav { margin: 0 auto; width: 1252px; }
.otherRestaurantNav ul { text-align:right; padding-top:35px; position:relative; z-index:99999; padding-right: 15px; }
.otherRestaurantNav li { display:inline; position:relative; z-index:99999; }
.otherRestaurantNav img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity:.4; }

/*********************************************
PAGE STRUCTURE
**********************************************/
#wrapper { margin:0 auto 0; width:1252px; position:relative;}

#header { margin:0 auto 0; height:35px;position:relative;z-index:3;/* background-image:url(../img/header-bg-grad.png); background-repeat:repeat-x; background-position:left top;*/ }

#footer { position:relative; z-index:5; height:150px;margin-top:680px;background-color:#0d0d0d; background-image:url(../img/footer-bg.png); background-repeat:repeat-x; background-position:left top; }

#footer.privateDining { margin-top:651px; }

.credits { position:relative; z-index:5; width:100%; padding:.75em 0 1em 0; background-color:#0d0d0d; text-align:center;  }
.credits p { color:#7B7B7B; font-size:10px; letter-spacing:1px;}
.credits a { color:#7B7B7B; }
.credits a:hover { color:#fff; }

.contentWrap {position:relative; margin:0 auto 0; }
#mainContent { width:350px; height:732px; padding:0 15px; background:url('../img/black-bg.png'); position:absolute; top:0; z-index:4; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; opacity:.7;*/}
div.info { /*margin-bottom:1em;*/ margin-bottom:.25em; }
div.info p {  }
div.info p { color:#d8d8d8; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
div.info p.infoTag { padding:5px 0 10px 0;}
div.info p.infoTag span{ text-transform:uppercase; padding-right:5px; }
div.info p.infoContent { padding-bottom:18px; line-height:15px;}
div.youTube { text-align:center; }
div.youTube h2 {padding-bottom:10px; }
div.youTube h2 span{ color:#eee;}
div.youTube img { border:1px solid #0e98be; background-color:#000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
/*********************************************
PAGE SPECIFIC
**********************************************/
/*-- Index*/
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:736px; position:absolute; }

#mainContent.index { width:365px; /*right:220px;*/ padding-top:20px; /*opacity:.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";*/  }
#mainContent.rolldown { top:-2000px; /*opacity:.7 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";*/}

#mainContent.index p { font-size:14px; }

#closeMe { position:absolute; top:-300px; /*right:250px;*/ z-index:9999; left: 333px; }

#dineZine { position:absolute; top:580px; right:360px; z-index:9999; width:220px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
#dineZine p { float:left; width:100px; color:#ddd; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#dineZine iframe { float:right; position:relative; top:-7px; left:5px; }

h2.holiday, .infoContent a { color:#BF7F15; }
.infoContent a:hover { text-decoration:underline; }

.twitterNews { color:#fff; padding-bottom:18px;}
.twitterNews h2 a { color:#FF9115 ; }
.twitterNews a { color:#91520B; }
.twitterNews ul li { line-height:15px; font-size:14px; font-family:Arial,Helvetica,sans-serif; }
/*.infoContent a { color:#0e98be; }*/

/*-- Our Team*/
#ourTeamImage1 { background-image:url(http://www.jewelrestaurantli.com/img/our-team-bg.jpg); z-index:-1;}
#ourTeamImage2 { }

#mainContent.ourTeam { height: 680px; overflow: auto; padding-right: 50px; width: 1130px; }

#mainContent.ourTeam div.info { margin-bottom:.15em; }
#mainContent.ourTeam div.info p.infoTag { padding:5px 0 0 0;}

.otOne { left:20px; }
.otTwo { left:330px; }
.otThree { left:640px; }
.otFour { left:950px; }

/*-- Cuisine*/
#cuisineImage1 { background-image:url(../images/gallery/gallery-image-7.jpg); z-index:-1;}
#cuisineImage2 { }

#mainContent.cuisine { width:300px; top:-35px; left:350px; padding-top:20px;}
#mainContent.cuisine a {color:#d8d8d8; display:block; width:185px;}
#mainContent.cuisine a:hover {color:#fff;}

#lunchMenu, #dinnerMenu { position:absolute; top:-99999px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
#menuContent { position:relative; color:#fff; margin-left: 295px; margin-top: -200px; position: relative; }
.menuWrap { overflow:auto; width:630px; padding-right:25px; padding-bottom:30px; height:549px;}
.menuWrap h3 {}
.menuWrap h4 { font-size: 30px; font-weight: bold; letter-spacing: 5px; margin-bottom: 8px; color:#eb7013; margin-top:25px;}
.menuWrap li { position:relative; color:#6BD6D8;  border-bottom: 1px dotted #191919; margin-bottom:5px; /*padding-right:115px;*/ }
.restaurantWeekMenuWrap li { padding-right:0 !important; }
.menuWrap strong { font-size:20px; color:#fff; }
.menuWrap li span.price{position:absolute;right:10px; bottom:0px; color:#fff; }

.lowerMenus {display:none; }
#scroll-pane { width:365px;  height:406px;/*padding-right:20px;overflow:auto; */ }

/*-- Private Dining*/
#privateDiningImage1 { background-image:url(http://www.jewelrestaurantli.com/img/private-dining-bg.jpg); z-index:-1; height:800px;}
#privateDiningImage2 { }

#pdWrap { width:610px; position:absolute; top:10px; z-index:99999;}
#pdWrap.left { left:0; text-align:right;}
#pdWrap.right { right:0; }
p.privateDining { color:#eee; height:55px; font-weight:200;font-size:14px; line-height:15px; margin-bottom:.5em; text-shadow:1px 1px 3px #000; }

.lower { margin-top:5px; }
.pdContent img { border:solid 1px #85ecee; }

/*-- Catering*/
#cateringImage1 { background-image:url(../images/jewel-restaurant-melville-5.jpg); z-index:-1; }
#cateringImage2 { }

#mainContent.catering { width:300px; top:-35px; left:650px; padding-top:20px;}
#mainContent.catering a {color:#d8d8d8;}
#mainContent.catering a:hover { color:#fff; }

#roomWrap { display:none; }
#mainContent.cateringTest { width:200px; top:-35px; left:50px; padding-top:20px;}
#mainContent.cateringTest a {color:#d8d8d8;}
#mainContent.cateringTest a:hover { color:#fff; }

.selected { background:url(../img/arrow-left.png) no-repeat 170px center; }

#mainContent.cateringThumbs{ width:50px; top:-1000px; right:50px; padding:20px 5px 0 5px;}
#mainContent.cateringThumbs ul li a img { border:1px solid #000; margin:2px 0;}
#mainContent.cateringThumbs ul li a:hover img { border:1px solid #DF6B13; }
.border { border:1px solid #fff !important; }

#roomDescription { background:url('../img/black-bg.png'); color: #FFFFFF; font-size: 14px; /*left: 387px;*/ left:285px; padding: 8px 15px; position: absolute; top:680px;z-index: 4; }

#arrow { position:absolute; right: 10px; top: 7px; }

/*-- Gallery*/
#mainContent.gallery { width:220px; padding-top:20px;background-color:transparent; top:-35px; left:0; text-align:center;}

#galleryImage1 { background-image:url(../images/gallery/gallery-image-1.jpg); z-index:-1;}
#galleryImage2 { background-image:url(../images/gallery/gallery-image-1.jpg); z-index:-2;}

.thumbWrap {box-shadow:#333 1px 1px 0; behavior: url(http://www.jewelrestaurantli.com/pie/PIE.htc); width:61px; height:54px; margin:5px; float:left; background-image:url(../img/thumb-bg-ro.png); background-position:left top; background-repeat:repeat-x; }
.thumb {border:3px solid #014f7f;  width:55px; height:48px; }
.thumb img { width:55px; height:48px; }
.thumb:hover { border:none;padding:3px; }
.thumbCover {  }

/*-- Gift Cards*/
#giftCardImage1 { background-image:url(../images/jewel-restaurant-melville-5.jpg); z-index:-1;}
#giftCardImage2 { }

#mainContent.giftCard { text-align:center; background:url('../img/black-bg.png'); width:360px; height:610px; padding:0 60px;top:35px; right:50px; }
#mainContent.giftCard h3 { margin:0 0 15px 0; }
#mainContent.giftCard img { margin:15px 0; }
#mainContent.giftCard span { font-size:22px; }

/*-- Press */
#mainContent.articleList { width:300px; padding:20px 0 0 0;background-color:transparent; top:-65px; left:0; text-align:center; }
#mainContent.fullArticle { width:1000px; padding-top:20px; top:0px; left:300px; text-align:center;}

.articleListWrap { overflow:auto; height:675px; text-align:left; color:#fff;}
.press { padding:20px; }
.grey { background-color:#333; }

.press p { color:#fff; }

p.date { font-size:12px; letter-spacing:1px;}
p.source { text-transform:uppercase; color:#cf6413; font-size:13px;}
p.author { font-style:italic; }
p.author, p.shortDescription { font-size:14px; margin-bottom:10px; }

.press a { color:#ddd; font-size:14px; }
.press a:hover { color:#fff; }

.pressFullArticle { padding-right:300px; text-align:left; color:#fff;}

.fullArticleWrap { overflow:auto; height:205px; margin-top:20px;padding:20px 30px 20px 0;}
p.fullArticleCredits span { text-transform:uppercase; }
.fullArticleWrap p { margin:10px 0; text-align:justify;}

a.articleLink { color:#85ecee; }
a.articleLink:hover { text-decoration:underline; }

/*-- Mailing List*/
#mailingListImage1 { background-image:url(../images/mailing-list-bg.jpg); z-index:-1;}
#mailingListImage2 { }

#mainContent.mailingList { width:360px; height:610px; padding:0 60px;top:35px; right:50px; }
label, input.block, select.block, textarea.block { display:block; }
label { color:#d8d8d8; padding-top:10px;}

input.button { background:#777; font-weight:bold; font-family:'Arial Narrow', sans-serif; color:#85ecee; padding:2px 8px; margin-right:10px; font-size:14px; text-shadow:0 0 3px #000;}

/*-- Links*/
#linksImage1 {/* background-image:url(../images/links-bg.jpg);*/ z-index:-1;}
#linksImage2 { }

.links { }

.linksPage {
	position:relative;
	background-image: url(http://www.jewelrestaurantli.com/css/img/links-page/links-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#linksWrap { position:absolute; top:0; left:-5px; z-index:4; }
#linksWrap a { 
	padding:.75em 0; 
	display:block; 
	opacity:.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*first!*/
	filter: alpha(opacity=50);					/* second!*/
}
#linksWrap a:hover {
	opacity:1; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*first!*/
	filter: alpha(opacity=65);					/* second!*/
}
#linksWrap img { border:0; }
#linksWrap img:hover { }
.linksAmanoImg { position:relative; top:-1.5em; }

/*-- Contact*/
#contactImage1 { background-image:url(../images/contact-bg.jpg); z-index:-1;}
#contactImage2 { }

#mainContent.contact { top:-35px; left:250px; padding-top:20px;}

#mainContent.contact a {color:#d8d8d8;}
#mainContent.contact a:hover {color:#fff;}
span.contactPhone { font-size:16px; }
#mainContent.contact a.orange { color:#cf6413; }
#mainContent.contact a.orange:hover { text-decoration:underline; }

a.scp { position:absolute; text-indent:-9999px; }

.cateringTest p.infoTag { padding-bottom:5px !important; }