@charset "utf-8";
/*
Main Stylesheet
----------------------
*/

/* imports */
@import url(reset.css);
@import url(normalize.css);

/* fonts */

/* fancy stuff */
::selection {
	background: #f2bc15; /* Safari */
	}
::-moz-selection {
	background: #f2bc15; /* Firefox */
}
/* scrollbars */
::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
	width:10px;
	background-color:#3c3c3b;
}
 
::-webkit-scrollbar-thumb {
	background-color:#f2bc15;
	border-radius:5px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment 
{
	height: 20px;
	width: 10px;
	display: block;
	background: #f2bc15;
	background-repeat: no-repeat;
}
::-webkit-scrollbar-button:vertical:decrement 
{
  	/*background-image: url(../images/global/scroll-up-arrow.png);
  	background-position: 1px center; 
	background-repeat:no-repeat;*/
	background-color:#3c3c3b;
} 
::-webkit-scrollbar-button:vertical:increment 
{
  	/*background-image: url(../images/global/scroll-down-arrow.png);
  	background-position: 1px center; 
	background-repeat:no-repeat;*/
	background-color:#3c3c3b;
}
body{
	scrollbar-face-color: #f2bc15;
	scrollbar-shadow-color: #f2bc15;
	scrollbar-highlight-color:#f2bc15;
	scrollbar-3dlight-color: #f2bc15;
	scrollbar-darkshadow-color: #f2bc15;
	scrollbar-track-color: #3c3c3b;
	scrollbar-arrow-color: #f2bc15;
}
/* general */
body, * {
	-webkit-font-smoothing:antialiased;
	font-smooth:always;
}
html, body {
	height:100%;
}
body {
	margin:0;
	padding:0;
	background:#000 url(../images/neighbourhood_homepage-bg.jpg) 0 0 no-repeat;
}
h1 {
	font-size:37px;
	padding:0;
	margin:0 0 7px 0;
	color:#fff;
	font-weight:bold;
	letter-spacing:-2px;
	line-height:34px;
}
h2 {
	height:14px;
	padding:0;
	margin:0 0 30px 0;
	color:#222;
	font-weight:bold;
}
h3 {
	height:15px;
	padding:0;
	margin:0 0 5px 0;
	color:#fff;
}
p {
	color:#222;
	font:12px/16px Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-bottom:7px;
}
a {
	text-decoration:underline;
	color:#000;
}
a:hover {
	text-decoration:none;
}
em {
	font-style:italic;
}
.clear {
	clear:both;
}
.no-margin {
	margin:0 !important;
}
/* content */
#wrapper {
	width:960px;
	height:700px;
	margin-top:-350px;
	margin-left:-480px;
	position:absolute;
	top:50%;
	left:50%;
	background:transparrent !important;
}
#head-zone {
	height:248px;
	background:transparent url(../images/neighbourhood-new-york-style-restaurant-manchester.png) 0 0 no-repeat;
	position:absolute;
	left:0;
	top:0;
	z-index:99999;
	width:100%;
}
#head-zone .top-bar {
	height:209px;
	border-bottom:solid 9px #fff;
	position:relative;
}
#head-zone .top-bar .home-link {
	display:block;
	position:absolute;
	width:200px;
	height:140px;
	top:53px;
	left:90px;
}
#head-zone .navigation {
	height:20px;
	display:block;
	background-color:#3c3c3b;
	padding:10px 0 0 390px;
}
#head-zone .navigation ul li {
	text-transform:uppercase;
	font-size:11px;
	display:inline;
	float:left;
	color:#fff;
	margin-right:14px;
	padding-right:15px;
	position:relative;
}
#head-zone .navigation ul li .dash {
	color:#f2bc15;
	padding-left:10px;
	position:absolute;
	right:0;
}
#head-zone .navigation ul li a
{
	text-decoration:none;
	color:#fff;
}
#head-zone .navigation ul li.active a {
	color:#f2bc15;
}
#foot-zone {
	height:92px;
	width:100%;
	background:transparent url(../images/footer-background.png) 0 0 no-repeat;
	z-index:1010;
	position:absolute;
	left:0;
	bottom:0;
}
#foot-zone .copyright {
	background:transparent url(../images/n-icon.png) 0 0 no-repeat;
	height:14px;
	color:#fff;
	font-size:10px;
	padding:6px 0 0 20px;
	margin:30px 0 0 100px;
	float:left;
	width:115px;
}
#foot-zone .social {
	float:right;
	width:380px;
	margin:30px 0 0 0;
}
#foot-zone .social p {
	font-size:10px;
	float:left;
	padding-top:3px;
	color:#fff;
}
#foot-zone .social ul {
	float:left;
	margin:0;
	padding:0 0 0 30px;
}
#foot-zone .social ul li {
	background:transparent url(../images/social-icons.png) 0 0 no-repeat;
	height:21px;
	width:20px;
	float:left;
}
#foot-zone .social ul li a {
	display:block;
	height:21px;
}
#foot-zone .social ul li.fb {
	width:15px;
}
#foot-zone .social ul li.tw {
	background-position:-15px 0;
	width:31px;
}
#foot-zone .social ul li.ot {
	background-position:-47px 0;
	width:26px;
}
#foot-zone .social ul li.em {
	background-position:-73px 0;
	width:27px;
}
#foot-zone .we-are-fine {
	background:transparent url(../images/we-are-fine.png) 50px top no-repeat;
	height:12px;
	color:#fff;
	font-size:10px;
	padding:0 13px 0 0;
	margin:35px 100px 0 0;
	float:right;
	width:63px;
}
#foot-zone .we-are-fine a {
	text-decoration:none;
	color:#fff;
	width:63px;
	height:12px;
	display:block;
}
#foot-zone .we-are-fine a:hover {
	text-decoration:underline;
}
#content-zone {
	height:700px;
	position:relative;
	overflow:hidden;
}
#background-images {
	position:absolute;
	top:248px;
	z-index:99;
}
.reservations-panel {
	width:430px;
	height:350px;
	position:absolute;
	z-index:9999;
	top:-105px;
	left:100px;
	background:transparent url(../images/reservation-tab.png) left bottom no-repeat;
	padding-bottom:28px;
}
.reservations-panel .button {
	position:absolute;
	botton:0;
	left:0;
	width:79px;
	height:28px;
	display:block;
}
.reservations-panel .content {
	background-image:url(../images/scrolling-pannel-background.png);
	height:350px;
}
.reservations-panel .content .column {
	width:250px;
	float:left;
	margin-right:20px;
}
.reservations-panel .content .slim {
	width:120px;
	float:left;
	margin-left:20px;
	padding-top:10px;
}
.reservations-panel .content p {
	color:#000;
}
/* forms */
fieldset {
	margin:0;
	padding:20px 0 0 0;
	border:0;
}
input.textbox {
	border:0;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	padding:5px;
	font-size:12px;
	color:#666;
	border:0;
	width:100%;
	margin:0 0 8px 0;
}
input.error { 
	border: 1px solid red; 
}
input.button {
	border:0;
	background:0;
	font-weight:bold;
	float:right;
	padding:0;
}
label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #f00;
	font-size:12px;
	clear:both;
	display:block;
	padding-bottom:10px;
}
/* page specific styles */
.home .column {
	width:380px;
	margin-left:100px;
	padding-top:358px;
}
.restaurant .column,
.bar .column,
.events .column,
.contact .column {
	width:430px;
	height:452px;
	padding:248px 0 0 0;
	float:right;
	margin:0 100px 0 0;
	background-image:url(../images/scrolling-pannel-background.png);
}
.column .column-content {
	padding:40px 40px 132px 40px;
}
.home p {
	font-size:14px;
	line-height:20px;
	text-transform:uppercase;
	margin:0 0 7px 0;
	padding:0;
	color:#fff;
}
.restaurant .menus {
	width:100%;
	padding:20px 0 0 0;
}
.restaurant .menus ul,
.restaurant .menus ul li {
	margin:0;
	padding:0;
	list-style-type:none;
}
.restaurant .menus ul li {
	float:left;
	margin:0 30px 20px 0 !important;
	border-top:solid 3px #404041;
	border-bottom:solid 4px #404041;
	padding:6px 0 12px 0;
	font-weight:bold;
}
.restaurant .menus ul li.first {
	display:none;
}
.restaurant .menus ul li a {
	text-decoration:none;
	color:#404041;
	padding:0;
	margin:0;
}
.restaurant .menu-page {
	background-image:url(../images/menu-scroll.png);
	overflow:auto;
}
.restaurant .menu-page .column-content {
	padding:40px 70px 132px 70px;
	
}
.restaurant .menu-page .column-content .menu-section {
	padding:0 0 15px 0;
}
.restaurant .menu-page .column-content p {
	font-size:11px;
	margin:0 0 5px 0;
	line-height:13px;
}
.restaurant .menu-page .column-content h2 {
	border-top:solid 3px #404041;
	border-bottom:solid 4px #404041;
	padding:6px 0 12px 0;
	color:#404041;
	float:left;
	margin:0 0 15px 0;
}
.restaurant .menu-page .column-content h3 {
	border-bottom:solid 2px #f2bc15;
	padding:0 0 5px 0;
	color:#404041;
	width:215px;
	font-size:14px;
	font-weight:bold;
}
/* jQuery */
#page-zone {
  	position:relative;
  	overflow:hidden;
	z-index:999;
	height:700px;
	width:960px;
}
#scrolling-menus {
  	position:relative;
  	overflow:hidden;
	z-index:1000;
	width:430px;
	height:452px;
}

#pages {
  	position:absolute;
	height:20000em;
}
.items {
  	width:20000em;
  	position:absolute;
  	clear:both;
}
.page {
	height:700px;
	width:960px;
}
.item {
	width:430px;
	height:452px;
	float:left;
}