/* Extend the gird */
.container_12
{
	width:			980px;
	}
.grid_12
{
	margin:			0 20px;
	}
.grid_9
{
	margin-left:	20px;
	margin-right:	0;
	}
/* Basics */
body
{
	font:			62.5% Helvetica Neue, Helvetica, Arial, sans-serif;
	color:			#fff;
	background:		#0A0A0A url("../imgs/body-repeat.png") 0 0 repeat-x;
	}
#wrapper
{
	float:			left;
	position:		relative;
	width:			100%;
	}
/* Header */
#header
{
	position:		absolute;
	top:			0;
	left:			0;
	z-index:		100;
	width:			100%;
	background:		url("../imgs/nav.png") 0 0 repeat-x;
	}
#header .container_12
{
	height:			113px;
	}
#logo
{
	float:			left;
	display:		block;
	width:			220px;
	height:			113px;
	background:		url("../imgs/logo.png") 0 0 no-repeat;
	text-indent:	-9999px;
	}
#nav
{
	float:			right;
	width:			760px;
	}
#nav li
{
	float:			right;
	display:		inline;
	}
#nav a
{
	float:			left;
	display:		block;
	height:			46px;
	text-indent:	-9999px;
	}
#nav a:hover
{
	background-position:center -46px;
	}
#nav .active a,
#nav .active a:hover
{
	background-position:0 -92px;
	}
#nav .home
{
	width:			53px;
	background:		url("../imgs/nav-home.png") center 0 no-repeat;
	}
#nav .active .home
{
	width:			73px;
	}
#nav .menu
{
	width:			54px;
	background:		url("../imgs/nav-menu.png") center 0 no-repeat;
	}
#nav .active .menu
{
	width:			74px;
	}
#nav .events
{
	width:			63px;
	background:		url("../imgs/nav-events.png") center 0 no-repeat;
	}
#nav .active .events
{
	width:			83px;
	}
#nav .gallery
{
	width:			63px;
	background:		url("../imgs/nav-gallery.png") center 0 no-repeat;
	}
#nav .active .gallery
{
	width:			83px;
	}
#nav .about
{
	width:			57px;
	background:		url("../imgs/nav-about.png") center 0 no-repeat;
	}
#nav .active .about
{
	width:			77px;
	}
#nav .touch
{
	width:			70px;
	background:		url("../imgs/nav-contact.png") center 0 no-repeat;
	}
#nav .active .touch
{
	width:			90px;
	}
#nav a.fan,
#nav a.follow
{
	display:		inline-block;
	margin:			10px 7px;
	height:			25px;
	width:			112px;
	background:		url("../imgs/nav-fan.png") 0 0 no-repeat;
	}
#nav a.follow
{
	width:			86px;
	margin-right:	0;
	background:		url("../imgs/nav-follow.png") 0 0 no-repeat;
	}
#nav a.fan:hover,
#nav a.follow:hover
{
	background-position:0 -25px;
	}
/* Banners */
#loyalty
{
	float:			left;
	position:		relative;
	width:			100%;
	height:			435px;
	}
#loyalty div
{
	position:		absolute;
	top:			110px;
	left:			50%;
	margin-left:	-235px;
	width:			471px;
	height:			229px;
	background:		url("../imgs/banner-loyalty-card.png") 0 0 no-repeat;
	}
#loyalty a
{
	float:			left;
	margin:			155px 0 0 130px;
	display:		inline-block;
	width:			165px;
	height:			31px;
	background:		url("../imgs/loyalty-card-btn.png") 0 0 no-repeat;
	text-indent:	-9999px;
	}
#loyalty a:hover
{
	background-position:0 -31px;
	}
#banners
{
	position:		absolute;
	width:			100%;
	height:			435px;
	overflow:		hidden;
	z-index:		1;
	}
#banners ul
{
	float:			left;
	position:		relative;
	width:			100%;
	height:			435px;
	overflow:		hidden;
	}
#banners ul li
{
	position:		absolute;
	width:			100%;
	height:			435px;
	}
