/* ---------------------------------------------
 Global
--------------------------------------------- */

html {
	font-size: 100%;
	}


	
html {
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #d5d5d5;
	}
	
body {
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #d5d5d5;
	padding: 0;
	margin: 0;
	background: #000;
	width: 100%;
	}
	
img, a img {
	border: 0;
	} /* nobody likes default border around images */

.clear {
	display: inline-block;
	clear: both;
	}
	   
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
* html .clear {
	height: 1%;
	}

.clear {
	display: block;
	}

.clear-fix {
    clear: both;
	padding: 0;
	margin: 0;
	height: 0;
	}
	
.float-left {
	float: left;
	}
	
.float-right {
	float: right;
	}


/* Idioms */

ul.mod {
	list-style-image:none;
	list-style-position: outside;
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul.mod li {
	list-style: none;
	}

	
/* ----Typography---- */


p {
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #d5d5d5;
	}

a, p a, a:visited, p a:visited {
	color: #fff;
	text-decoration: none;
	}

a:hover, p a:hover {
	color: #cc0000;
	text-decoration: none;
	}
	
.highlight-red {
	color: #cc0000;
	font-weight: bold;
	}
	
h1 {
	font: normal times, Times New Roman, times-roman, georgia, serif;
	font-size: 22px;
	line-height: 30px;
	margin: 0 0 6px 0;
	font-weight: normal;
	color: #fff;
	}
	
h2 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 0 4px 0;
	color: #fff;
	}
	

/* ----Shared Newsletter Form---- */

.newsletter-subscribe {
	width: 268px;
	margin: 0;
	paddding: 0;
	}
	
.newsletter-subscribe-footer {
	width: 268px;
	margin: 0;
	paddding: 0;
	}

.form-newsletter {
	margin-top: 8px;
	}

.subscribe-label {
	color: #fff;
	font-size: 9px;
	background: none;
	}
	
.subscribe-textbox {
	width: 160px;
	height: 11px;
	border: 1px #222 solid;
	color: #000;
	background: #f9f9f9;
	font-size: 10px;
	padding: 2px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	margin: 1px 6px 6px 0;
	}
	
.btn-submit {
	width: 74px;
	height: 22px;
	background: url(/hk/_images/common/btn_submit.png) top left no-repeat;
	cursor: pointer;
	border: 0;
	float: left;
	}
	
/* ----Shared Social Media Links---- */

.social-media {
	width: 268px;
	margin: 0;
	paddding: 0;
	}
	
.icon-facebook {
	width: 40px;
	height: 40px;
	background: url(/hk/_images/common/icon_facebook.png) top left no-repeat;
	cursor: pointer;
	border: 0;
	float: left;
	margin-top: 2px;
	text-indent: -9999px;
	}
	
.icon-twitter {
	width: 40px;
	height: 40px;
	background: url(/hk/_images/common/icon_twitter.png) top left no-repeat;
	cursor: pointer;
	border: 0;
	float: left;
	margin: 2px 0 0 14px;
	text-indent: -9999px;	
	}

/* ---------------------------------------------
 Site Main Structure
--------------------------------------------- */

#upper-wrapper {
	width: 100%;
	min-height: 20px;
	margin: 0 auto;
	padding: 0;
	background: #101010 url(/hk/_images/common/bg_main.png) top left repeat-x;
	overflow: hidden;
	}
	
#site-wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	}
	
#footer-wrapper {
	width: 100%;
	margin: 20px auto 0 auto;
	padding: 0;
	}
	

/* ---------------------------------------------
 Site Mast Area
--------------------------------------------- */

/* ----Reservation Tab / Logo / Nav Row---- */

a.reservation-tab, a:visited.reservation-tab {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 17px;
	color: #fff;
	width: 236px;
	min-height: 30px;
	margin: 0 0 0 724px;
	padding-top: 6px;
	display: block;
	background: url(/hk/_images/common/tab_reservation.gif) top left no-repeat;
	z-index: 5;
	text-decoration: none;
	text-align: center;
	}
	
