/* intial settings & reset */
html, body, div, span, form, img, h1, h2, h3, ul, ol, li, p, label {margin:0; padding:0; border:0;}
html {height:100%;}
body {min-height:100%; background:#090909; font-family:Georgia,"Times New Roman",Times,serif; font-size:0.75em; color:#fff;}
sup, sub {font-size:0.4375em; line-height:6px;}
a {outline:0; color:#0072bc; text-decoration:none;}
a:hover {text-decoration:none;}
.clearer {position:relative; clear:both !important; float:none !important;}
.floater {position:relative; clear:none !important; float:left !important;}
.reset {margin:0 !important; padding:0 !important;}
.accessAlt {position:absolute !important; left:-999em !important; right:auto !important;}
.hide {display:none !important;}
.seeMore {display:none;}
/* text */
h1 {position:relative; clear:both; font-size:4em; color:#fff; font-weight:bold;}
h2 {position:relative; clear:both; margin:0 0 10px -3px; font-size:24px; color:#fff; font-weight:normal; line-height:1.25em; text-transform:uppercase;}
.noJs h2 {color:#252525;}
h3 {position:relative; clear:both; margin:0 0 10px 0; font-size:2em; color:#252525; line-height:1.5em; font-weight:normal;}
p {position:relative; clear:both; margin:0 0 10px 0; font-size:1.0625em; color:#252525; line-height:1.5em;}
ul, ol {position:relative; clear:both; margin:0 0 10px 0; font-size:1em; color:#252525; line-height:1.5em; list-style:none;}
ul li, ol li {clear:both;}
ul.dash {margin-left:15px; list-style:url('../images/bg_dash.png');}
/* layout */
.wrapMain {position:relative; clear:both; width:100%; min-width:950px;}
.subWrap {position:relative; clear:both; width:950px; min-width:950px;}
.wrapSection {position:relative; clear:both; margin-bottom:50px;}
.wrapHeader {position:relative; clear:both; width:100%;}
.wrapContent {position:relative; clear:both; width:100%;}
.wrapContent .subWrap {width:940px; margin:-260px auto 75px auto; padding:0 0 80px 10px;}
.wrapFooter {position:fixed; left:0; bottom:0; width:100%; height:30px;}
.wrapFooter .subWrap {position:absolute; left:0; top:-1px; width:100%; height:30px; z-index:100; background:#111; border-top:solid 1px #449fc1;}
/* header */
.wrapHeader .subWrap {height:405px; margin:0 auto;}
.wrapHeader .subWrap .lang {position:absolute; right:5px; top:15px; width:298px; height:15px; z-index:20; text-align:right;}
.wrapHeader .subWrap .lang a {color:#fff;}
.wrapHeader .subWrap h1 {position:absolute; right:5px; top:39px; width:298px; height:55px; z-index:20;}
.wrapHeader .subWrap h1 a {display:block; width:298px; height:55px; background:url('../images/lg_saloon.png') left top no-repeat; text-indent:-999em;}
/* backgrounds & logos */
.showHome .wrapHeader {height:485px; background:url('../images/bg_sectionHome.jpg') center top no-repeat;}
.showHome .wrapHeader .subWrap h1 a {background-position:0 0;}
.showMenu .wrapHeader {height:485px; background:url('../images/bg_sectionMenu.jpg') center top no-repeat;}
.showMenu .wrapHeader .subWrap h1 a {background-position:0 -55px;}
.showProgrammation .wrapHeader {height:485px; background:url('../images/bg_sectionProgrammation.jpg') center top no-repeat;}
.showProgrammation .wrapHeader .subWrap h1 a {background-position:0 -55px;}
.showSupperClub .wrapHeader {height:485px; background:url('../images/bg_sectionSupperClub.jpg') center top no-repeat;}
.showSupperClub .wrapHeader .subWrap h1 a {background-position:0 -110px;}
.showGallery .wrapHeader {height:485px; background:url('../images/bg_sectionGallery.jpg') center top no-repeat;}
.showGallery .wrapHeader .subWrap h1 a {background-position:0 -55px;}
.showCommunity .wrapHeader {height:485px; background:url('../images/bg_sectionCommunity.jpg') center top no-repeat;}
.showCommunity .wrapHeader .subWrap h1 a {background-position:0 -110px;}
.showContactUs .wrapHeader {height:485px; background:url('../images/bg_sectionContactUs.jpg') center top no-repeat;}
.showContactUs .wrapHeader .subWrap h1 a {background-position:0 -55px;}
/* nav */
ul.nav {position:absolute; left:5px; top:20px; z-index:10; list-style:none;}
ul.nav li {position:relative; clear:both; z-index:10;}
.fr ul.nav li a {display:block; height:18px; background:url('../images/fr/bg_nav.png') left top no-repeat; color:#fff; text-indent:-999em;}
.en ul.nav li a {display:block; height:18px; background:url('../images/en/bg_nav.png') left top no-repeat; color:#fff; text-indent:-999em;}
/* position */
.showHome ul.nav {top:127px;}
.showMenu ul.nav {top:109px;}
.showProgrammation ul.nav {top:91px;}
.showSupperClub ul.nav {top:73px;}
.showGallery ul.nav {top:55px;}
.showCommunity ul.nav {top:37px;}
.showContactUs ul.nav {top:19px;}
/* sections */
.Home a {width:75px; background-position:0 0 !important;}
.Home a:hover {background-position:0 -126px !important;}
.fr .showHome .Home a {width:260px; height:50px; background:url('../images/fr/bg_navBig.png') 0 -13px no-repeat !important; text-indent:-999em;}
.en .showHome .Home a {width:260px; height:50px; background:url('../images/en/bg_navBig.png') 0 -13px no-repeat !important; text-indent:-999em;}
.Menu a {width:50px; background-position:0 -18px !important;}
.Menu a:hover {background-position:0 -144px !important;}
.fr .showMenu .Menu a {width:165px; height:50px; background:url('../images/fr/bg_navBig.png') 0 -68px no-repeat !important; text-indent:-999em;}
.en .showMenu .Menu a {width:165px; height:50px; background:url('../images/en/bg_navBig.png') 0 -68px no-repeat !important; text-indent:-999em;}
.Programmation a {width:165px; background-position:0 -36px !important;}
.Programmation a:hover {background-position:0 -162px !important;}
.fr .showProgrammation .Programmation a {width:595px; height:63px; margin-top:-13px; z-index:0; background:url('../images/fr/bg_navBig.png') 0 -110px no-repeat !important; text-indent:-999em;}
.en .showProgrammation .Programmation a {width:595px; height:63px; margin-top:-13px; z-index:0; background:url('../images/en/bg_navBig.png') 0 -110px no-repeat !important; text-indent:-999em;}
.showProgrammation .Programmation {z-index:0 !important;}
.SupperClub a {width:115px; background-position:0 -54px !important;}
.SupperClub a:hover {background-position:0 -180px !important;}
.fr .showSupperClub .SupperClub a {width:415px; height:50px; background:url('../images/fr/bg_navBig.png') 0 -178px no-repeat !important; text-indent:-999em;}
.en .showSupperClub .SupperClub a {width:415px; height:50px; background:url('../images/en/bg_navBig.png') 0 -178px no-repeat !important; text-indent:-999em;}
.Gallery a {width:75px; background-position:0 -72px !important;}
.Gallery a:hover {background-position:0 -198px !important;}
.fr .showGallery .Gallery a {width:270px; height:50px; background:url('../images/fr/bg_navBig.png') 0 -233px no-repeat !important; text-indent:-999em;}
.en .showGallery .Gallery a {width:270px; height:50px; background:url('../images/en/bg_navBig.png') 0 -233px no-repeat !important; text-indent:-999em;}
.Community a {width:120px; background-position:0 -90px !important;}
.Community a:hover {background-position:0 -216px !important;}
.fr .showCommunity .Community a {width:425px; height:63px; margin-top:-13px; z-index:0; background:url('../images/fr/bg_navBig.png') 0 -275px no-repeat !important; text-indent:-999em;}
.en .showCommunity .Community a {width:425px; height:63px; margin-top:-13px; z-index:0; background:url('../images/en/bg_navBig.png') 0 -275px no-repeat !important; text-indent:-999em;}
.showCommunity .Community {z-index:0 !important;}
.ContactUs a {width:150px; background-position:0 -108px !important;}
.ContactUs a:hover {background-position:0 -234px !important;}
.fr .showContactUs .ContactUs a {width:540px; height:50px; background:url('../images/fr/bg_navBig.png') 0 -343px no-repeat !important; text-indent:-999em;}
.en .showContactUs .ContactUs a {width:540px; height:50px; background:url('../images/en/bg_navBig.png') 0 -343px no-repeat !important; text-indent:-999em;}
/* content */
.col1 {position:relative; float:left; width:300px; margin:0 20px 0 0;}
.col2 {position:relative; float:left; width:620px; margin:0 20px 0 0;}
.col3 {position:relative; float:left; width:940px;}
.colHalf {position:relative; float:left; width:280px; margin:0 20px 0 0;}
.colFirst {padding-top:95px;}
.colLast {margin-right:0;}
/* boxes */
.box {position:relative; clear:both; width:100%; margin-bottom:20px; padding:20px 0 10px 0; overflow:hidden;}
.boxSmall {width:300px;}
.box .topLeft {position:absolute; left:0; top:0; width:20px; height:20px; z-index:10; background:url('../images/bg_boxCorners.png') left top no-repeat;}
.box .topCenter {position:absolute; left:20px; top:0; height:20px; z-index:10; background:#fff;}
.box .topRight {position:absolute; right:0; top:0; width:20px; height:20px; z-index:10; background:url('../images/bg_boxCorners.png') right top no-repeat;}
.box .topExtra {position:absolute; left:0; top:0; width:100%; height:13px; z-index:10;}
.box .bottomLeft {position:absolute; left:0; bottom:0; width:20px; height:20px; z-index:10; background:url('../images/bg_boxCorners.png') left bottom no-repeat;}
.box .bottomCenter {position:absolute; left:20px; bottom:0; height:20px; z-index:10; background:#fff;}
.box .bottomRight {position:absolute; right:0; bottom:0; width:20px; height:20px; z-index:10; background:url('../images/bg_boxCorners.png') right bottom no-repeat;}
.box .bottomExtra {position:absolute; left:0; bottom:0; width:100%; height:13px; z-index:10;}
.box .invert {background-image:url('../images/bg_boxCornersInverted.png');}
.box .content {position:relative; clear:both; background:#fff; color:#000;}
.box .lining {padding-left:20px; padding-right:20px;}
.box .center {text-align:center;}
.box .dot {background:url('../images/bg_spacerDotH.png') left center repeat-x;}
/* adjust to different grids */
.col3 .box .topCenter, .col3 .box .bottomCenter {width:900px;}
.col2 .box .topCenter, .col2 .box .bottomCenter {width:580px;}
.col1 .box .topCenter, .col1 .box .bottomCenter {width:260px;}
.boxSmall .topCenter, .boxSmall .bottomCenter {width:260px !important;}
/* show different background extras */
.box .topSpike {top:-12px; background:url('../images/bg_boxSpike.png') center top no-repeat;}
.box .topSquare {top:-7px; background:url('../images/bg_boxSquare.png') center top no-repeat;}
.box .bottomSpike {bottom:-12px; background:url('../images/bg_boxSpike.png') center bottom no-repeat;}
/* home */
.address {position:absolute; left:0; top:43px; width:499px; height:31px; z-index:1;}
.findUs {width:249px; height:42px; margin-top:25px; padding:5px 0 0 10px; background:url('../images/bg_homeFindUs.png') left top no-repeat;}
.social a {display:inline-block; min-width:40px; margin-right:20px; padding-top:50px; text-align:center;}
.social a.twitter {background:url('../images/bg_social.png') center 5px no-repeat;}
.social a.facebook {background:url('../images/bg_social.png') center -75px no-repeat;}
.social a.rss {background:url('../images/bg_social.png') center -155px no-repeat;}
.social a.email {margin:0; background:url('../images/bg_social.png') center -240px no-repeat;}
.box .postedOn {margin:-10px 0 15px 0; font-size:1.1875em; color:#7b2e00;}
.dates li {position:relative; margin-bottom:8px; line-height:1.125em;}
.dates li a {display:block; margin-left:75px;}
.dates li span {position:absolute; left:0; top:0;}
/* menu */
.meals li {padding-top:5px;}
.meals li img {width:114px; height:114px; margin:-5px 15px 15px 0; border:solid 1px #111;}
.menu {width:240px; height:400px; min-height:400px; margin-left:-10px; background:url('../images/bg_spacerDotV.png') right top repeat-y; font-size:1.1875em;}
.menu li {font-family:Arial,Helvetica,sans-serif; text-transform:uppercase;}
.menu li a {display:block; margin-right:1px; padding:3px 0 3px 10px; color:#252525; text-decoration:none;}
.menu li a:hover {color:#0072bc;}
.menu li a.on {color:#0072bc; background:#dedee0;}
.menu li ul.subMenu {position:absolute; left:260px; top:0; width:320px;}
.menu li ul li {margin-bottom:8px; font-family:Georgia,"Times New Roman",Times,serif; font-size:0.9167em; line-height:1.125em; text-transform:uppercase;}
.menu li ul li .subMenu {color:#0072bc; font-weight:bold;}
.menu li ul li ul {position:relative; margin:8px 0 0 -5px;}
.menu li ul li ul li {position:relative; padding:5px 75px 5px 5px; line-height:1.125em;}
.menu li ul li ul li:hover {color:#0072bc; background:#dedee0; cursor:pointer;}
.menu li ul li ul li .price {position:absolute; right:5px; top:5px; text-align:right; line-height:1.1875em; text-transform:none;}
.menu li ul li ul li .intro {display:block; position:relative; clear:both; font-size:0.9167em; color:#0072bc; line-height:1.125em; text-transform:none; font-style:italic;}
.menu li ul li ul li .ingredients {display:block; position:relative; clear:both; margin-top:5px; font-size:0.9167em; color:#0072bc; line-height:1.125em; text-transform:none; font-style:italic;}
/* dj & events */
.dj {padding:0;}
.dj .topLeft, .dj .topCenter, .dj .topRight, .dj .topExtra, .dj .bottomLeft, .dj .bottomCenter, .dj .bottomRight, .dj .bottomExtra {display:none;}
.col1 .dj1 .content {height:180px;}
.col1 .dj2 .content {height:180px;}
.col1 .dj3 .content {height:180px;}
.col1 .dj4 .content {height:180px;}
.col1 .dj5 .content {height:180px;}
.col1 .dj6 .content {height:180px;}
.dj .content a.showDj {display:block; width:300px; height:180px; text-indent:-999em;}
.djDetails {display:none;}
.djDetails .content a.close {position:absolute; right:20px; top:0; z-index:10;}
.links {height:25px; margin:0;}
.website a {display:block; padding-left:22px; background:url('../images/bg_linkIcons.png') 0 3px no-repeat;}
.mySpace a {display:block; padding-left:22px; background:url('../images/bg_linkIcons.png') 0 -25px no-repeat;}
.facebook a {display:block; padding-left:22px; background:url('../images/bg_linkIcons.png') 0 -48px no-repeat;}
.lastFm a {display:block; padding-left:22px; background:url('../images/bg_linkIcons.png') 0 -75px no-repeat;}
.iLike a {display:block; padding-left:22px; background:url('../images/bg_linkIcons.png') 0 -99px no-repeat;}
/* supper club */
.drinks .content .postedOn {z-index:2;}
.drinks .content .lining {height:253px;}
.drinks .arrows {position:absolute; left:0; top:0; width:100%; height:253px; z-index:1;}
.drinks .arrows div.left {position:absolute; left:20px; top:131px; width:37px; height:37px; background:url('../images/bg_drinksArrows.png') left top no-repeat;}
.drinks .arrows div.right {position:absolute; right:20px; top:131px; width:37px; height:37px; background:url('../images/bg_drinksArrows.png') right top no-repeat;}
.drinks .arrows a {display:block; width:37px; height:37px; text-indent:-999em;}
.drinks .slider {position:absolute; left:0; top:0; width:20000px; height:253px; z-index:0;}
.drinks .slider li {position:relative; float:left; clear:none; width:620px; height:253px;}
.drinks .slider li h3 {position:absolute; left:75px; top:127px; z-index:1; font-size:1.5em;}
.drinks .slider li img {display:block; position:relative; clear:both; margin:45px 0 0 65px;}
.menuExp {width:260px; margin-left:-10px; font-size:1.1875em;}
.menuExp li {font-family:Arial,Helvetica,sans-serif; text-transform:uppercase;}
.menuExp li a {display:block; position:relative; margin-right:1px; padding:3px 60px 8px 10px; z-index:1; color:#252525; line-height:1.1875em; text-decoration:none;}
.menuExp li a:hover {color:#0072bc;}
.menuExp li a.on {color:#0072bc;}
.menuExp li a .price {position:absolute; right:-1px; top:0; padding:5px; font-family:Georgia,"Times New Roman",Times,serif; color:#0072bc; font-size:0.9167em; text-align:right; line-height:1.1875em; text-transform:none;}
.menuExp li div p {margin-left:10px; font-size:0.8750em; font-style:italic; text-transform:none;}
.menuExp li ul {margin:10px 0 10px 10px; z-index:0;}
.menuExp li ul li {margin-bottom:8px; font-family:Georgia,"Times New Roman",Times,serif; font-size:0.9167em; line-height:1.125em; text-transform:uppercase;}
.menuExp li ul li .subMenu {color:#0072bc; font-weight:bold;}
.menuExp li ul li ul {position:relative; margin:8px 0 0 -5px;}
.menuExp li ul li ul li {position:relative; padding:5px 100px 5px 5px; line-height:1.125em; text-transform:none;}
.menuExp li ul li ul li:hover {color:#0072bc; background:#dedee0; cursor:pointer;}
.menuExp li ul li ul li .ingredients {display:block;}
.menuExp li ul li ul li .price {position:absolute; right:5px; top:5px; text-align:right; line-height:1.1875em; text-transform:none;}
.menuExp li ul li ul li .intro {display:block; position:relative; clear:both; font-size:0.9167em; color:#0072bc; line-height:1.125em; text-transform:none; font-style:italic;}
/* gallery */
a.lb {position:relative; float:left; width:75px; height:75px; margin:0 3px 3px 0;}
.lbHover {position:absolute; left:0; top:0; width:75px; height:75px; z-index:1; background:#fff; filter:alpha(opacity=40); -moz-opacity:0.40; opacity:0.40;}