li#nuno			{	background: url("../imgs/banner-nuno.jpg") 0 0 no-repeat;				}
li#outside		{	background: url("../imgs/banner-outside.jpg") 0 0 no-repeat;			}
li#terrace		{	background:	url("../imgs/banner-smoking-terrace.jpg") 0 0 no-repeat;	}
li#main			{	background: url("../imgs/banner-main-bar.jpg") 0 0 no-repeat;			}
/* Typography */
h2
{
	font-size:		2em;
	color:			#ff7100;
	font-weight:	normal;
	}
h4
{
	font-size:		1.4em;
	color:			#ff7100;
	font-weight:	normal;
	}
h5
{
	font-size:		1.2em;
	}
a.download,
a.addphoto
{
	display:		inline-block;
	width:			88px;
	height:			25px;
	background:		url("../imgs/download.png") 0 0 no-repeat;
	text-indent:	-9999px;
	}
a.download:hover,
a.addphoto:hover
{
	background-position:0 -25px;
	}
a.addphoto
{
	width:			91px;
	background:		url("../imgs/add-photo.png") 0 0 no-repeat;
	}
/* Content */
#content
{
	position:		absolute;
	z-index:		200;
	top:			100px;
	width:			100%;
	margin:			250px 0 0;
	background:		url("../imgs/content.png") 50% 0 no-repeat;
	}
#content .container_12
{
	margin-top:		22px;
	}
#content .frame
{
	float:			left;
	background:		#141414;
	padding:		0 0 20px;
	width:			980px;
	min-height:		390px;
	height:			auto !important;
	height:			390px;
	}
#content .grid_9
{
	margin-top:		15px;
	margin-left:	20px;
	}
#content .grid_5
{
	margin-left:	20px;
	margin-top:		15px;
	}
#content .grid_3
{
	margin-top:		15px;
	margin-left:	20px;
	}
#content .grid_4
{
	margin-top:		15px;
	}
/* Content Heavy grid_9 pages */
.contentheavy ol 
{
	float:			left;
	width:			700px;
	padding:		5px 0 0;
	}
.contentheavy ol li
{
	float:			right;
	width:			670px;
	list-style-type:decimal;
	font-size:		1.2em;
	color:			#727272;
	padding:		0 0 5px;
	}
.contentheavy ol li ol
{
	width:			670px;
	}
.contentheavy ol li ol li
{
	width:			640px;
	font-size:		1em;
	}
/* Gallery widget */
.grid_9 .addphoto,
.grid_4 .addphoto
{
	position:		absolute;
	top:			0;
	right:			0;
	}
#add,
#loyaltyform
{
	display:		none;
	}
.photolist
{
	float:			left;
	width:			300px;
	margin:			15px 0 0;
	}
.grid_4 .photolist
{
	margin:			5px 0 0;
	padding:		0 0 10px;
	}
.grid_9 .photolist
{
	width:			700px;
	}
.photolist li
{
	float:			left;
	display:		inline;
	width:			145px;
	margin:			0;
	padding:		0 0 10px;
	}
.grid_9 .photolist li
{
	height:			110px;
	width:			60px;
	display:		table;
	#position:		relative;
	overflow:		hidden;
	margin:			0 10px 0 0;
	}
.grid_4 .photolist li
{
	height:			65px;
	overflow:		hidden;
	padding:		0;
	margin:			10px 0 0 0;
	}
.photolist .alt
{
	margin-left:	10px !important;
	}
.photolist li img
{
	margin:			0 auto;
	}
.grid_9 .photolist li a
{
	#position:		absolute;
	#top:			50%;
	width:			62px;
	display:		table-cell;
	vertical-align:	middle;
	}
.grid_9 .photolist li img
{
	#position:		relative;
	#top:			-50%;
	padding:		5px;
	border:			1px solid #1D1D1D;
	}
.grid_9 .photolist li a:hover img
{
	border:			1px solid #575757;
	}
.controls
{
	float:			left;
	width:			700px;
	background:		#1d1d1d;
	padding:		0 10px;
	w\idth:			680px;
	}
.controls li
{
	float:			left;
	padding:		10px 3px;
	font-size:		1.4em;
	font-weight:	bold;
	color:			#fff;
	}
.controls li a
{
	color:			#FF7100;
	text-decoration:none;
	}
.controls li a:hover
{
	text-decoration:underline;
	}
/* Image finder form */
.find,
.find fieldset,
.find ol
{
	float:			left;
	width:			300px;
	background:		#1d1d1d;
	}