a:hover.reservation-tab {
	color: #560000;
	text-decoration: none;
	}
	
a.buyatab-tab, a:visited.buyatab-tab {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 17px;
	color: #fff;
	width: 157px;
	min-height: 30px;
	margin: 0 0 0 567px;
	padding-top: 6px;
	display: block;
	background: url(/hk/_images/common/tab_buyatab.gif) top left no-repeat;
	z-index: 3;
	text-decoration: none;
	text-align: center;
	float: left;
	}
	
a:hover.buyatab-tab {
	color: #560000;
	text-decoration: none;
	}
	
#logo-nav {
	width: 940px;
	margin: 0 auto;
	}
	
.logo-hk {
	width: 74px;
	height: 102px;
	margin: 0 0 0 16px;
	padding: 0;
	float: left;
	background: url(/hk/_images/common/logo_hk.png) top left no-repeat;
	text-indent: -9999px;
	display: block;
	}
	
.nav {
	margin: 36px 16px 0 0;
	float: right;
	}
	

.nav li {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 15px;
	color: #fff;
	list-style: none;
	float: right;
	}
	
.nav li a, .nav li a:visited {
	color: #fff;
	text-decoration: none;
	}

.nav li a:hover {
	color: #cc0000;
	}

.nav a {
	display: block;
	text-align: right;
	text-decoration: none;
	}
	
.nav li {
	float: left;
	margin-left: 50px;
	border: 0;
	padding: 0;
	}
	
.nav li:hover, li.sfhover {
	border-width: 0px;
	border-style: none;
	}

.nav li:hover a, .nav li.sfhover a {
	text-decoration:none;
	}
	
.nav li ul {
	position:absolute;
	left: -9999px;
	margin-top: 0;
	width: 55px;
	}
	
.nav li ul li {
	border: 0;
	padding: 0;
	margin-left: 0;
	float: none;
	}

.nav li ul a {
	text-align: left;
	color: #d5d5d5;
	font-size: 12px;
	text-decoration: none;
	margin-left: 0;
	float: none;
	}
	
.nav li:hover ul, .nav li.sfhover ul {
 	left: auto;
 	}

.nav li ul ul {
	margin: 0;
	}
	
.nav li:hover ul ul, .nav li.sfhover ul ul {
	left: -9999px;
	}
	
.nav li li:hover ul, .nav li li.sfhover ul {
	left: auto;
	}
	
.nav li ul li:hover .nav li ul li.sfhover {
	border: none;
	}
	
.nav li ul li:hover a, .nav li ul li.sfhover a {
	color: #fff;
	text-decoration: none;
	}
	
*+html .nav li hover, *+html .nav li.sfhover {
	position: static;
	}
	
*+html .nav li:hover ul ul, *+html .nav li.sfhover ul ul {
	position: static;
	}
	
	
/* ----Mini-Feed---- */

.mini-feed {
	width: 908px;
	margin: 25px auto 0 auto;
	padding: 16px;
	border: 1px solid #222;
	background: url(/hk/_images/common/bg_mini-feed.png) top left no-repeat;
	color: #fff;
	font-size: 16px;
	}
	
/* ----Mast---- */

#mast {
	width: 940px;
	min-height: 240px;
	margin: 20px auto 0 auto;
	padding: 0;
	border: 1px solid #222;
	overflow: hidden;
	}
	
.mast-home {
	background: url(/hk/_images/common/mast_home.jpg) top left no-repeat;
	}
	
.mast-welcome-message {
	width: 268px;
	height: 220px;
	padding: 16px;
	margin: 0;
	float: right;
	z-index: 10;
	display: block;
	}
	
.mast-welcome-message h2 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 17px;
	font-weight: normal;
	line-height: 24px;
	margin: 40px 0 0 0;
	color: #fff;
	}
	
.mast-welcome-message h1 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 32px;
	font-weight: lighter;
	line-height: 32px;
	margin: 0 0 6px 0;
	color: #fff;
	}
	
