/* RESET
------------------------------------*/
*									{ margin: 0; padding: 0; }
header,
section,
article,
nav,
footer								{ display: block; }


/* GLOBAL
------------------------------------*/
html								{ overflow-y: scroll; }

body								{ font: 12px/22px verdana, geneva, sans-serif; }
body#RogueWetBar					{ background: url('/template/background.jpg') center top; background-attachment: fixed; }

div#Container						{ width: 960px; margin: 0 auto; background: url('/template/shadow.png') repeat-y; }

div#SocialIcons						{ float: right; width: 48px; margin: 10px -30px 0 0; }

div#Header							{ width: 950px; height: 140px; margin: 0 0 0 -20px; background: url('/template/header.jpg') no-repeat; }
div#Content							{ width: 900px; margin: 0 30px; background: #d5ae83 url('/template/page.jpg') repeat-y; }
div#Footer							{ width: 870px; height: 230px; margin: 0 30px; padding: 0 15px; background: #1c1612 url('/template/footer.jpg') no-repeat; }

div#Content div.Background1			{ padding: 0 0 45px; background: url('/template/footer-top.jpg') no-repeat left bottom; }
div#Content div.Background2			{ background: url('/template/page-top.jpg') no-repeat left top; }


/* LAYOUT
------------------------------------*/
div.Column							{ float: left; }

div.Third							{ width: 260px; padding: 45px 15px 0; }
div.TwoThirds						{ width: 550px; margin: 0 0 0 15px; padding: 45px 15px 0; }

div#Side							{ width: 245px; padding: 0 30px; height: 415px; background: url('/template/sidebar-bg.jpg') no-repeat; }
div#Twitter							{ margin-top: 72px; height: 180px; }
div#OpenTable						{ width: 230px; }
div#Quote							{ float: left; margin-top: 20px; }

div#Footer div.Column				{ padding-top: 0px; margin-top: -10px; }
a#GalleryLink						{ display: block; position: relative; z-index: 500; width: 322px; height: 227px; margin-top: -10px; margin-left: -16px; background: url('/template/footer/gallery.png'); text-indent: -9999px; }
div#Newsletter						{ position: relative; z-index: 900; float: right; width: 345px; height: 39px; padding: 26px 47px 0 210px; margin: -42px 0 0 0; background: url('/template/footer/newsletter.png'); }

div.Block							{ width: 510px; height: 150px; margin: 0 -15px; padding: 40px 35px 20px; background: url('/template/blocks/block.jpg') no-repeat; font-size: 11px; }
div.Block.First						{ width: 510px; height: 150px; margin: -45px -15px 0; padding: 35px 35px 20px; background: url('/template/blocks/block-first.jpg') no-repeat; }
div.Gallery							{ width: 550px; height: 375px; margin: 0 -15px 0; padding: 20px 15px; }
div.GalleryTop						{ width: 550px; height: 375px; margin: -45px -15px 0; padding: 20px 15px; }
div.GalleryOverlay					{ position: relative; width: 550px; height: 415px; margin: -415px -15px 0; padding: 0 15px; z-index: 200; background: url('/template/blocks/gallery-overlay.png') no-repeat; }
div.GalleryTopOverlay				{ position: relative; width: 550px; height: 415px; margin: -415px -15px 0; padding: 0 15px; z-index: 200; background: url('/template/blocks/gallery-top-overlay.png') no-repeat; }