.grid_9 .find,
.grid_9 fieldset,
.grid_9 ol
{
	width:			700px;
	}
.grid_9 .find
{
	margin:			15px 0 0;
	}
.find li
{
	float:			left;
	display:		inline;
	}
.find h3
{
	font-size:		1.2em;
	font-weight:	bold;
	padding:		10px 25px 10px 10px;
	}
.find label
{
	float:			left;
	font-size:		1.2em;
	padding:		10px 10px 10px 0;
	}
.find select
{
	float:			left;
	margin:			8px 0 0;
	}
.find button
{
	float:			right;
	margin:			11px 10px 0 25px;
	width:			33px;
	height:			12px;
	background:		url("../imgs/go.png") 0 0 no-repeat;
	border:			none;
	text-indent:	-9999px;
	cursor:			pointer;
	}
.find button:hover
{
	background-position:0 -12px;
	}
/* Events widget */
.events ul,
.events
{
	float:			left;
	width:			220px;
	}
.events ul
{
	margin:			5px 0 0;
	}
.comments
{
	width:			400px;
	}
.grid_5 .events
{
	width:			380px;
	margin-top:		0;
	}
.events li
{
	float:			left;
	width:			220px;
	margin:			10px 0 0;
	}
.comments li
{
	width:			400px;
	}
.grid_5 .events li
{
	width:			380px;
	background:		#1d1d1d;
	padding:		5px;
	w\idth:			370px;
	}
.events img
{
	float:			left;
	}
.events div
{
	float:			right;
	width:			160px;
	}
.comments div
{
	width:			340px;
	background:		#1D1D1D;
	padding:		5px;
	w\idth:			330px;
	}
.grid_5 .events div
{
	width:			310px;
	}
.events h3 a,
.events p,
.events .go
{
	display:		block;
	float:			left;
	width:			160px;
	}
.grid_5 .events h3 a,
.grid_5 .events p,
#content .grid_5 .events .go,
.cocktails h3,
.comments h3,
#content .comments p
{
	width:			310px !important;
	}
.events h3 a,
.cocktails h3,
.comments h3
{
	font-size:		1.1em;
	color:			#FF7100;
	font-weight:	bold;
	line-height:	14px;
	padding:		0 0 7px;
	text-decoration:none;
	}
.events p
{
	padding:		0 0 7px;
	}
.events .go
{
	display:		block;
	color:			#ff7100;
	background:		url("../imgs/go-orange.png") right center no-repeat;
	text-decoration:none;
	}
.grid_5 .events .go
{
	background-image: url("../imgs/go-light.gif");
	}
.events .go:hover
{
	text-decoration:underline;
	}
.events .more
{
	float:			left;
	display:		block;
	margin:			10px 0 0;
	width:			220px;
	height:			30px;
	background:		url("../imgs/more-events.png") 0 0 no-repeat;
	text-indent:	-9999px;
	}
.events .more:hover
{
	background-position:0 -30px;
	}
#map
{
	float:			left;
	width:			300px;
	height:			340px;
	margin:			10px 0 0;
	}
dl
{
	float:			left;
	width:			300px;
	padding:		0 0 15px;
	}
dt,
dd
{
	font-size:		1.2em;
	padding:		0 0 5px;
	float:			left;
	}
dt
{
	width:			100px;
	}
dd
{
	width:			200px;
	}
/* Main 'Content' typo styles */
#content .grid_5 h2
{
	float:			left;
	width:			380px;
	padding:		0 0 15px;
	}
#content .grid_9 h2
{
	float:			left;
	width:			700px;
	padding:		0 0 15px;
	}
#content .grid_5 h2.smallm
{
	padding:		0 0 5px;
	}
#content .grid_5 h4,
#content .grid_9 h4
{
	float:			left;
	width:			380px;
	margin:			15px 0 0;
	}
#content .grid_9 h4
{
	width:			700px;
	}
#content #event h4
{
	margin:			10px 0 0;
	padding:		0 0 10px;
	}
#content .grid_5 p,
#content .grid_9 p
{
	float:			left;
	width:			380px;
	font-size:		1.2em;
	line-height:	18px;
	color:			#727272;
	padding:		0 0 10px;
	}