.mast-welcome-message p {
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	margin-top: 14px;
	}
	
.mast-highlights {
	width: 940px;
	background: #000;
	}
	
.mast-highlights-hours, .mast-highlights-bottles, .mast-highlights-subscribe {
	width: 268px;
	padding: 16px;
	float: left;
	}
	
.mast-highlights h2 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 0 4px 0;
	color: #fff;
	}
	
.mast-highlights, .mast-highlights p {
	line-height: 16px;
	color: #d5d5d5;
	font-size: 11px;
	}	
	
.mast-highlights-first {
	margin-right: 20px;
	}
	
/* ----Weekly Features---- */

.weekly-features {
	width: 908px;
	margin: 20px auto 0 auto;
	padding: 16px;
	border: 1px solid #222;
	background: url(/hk/_images/common/bg_weekly-features.png) top left no-repeat;
	color: #fff;
	font-size: 12px;
	}
	
.weekly-features h2 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 0 6px 0;
	color: #fff;
	}
	
.weekly-features h3 {
	color: #560000;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	
	}
	
.weekly-features, .weekly-features p {
	color: #fff;
	font-size: 11px;
	}
	
.daily-feature-wrapper {
	margin: 0 -9px;
	padding: 0;
	float: left;
	}

.daily-feature {
	width: 136px;
	vertical-align: top;
	margin: 0 9px 0 9px;
	padding: 0;
	float: left;
	}
	
	
/* ---------------------------------------------
 Home Content
--------------------------------------------- */

#home-content {
	width: 942px;
	margin: 20px auto 40px auto;
	padding: 0;
	}
	
.home-adspace {
	width: 220px;
	max-width: 220px;
	height: 340px;
	max-height: 340px;
	border: 1px solid #222;
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	}
	
.home-copy {
	width: 700x;
	max-width: 700px;
	font-size: 12px;
	float: right;
	}
	
.home-happening {
	width: 666px;
	max-width: 666px;
	height: 200px;
	max-height: 200px;
	background: #000;
	border: 1px solid #222;
	padding: 16px;
	}
	
.home-happening-image {
	padding: 0;
	}
	
.home-happening-image img {
	height: 200px;
	max-height: 200px;
	float: left;
	display: block;
	}
	
.home-happening-copy {
	min-width: 517px;
	max-width: 517px;
	max-height: 200px;
	font-size: 11px;
	color: #d5d5d5;
	padding: 0;
	vertical-align: top;
	float: right;
	}
	
.home-happening-copy h2 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 0 14px 0;
	color: #fff;
	}
	
.home-happening-copy .event-date {
	color: #cc0000;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	}
	
.home-happening-copy h4 {
	color: #fff;
	font-size: 16px;
	margin-bottom: 12px;
	}
	
.home-happening-copy .highlight-red {
	font-size: 16px;
	}
		
.home-slim-ad {
	width: 702px;
	background: url(/hk/_images/ads/slim-ad-home_swag.png) top left no-repeat;
	height: 118px;
	display: block;
	border: 0;
	}
	
/* ---------------------------------------------
 Footer Structure
--------------------------------------------- */

#footer-wrapper {
	width: 100%;
	margin: 20px auto 0 auto;
	padding: 0;
	}


.footer {
	width: 910px;
	margin: 20px auto 20px auto;
	padding: 0;
	}
	
.footer h2 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 0 4px 0;
	color: #fff;
	}

.footer-bottom {
	padding-top: 30px;
	}


.nav-footer {
	width: 650px;
	font-size: 10px;
	margin: 0;
	padding: 0;
	}
	
.nav-footer li, .nav-footer li a, .nav-footer li a:visited {
	font-size: 10px;
	margin-right: 4px;
	text-decoration: none;
	display: inline;
	list-style: none;
	color: #d5d5d5;
	padding:0;
	}

.nav-footer li a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
.copy-right {
	width: 200px;
	font-size: 10px;
	text-align: right;
	}