div.GalleryList						{ float: left; width: 260px; height: 158px; padding: 15px 15px 17px; }
div.GalleryList a					{ position: relative; z-index: 200; display: block; width: 290px; height: 190px; margin: -190px -15px 0; background: url('/template/blocks/gallery-small-overlay.png') no-repeat; color: #fff; font-size: 14px; font-weight: bold; line-height: 190px; text-decoration: none; text-align: center; }
div.GalleryList a:hover				{  }


/* NAVIGATION
------------------------------------*/
div#GlobalNav						{ width: 900px; height: 70px; margin: 0 30px; background: url('/template/nav-bg.jpg'); }
div#GlobalNav ul					{ width: 840px; height: 70px; margin: 0 30px; background: url('/template/nav.jpg'); list-style: none; }
div#GlobalNav li					{ float: left; list-style: none; }
div#GlobalNav a						{ display: block; text-indent: -9999px; }

div#GlobalNav li a:hover,
div#GlobalNav li a.Current			{ background: url('/template/nav-hover.png') no-repeat; }

div#GlobalNav li.Home a				{ width: 75px; height: 50px; margin: 20px 0 0 -5px; }
div#GlobalNav li.Home a:hover,
div#GlobalNav li.Home a.Current		{ background-position: 14px 25px; }
div#GlobalNav li.Menu a				{ width: 95px; height: 45px; margin: 25px 0 0 50px; }
div#GlobalNav li.Menu a:hover,
div#GlobalNav li.Menu a.Current		{ background-position: -111px 16px; }
div#GlobalNav li.Reservations a		{ width: 155px; height: 55px; margin: 15px 0 0 40px; }
div#GlobalNav li.Reservations a:hover,
div#GlobalNav li.Reservations a.Current	{ background-position: -246px 26px; }
div#GlobalNav li.Group a			{ width: 155px; height: 55px; margin: 5px 0 0 0; }
div#GlobalNav li.Group a:hover,
div#GlobalNav li.Group a.Current	{ background-position: -401px 36px; }
div#GlobalNav li.Contact a				{ width: 95px; height: 55px; margin: 0 0 0 25px; }
div#GlobalNav li.Contact a:hover,
div#GlobalNav li.Contact a.Current		{ background-position: -581px 41px; }
div#GlobalNav li.JoinOurTeam a			{ width: 155px; height: 50px; margin: 10px 0 0 0; }
div#GlobalNav li.JoinOurTeam a:hover,
div#GlobalNav li.JoinOurTeam a.Current	{ background-position: -676px 31px; }

div#FooterNav						{  }
div#FooterNav ul					{ list-style: none; font-size: 36px; line-height: 40px; text-transform: uppercase; }
div#FooterNav li					{ list-style: none; }
div#FooterNav a						{ color: #bd9770; text-decoration: none; }
div#FooterNav a:hover				{ color: #fff; text-decoration: none; }



/* TYPOGRAPHY
------------------------------------*/
p									{  }

h1									{  }
h2									{ color: #fff; }
h3									{  }

blockquote							{ color: #72110e; font-size: 14px; line-height: 30px; }
div#Quote blockquote				{ font-size: 12px; line-height: 20px; }

h1#Logo								{ text-indent: -9999px; }
h1#Logo a							{ display: block; width: 240px; height: 140px; margin-left: 40px; }

div.Block h2						{ margin: 0; }
div#BlockMap p						{ margin: 0 0 10px; }

div#Twitter h2						{ display: none; }
div#Twitter ul						{ color: #fff; font-size: 10px; line-height: 15px; list-style: none; }
div#Twitter li						{ padding: 10px 0; border-top: solid 1px #550908; list-style: none; }

h3.GalleryTitle						{ margin: 0 0 -60px -10px; text-indent: -9999px; }
h3.GalleryTitle a					{ display: block; }
h3.TitleTheDen						{ z-index: 800; position: relative; width: 180px; height: 77px; background: url('/template/blocks/titles/the_den.png'); }
h3.TitleThePlatform					{ z-index: 800; position: relative; width: 285px; height: 77px; background: url('/template/blocks/titles/platform.png'); }
h3.TitleTheEastsideBar				{ z-index: 800; position: relative; width: 326px; height: 78px; background: url('/template/blocks/titles/eastside_bar.png'); }

h3.TitleDrinksMenu					{ z-index: 800; position: relative; width: 274px; height: 107px; margin-bottom: -80px; background: url('/template/blocks/titles/drinks.png'); }
h3.TitleFoodMenu					{ z-index: 800; position: relative; width: 274px; height: 107px; margin-bottom: -80px; background: url('/template/blocks/titles/food.png'); }

h3.TitleDrinksMenu a				{ width: 274px; height: 107px; }
h3.TitleFoodMenu a					{ width: 274px; height: 107px; }


/* LINKAGE
------------------------------------*/
a, a img							{ outline: none; border: none; }

a									{ color: #72110e; text-decoration: underline; }
a:hover								{ color: #000; text-decoration: underline; }

div#Twitter a						{ color: #fff; }
div#Twitter a:hover					{ color: #fff; }



/* BUTTONS
------------------------------------*/
a#ButtonSendUsFeedback				{ display: block; float: right; width: 165px; height: 155px; margin: -40px -35px 0 20px; background: url('/template/buttons/send-us-feedback.jpg'); text-indent: -9999px; }
a#ButtonDownloadApplicationForm		{ display: block; float: right; width: 180px; height: 155px; margin: -40px -30px 0 20px; background: url('/template/buttons/download-application-form.jpg'); text-indent: -9999px; }
a#ButtonPreOrderForm				{ display: block; float: right; width: 205px; height: 75px; margin: -10px -35px 0 20px; background: url('/template/buttons/pre-order-form.jpg'); text-indent: -9999px; }
a#ButtonMap							{ display: block; float: right; width: 262px; height: 163px; margin: -14px -21px 0 20px; background: url('/template/buttons/map.png'); text-indent: -9999px; }
div.Block.First a#ButtonMap			{ margin-top: -16px; }
a#ButtonBookTable					{ display: block; float: left; width: 229px; height: 37px; background: url('/template/buttons/book_table.png'); text-indent: -9999px; }


/* OPENTABLE
------------------------------------*/
#OT_searchWrapperAll				{ width:100%;height:60px;position:relative;margin:0;padding:0; }
#OT_searchWrapper					{ border: none; width: 100%; height: 60px; position: relative; margin: 0; }
#OT_searchWrapper .OT_feedTitle		{ display: none; }
#OT_searchWrapper dl 				{ float: left; width: 230px; margin: 0; padding: 0; }

#OT_partySizeLbl					{ float: left; width: 110px; margin: 0 0 8px 10px; }
#OT_partySize 						{ float: left; width: 100px; margin: 0 0 8px 0; text-align: right; }

#OT_dateLbl 						{ float: left; width: 110px; margin: 0 0 7px 10px; }
#OT_date 							{ float: left; width: 98px; margin: 0 0 7px 0; padding: 0; text-align: right; }

#OT_timeLbl 						{ float: left; width: 110px; margin: 0 0 5px 10px; }
#OT_time 							{ float: left; width: 100px; margin: 0 0 5px 0; text-align: right; }

#OT_empty 							{ display: none; }
#OT_submitWrap						{ display: none; }

#OT_searchWrapper form 				{ margin:0;padding:0; }
#OT_searchWrapper input.hidden 		{ display:none; }
#OT_searchWrapper .feedFormField,
#OT_searchWrapper .feedFormField option		{ font-size:12px;margin:2px 2px 2px 2px; }
#OT_searchWrapper #startDate,
#OT_searchWrapper .OT_feedFormfieldCalendar { font-family:Verdana,Arial,Helvetica,Sans-Serif;font-size:12px;margin:0;width:85px; }
#OT_searchWrapper #dateDisplay 		{ display: none; }
#OT_searchWrapper .imgCal 			{ position:absolute;display:none;z-index:100; }
#OT_searchWrapper #imageCal table 	{ font-size:12px;width:150px;font-family:arial;font-weight:bold;background:#FFF; }
#OT_searchWrapper #imageCal td 		{ padding:0;text-align:center; }
#OT_searchWrapper .clickableDays 	{ color:#000;text-decoration:none;height:18px; }
#OT_searchWrapper .nonclickableDays { color:#CCC;height:18px; }
#OT_searchWrapper .months 			{ color:#FFF;text-decoration:none; }
#OT_searchWrapper .weekdays 		{ color:#000;text-decoration:none;color:#666;background-color:#EFEFEF;width:14%; }



/* MISCELLANY
------------------------------------*/
div.Clear							{ clear: both; }

.cufon-loading h1					{ visibility: hidden !important; letter-spacing: -12px; }
.cufon-loading h2					{ visibility: hidden !important; letter-spacing: -12px; }
.cufon-loading nav#Footer			{ visibility: hidden !important; letter-spacing: -12px; }

div#MapContainer					{ width: 800px; height: 600px; background: #000; }

.NivoSlider 						{ position: relative; }
.NivoSlider img 					{ position: absolute; top: 0; left: 0; display: none; }

div.nivo-directionNav				{ position: relative; z-index: 900; }
div.nivo-directionNav a				{ float: left; width: 42px; height: 41px; margin-top: 175px; text-indent: -9999px; }
a.nivo-prevNav						{ background: url('/template/arrow-left.png'); }
a.nivo-nextNav						{ background: url('/template/arrow-right.png'); }

div.nivo-controlNav					{ position: relative; z-index: 500; float: left; width: 550px; margin-top: 350px; text-align: center; }
a.nivo-control						{ display: inline-block; width: 12px; height: 12px; margin: 0 1px; background: url('/template/slider-pips.png') no-repeat -12px 0; text-indent: -9999px; }
a.nivo-control.active				{ background-position: 0 0; }

#Newsletter p						{ position: relative; z-index: 1000; margin: 0; padding: 8px 0 0; }
#NewsletterEmail					{  }
#NewsletterSubmit					{ position: relative; z-index: 1000; width: 96px; height: 17px; border: 0; padding: 0; background: url('/template/footer/submit.png'); text-indent: -9999px; }