#content .grid_9 p
{
	width:			700px;
	}
#content .grid_5 p.emph,
#content .grid_9 p.emph
{
	line-height:	22px;
	color:			#fff;
	padding:		0 0 15px;
	}
#content .grid_5 p a,
dl a,
#footer a,
.grid_9 li a,
.grid_9 p a
{
	color:			#ff7100;
	text-decoration:none;
	}
#content .grid_5 p a:hover,
dl a:hover,
#footer a:hover,
.grid_9 li a:hover,
.grid_9 p a
{
	text-decoration:underline;
	}
ul.menus
{
	float:			left;
	width:			380px;
	margin:			15px 0 0;
	}
.menu .menus
{
	margin:			0;
	}
ul.menus li
{
	float:			left;
	display:		inline;
	width:			175px;
	}
#content ul.menus p
{
	display:		inline-block;
	float:			right;
	width:			auto;
	padding:		4px 0 0;
	margin:			0 10px 0 0;
	color:			#fff;
	font-weight:	bold;
	}
ul.menus a.download
{
	float:			right;
	}
img.rating-large
{
	float:			left;
	margin:			5px 0 0;
	}
/* Footer */
#footer
{
	margin-top:		20px;
	padding-bottom:	40px;
	}
#footer p
{
	float:			left;
	width:			940px;
	color:			#7e7e7e;
	font-size:		0.9em;
	}
#footer .first
{
	padding:		0 0 20px;
	}
/* Default Form */
.default,
.default fieldset,
.default ol,
.default li,
.default label
{
	float:			left;
	width:			380px;
	}
.default li
{
	padding:		0 0 10px;
	}
.default label
{
	font-size:		1.2em;
	padding:		0 0 5px;
	}
.default label .h
{
	font-style:		italic;
	color:			#727272;
	font-size:		0.8em;
	}
.default label .r
{
	color:			red;
	}
.default input
{
	float:			left;
	width:			260px;
	padding:		4px;
	background:		#1d1d1d;
	border:			1px solid #575757;
	color:			#fff;
	}
.default input:focus
{
	border-color:	#fff;
	}
.default textarea
{
	float:			left;
	width:			260px;
	padding:		4px;
	font:			1.2em Helvetica Neue, Helvetica, Arial, sans-serif;
	background:		#1d1d1d;
	border:			1px solid #575757;
	color:			#fff;
	}
.default textarea:focus
{
	border-color:	#fff;
	}
.default button
{
	padding:		4px;
	background:		#1d1d1d;
	border:			1px solid #575757;
	color:			#fff;
	cursor:			pointer;
	margin:			10px 0 0;
	}
.default button:hover
{
	border-color:	#fff;
	}
#content .grid_9 .good,
#content .grid_9 .bad
{
	float:			left;
	display:		block;
	padding:		5px 0;
	text-align:		center;
	border:			1px solid #60CF5A;
	background:		#C2FFBF;
	color:			#333;
	margin:			10px 0;
	}
#content .grid_9 .bad
{
	border-color:	#EF5959;
	background:		#FFBFBF;
	}
#fancy_div
{
	position:		relative;
	background:		#000 !important;
	}
#fancy_div h2
{
	position:		absolute;
	top:			15px;
	left:			150px;
	width:			380px;
	}
#fancy_div .default
{
	position:		absolute;
	top:			60px;
	left:			150px;
	}
.default li.short,
.default li.short input,
.default li.short label
{
	width:			120px;
	}
.default li.short input
{
	w\idth:			110px; /* padding: 5px; */
	}
#content .default li.tiny,
#content .default li.tiny p,
.default li.tiny,
.default li.tiny p
{
	width:			20px;
	text-align:		center;
	}
.default li.tiny
{
	padding:		25px 0 0;
	}
.default li.date,
.default li.date select
{
	width:			60px;
	}
.default li.date
{
	padding:		23px 10px 0 0;
	}
#ui-datepicker-div
{
	z-index:		1000;
	}
li.warning input,
li.warning textarea
{
	border:			1px solid red;
	}
li.warning .helper
{
	float:			left;
	width:			320px;
	color:			red;
	margin:			5px 0 0;
	}
div#fancy_outer
{
	z-index:		1000 !important;
	}