/*
Theme Name: Ondergronds
Theme URI: http://www.blucacti.com.au
Description: Ondergronds Melbourne
Version: 1.0
Author: Irwan Suryady
Author URI: http://www.blucacti.com
*/

@import url("functions/stylesheets/style-options.php");

@font-face {
  font-family: HelveticaNeue-BdCn;
  src: url('fonts/HelveticaNeueLTStd-BdCn.otf');
}

@font-face {
  font-family: HelveticaNeue-Cn;
  src: url('fonts/HelveticaNeueLTStd-Cn.otf');
}

@font-face {
  font-family: HelveticaNeue-LtCn;
  src: url('fonts/HelveticaNeueLTStd-LtCn.otf');
}

@font-face {
  font-family: HouseGothic-LightThree;
  src: url('fonts/HouseGothic-LightThree.ttf');
}

@font-face {
  font-family: HelveticaNeue-ThCn;
  src: url('fonts/HelveticaNeueLTStd-ThCn.otf');
}

@font-face {
  font-family: TFRaincheck-Regular;
  src: url('fonts/TFRaincheck-Regular.ttf');
}

@font-face{
  font-family: 'HouseGothic-LightThree';
  src: url('fonts/HouseGothic-LightThree.eot');
}

@font-face{
  font-family: 'TFRaincheck-Regular';
  src: url('fonts/TFRaincheck-Regular.eot');
}

h1, h2, h3, h4, img, p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

p {
  margin-bottom: 10px;
}

h1, h2, h3, h4 {
  margin-bottom: 15px;
}

h4, h3 {
  font-size: 1.1em;
  color: #474747;
  font-weight: bold;
}

a:link, a:VISITED{
  color: #000000;
  
  decoration: none;
}

html,body {
  height: 100%;
}

body {
  font-size: 62.5%;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.8em;
  color: #b7b7b7;
  margin: 0;
  padding: 0;
  background: #5f0303;
}

div {
  outline: none;
}

#container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

#navigation {
  height: 76px;
  background: url(images/navigation-bg.jpg) 0 0 repeat-x;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
}

#header-container,#footer-wrapper, #navigation-wrapper {
  width: 940px;
  margin: 0 auto;
  text-align: left;
}

#logo-wrapper {
  width: 820px;
  margin: 0 auto;
  position: relative;
}

#logo-wrapper a {
  text-decoration: none;
  display: block;
  width: 193px;
  margin-left: 317px;
  margin-top: 96px;
}

#logo-wrapper img {
  border: none;
}

#header-container {
  padding-top: 30px;
  padding-bottom: 0px;
}

#menu-wrapper {
  width: 820px;
  margin: 0 auto;
  min-width: 1250px;
  position: relative;
}

#faded-chain {
  width: 108px;
  height: 106px;
  position: absolute;
  background: url(images/faded-chains.png) 0 0 repeat-y;
  z-index: 70;
  left: 164px;
  top: 0;
}

#chain-top {
  width: 108px;
  height: 106px;
  position: absolute;
  background: url(images/chains.png) 0 0 repeat-y;
  z-index: 70;
  left: 164px;
  top: 106px;
}

#chain-bottom {
  width: 108px;
  height: 8600px;
  position: absolute;
  background: url(images/chains.png) 0 0 repeat-y;
  z-index: 70;
  left: 10px;
  top: 484px;
}

#menu-container {
  position: absolute;
  z-index: 70;
  top: 212px;
  left: 160px;
  width: 212px;
}

#menu-nav-bottom {
  background: url(images/nav-framebottom.png) 0 0 no-repeat;
  width: 108px;
  height: 94px;
  position: absolute;
  z-index: 70;
  top: 391px;
  left: 0px;
}

#menu-nav-top {
  background: url(images/nav-frametop.png) 0 0 no-repeat;
  width: 108px;
  height: 75px;
  position: absolute;
  z-index: 70;
  top: 0px;
  left: 4px;
}

.menu-navigation-container {  
  width: 108px;
  position: absolute;
  top: 67px;
  left: 10px;
}

ul#menu-navigation {
  margin: 0;
  padding: 0;
  list-style: none;
}

.content-wrapper {
  margin-left: 140px;
}

#menu-navigation a {
  position: relative;
  z-index: 99999;
  display: block;
}

#menu-navigation li {
  float: left;
  position: relative;
  z-index: 99999;
  margin-bottom: 3px;
}

.menu-item {
  cursor: pointer;
}

#menu-item-250 {
  width: 90px;
  height: 31px;
  background: url(images/bg-sprite.png) -1110px -296px no-repeat;
}

#menu-item-42 {
  width: 90px;
  height: 53px;
  background: url(images/bg-sprite.png) -1110px -331px no-repeat;
}

#menu-item-41 {
  /*rooms-*/
  width: 88px;
  height: 38px;
  background: url(images/bg-sprite.png) -1110px -386px no-repeat;
}

#menu-item-40 {
  /*function*/
  width: 88px;
  height: 27px;
  background: url(images/bg-sprite.png) -1110px -428px no-repeat;
}

#menu-item-39 {
  /*news*/
  width: 89px;
  height: 56px;
  background: url(images/bg-sprite.png) -1110px -459px no-repeat;
}

#menu-item-38 {
  /*menu*/
  width: 88px;
  height: 28px;
  background: url(images/bg-sprite.png) -1110px -520px no-repeat;
}

#menu-item-37 {
  /*gallery*/
  width: 87px;
  height: 40px;
  background: url(images/bg-sprite.png) -1110px -551px no-repeat;
}


#menu-item-36 {
  /*contact*/
  width: 85px;
  height: 36px;
  background: url(images/bg-sprite.png) -1110px -593px no-repeat;
}


#content {
  width: 560px;
  float: right;
}

#subcontent {
  overflow: hidden;
  position: relative;
}

#sidebar {
  float: right;
  width: 170px;
  padding-bottom: 10px;
  margin-left: 8px;
  margin-top: 7px;
}

#sidebar.sidebar-left {
  float: left!important;
  margin-top: 14px !important;
}

#footer {
  height: 47px;
  background: url(images/footer-bg.jpg) 0 0 repeat-x;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
}

.footer-left {
  width: 500px;
  font-size: 12px;
  color: #978067;
  float: left;
  margin-top: 17px;
}

.footer-right {
  width: 230px;
  font-size: 14px;
  color: #978067;
  float: right;
}

.facebook {
  width: 150px;
  float: left;
  vertical-align: middle;
  margin-top: 15px;
}

.gplus {
  width: 80px;
  float: left;
  margin-top: 12px;
}

.clear:after,li.comment:after,#sidebar ul li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.hr {
  background: url(images/bg-hr.png) 0 0 no-repeat;
  width: 100%;
  height: 1px;
}

img.full-bg {
  /*position: fixed;
  z-index: -9999;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 850px;
*/}

.hide {
  display: none !important;
}

.show {
  display: block!important;
}

.entry h1 {
  color: #978067;
  font-size: 28px;
  font-weight: normal;
}

.content {
  font-size: 1.3em;
}

.content p {
  margin-bottom: 10px;
}

.content h1 {
  color: #978067;
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 25px;
}

.content h2 {
  color: #978067;
  font-size: 18px;
  font-weight: normal;
  margin-top: 20px;
}
.parallax {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

#gallery, #contact-us {
  height: 1200px;
}

#menu {
  height: 1200px;
  background-color: #0e0d04;
}

.section {
  position: relative;
  overflow: hidden;
  min-width: 1250px;  
  margin: 0 auto;
  width: 100%;
}


.stripe {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;  
  width: 100%;
  height: 1200px;
  background: url(images/stripes.png) 0 0 repeat;
  z-index: 40;
}

.content {
  width: 1250px;
  margin: 0 auto;
  position: relative;
  z-index: 50;
}

#menu .content {
  width: 1500px !important;
}

#wp-admin-bar-wp-logo {
  display: none!important;
}

/* HOME */
#home {
  height: 1200px;
  background: #000000 url(images/bg-home.jpg) 0 0 no-repeat;
  background-position: center top;
}

#home .content {
  width: 840px !important;
  background: url(images/home-contentbg.png) 0 0 no-repeat;
  height: 655px;
  margin-top: 20px;
}

.text-welcome {
  width: 503px;
  height: 156px;
  background: url(images/bg-sprite.png) 0 0 no-repeat;
  position: absolute;
  left: 54px;
  top: 24px;
}

.home-news {
  width: 223px;
  height: 113px;
  background: url(images/bg-sprite.png) -504px 0 no-repeat;
  position: absolute;
  top: 21px;
  left: 574px;
  padding-top: 50px;
  z-index: 10;
}

#home-news-text {
  width: 143px;
  height: 33px;
  background: url(images/bg-sprite.png) -663px -337px no-repeat;
  position: absolute;
  z-index: 11;
  top: 10px;
  left: 21px;
  cursor: pointer;
}

.front-news {
  margin: 8px 0 0 20px;
  font-size: 11px;
  line-height: 12px;
  color: #212121;
  font-style: italic;
}

.home-shooter {
  width: 200px;
  height: 183px;
  background: url(images/bg-sprite.png) -738px 0 no-repeat;
  position: absolute;
  top: 202px;
  left: 54px;
  cursor: pointer;
}

#home-mailinglist {
  width: 205px;
  height: 28px;
  background: url(images/bg-sprite.png) -656px -296px no-repeat;
  position: absolute;
  top: 415px;
  left: 54px;  
  display: block;
}

#mailinglist-wrapper {
  display: none;
}

.text-callus {
  width: 200px;
  height: 41px;
  background: url(images/bg-sprite.png) -944px 0 no-repeat;
  position: absolute;
  top: 483px;
  left: 54px;
  font-family: "franklin-gothic-ext-comp-urw";
  padding-top: 70px;
  font-size: 70px;
  color: #1a1a1a;
  font-family: "franklin-gothic-ext-comp-urw",sans-serif;
}

#home-footer {
  position: absolute;
  top: 615px;
  left: 40px;
  font-size: 10px;
  color: black;
}

/*New*/
#privacypolicy-content {
  color: #ffffff;
  width: 600px;
  height: 500px;
  margin: 10px 10px 10px 10px;
  font-size: 11px;  
}

.caption-subtitle {
  margin:0px 0px -15px 0px;
  padding:0px;
  color: #ffffff;
}

.pad-bottom-10 {
  height: 10px;
}

#social-network {
  position: absolute;
  top: 615px;
  left: 745px;
}

#social-network ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#social-network ul li {
  float: left;
  margin-left: 10px;
}

#home-footer p {
  line-height: 15px;
}

#home-footer a:LINK, #home-footer a:VISITED {
  color: black;
  text-decoration: none;
}

/*ROOMS*/
.scroll-rooms {
  width: 520px;
  height: 40px;
  position: absolute;
  top: 435px;
  left: 280px;  
  color: #fce6e6;
  overflow: hidden;
}

.rooms-text {
  font-size: 14px;
}

.rooms-list {
  white-space: nowrap;
  line-height: 38px;
  height: 38px;
  position: relative;
  zoom: 1;
}

.scroll-rooms ul {
  margin: 0;
  padding: 0;
  list-style-position: inside;
  list-style-type: none;
  height: 40px;
  white-space: nowrap;
  position: relative;
}

.scroll-rooms ul li {
  float: left;
  font-size: 40px;
  text-transform: uppercase;
  font-family: "franklin-gothic-ext-comp-urw";
  font-family: "franklin-gothic-ext-comp-urw",sans-serif;
}

.scroll-rooms ul li a {
  color: white;
  text-decoration: none;
}

.scroll-rooms ul li.square-listimg div {
  width: 14px;
  height: 14px;
  background: url(images/dot-triangle.png) 0 0 no-repeat;
  margin: 12px 10px 0 10px;
}

.home-featimg {
  width: 517px;
  height: 226px;
  position: absolute;
  top: 196px;
  left: 280px;
  z-index: 999;
}

.home-venue {
  width: 518px;
  height: 98px;
  position: absolute;
  top: 487px;
  left: 280px;
  background: url(images/bg-sprite.png) 0 -183px no-repeat;
}

.home-venue a#home-venue {
  display: block;
  width: 175px;
  height: 98px;
  position: absolute;
  left: 0;
  top: 0;
}

.home-venue a#home-functions {
  display: block;
  width: 290px;
  height: 98px;
  position: absolute;
  right: 0;
  top: 0;
}

/* Venue */
#venue {
  height: 1200px;
  background: #000000 url(images/bg-venue.jpg) 0 0 no-repeat;
  background-position: center top;
}

#venue .content {
  width: 840px;
  background: url(images/venue-contentbg.png) 0 0 no-repeat;
  height: 670px;
  margin-top: 180px;
}

#venue .venue-heading {
  background: url(images/bg-sprite.png) -528px -183px no-repeat;
  width: 329px;
  height: 111px;
  position: absolute;
  top: 64px;
  left: 77px;
}

#venue .venue-text {
  position: absolute;
  left: 77px;
  top: 207px;
  width: 350px;
  color: #b80101;
  font-size: 14px;
  height: 345px;
  outline: none;
}

/* MENU */

/*FUNCTIONS*/
#functions {
  height: 1200px;
  background: #000000 url(images/bg-functions.jpg) 0 0 no-repeat;
  background-position: center top;
}

#functions .content {
  width: 840px;
  background: url(images/function-contentbg.png) 0 0 no-repeat;
  height: 670px;
  margin-top: 178px;
}

#functions .functions-heading {
  background: url(images/bg-sprite.png) -872px -183px no-repeat;
  width: 304px;
  height: 84px;
  position: absolute;
  top: 114px;
  left: 193px;
}

#functions .functions-text {
  position: absolute;
  left: 227px;
  top: 255px;
  width: 245px;
  color: #363636;
  font-size: 16px;
  height: 295px;
  outline: none;
  text-align: center;
}

#functions .download-button {
  width: 182px;
  height: 36px;
  background: url(images/bg-sprite.png) -463px -422px no-repeat;
  position: absolute;
  top: 583px;
  left: 255px;
}

#functions .download-button a {
  display: block;
  width: 182px;
  height: 36px;
}

#functions .parallax-wrapper {  
  width: 2000px;
  height: 1200px;
  position: absolute;
  z-index: 50;
  right: 0;
  left: 0;
  margin: 0 auto;
}

#functions #bokeh-front {
  background: url(images/bokeh-front.png) 0 0 no-repeat;
  height: 1200px;
  width: 2000px;
  position: absolute;
  z-index: 50;
}

#functions #bokeh-back {
  background: url(images/bokeh-back.png) 0 0 no-repeat;
  height: 1200px;
  width: 2000px;
  position: absolute;
  z-index: 40;
}

/*ROOMS*/
#rooms {
  height: 1200px;
  background: black;
}

#rooms .content {
  width: 1324px;
  background: black;
}

#rooms-wrapper {
  position: relative;
  width: 840px;
  margin: 0 auto;
  overflow: hidden;
}

.bookingform-wrapper .wpcf7-form {
  position: absolute;
  left: 40px;
  top: 50px;
}

.bookingform-wrapper input[name="captcha"] {  
  width: 120px !important;
}

.bookingform-wrapper .wpcf7-captcha-captcha {
  left: 128px !important;
  height: 25px !important;
  top: 1px;
}

.bookingform-wrapper input[type="text"] {
  width: 195px;
  border: none;
  padding: 7px;
  font-size: 12px;
}

.bookingform-wrapper textarea {
  width: 195px;
  height: 146px;
  padding: 5px 5px 0 7px;
  margin: 0;  
  font-size: 12px;
  border: none;
  resize: none;
  outline: none;
  font-family: Arial;
}

.bookingform-wrapper .wpcf7-submit {  
  width: 73px;
  height: 37px;  
  border: none;
  cursor: pointer;
  position: absolute;
  top: 348px;
  left: 84px;
}

.bookingform-wrapper div.wpcf7-response-output {
  width: 179px;
  top: 299px;
  left: 2px;
  font-size: 12px;
}

#coffee-shop {
  height: 1200px;
  background-position: center top;
  color: #000000;
}

#coffee-shop .room-content {
  background: url(images/coffeeshop-contentbg.png) 0 0 no-repeat;
}

#coffee-shop .bookroom-button {
  background: url(images/bg-sprite.png) -558px -463px no-repeat;
}

#coffee-shop .bookingform-wrapper {
  background: url(images/coffeeshop-bookingform.png) 0 0 no-repeat;
}

#wpcf7-f88-t1-o1 .watermark {
  color: #4c2a08 !important;
}

#wpcf7-f88-t1-o1 input[name="captcha"] {
  background: url(images/bg-sprite.png) 0px -769px no-repeat !important;
  color: #4c2a08;
}

#wpcf7-f88-t1-o1 input[type="text"] {
  background: url(images/bg-sprite.png) 0px -540px no-repeat;
  color: #4c2a08;
}

#wpcf7-f88-t1-o1 textarea {
  background: url(images/bg-sprite.png) 0px -573px no-repeat;
  color: #4c2a08;
}

#wpcf7-f88-t1-o1 .wpcf7-submit {
  background: url(images/bg-sprite.png) 0px -727px no-repeat;
}

#lounge-room {
  height: 1200px;
  background-position: center top;
  color: #ffafb1;
}

#lounge-room .room-content {
  background: url(images/lounge-contentbg.png) 0 0 no-repeat;
}

#lounge-room .bookroom-button {
  background: url(images/bg-sprite.png) -740px -463px no-repeat;
}

#lounge-room .bookingform-wrapper {
  background: url(images/lounge-bookingform.png) 0 0 no-repeat;
}

#wpcf7-f89-t3-o1 .watermark {
  color: #900202 !important;
}

#wpcf7-f89-t3-o1 input[name="captcha"] {
  background: url(images/bg-sprite.png) -208px -769px no-repeat !important;
}

#wpcf7-f89-t3-o1 input[type="text"] {
  background: url(images/bg-sprite.png) -208px -540px no-repeat;
  color: #900202 !important;
}

#wpcf7-f89-t3-o1 textarea {
  background: url(images/bg-sprite.png) -208px -573px no-repeat;
  color: #900202;
}

#wpcf7-f89-t3-o1 .wpcf7-submit {
  background: url(images/bg-sprite.png) -208px -727px no-repeat;
}

/* RED LIGHT*/
#redlight-room {
  height: 1200px;
  background-position: center top;
  color: #000000;
}

#redlight-room .room-content {
  background: url(images/redlight-contentbg.png) 0 0 no-repeat;
}

#redlight-room .bookroom-button {
  background: url(images/bg-sprite.png) -558px -501px no-repeat;
  top: 610px;
}

#redlight-room .bookingform-wrapper {
  background: url(images/redlight-bookingform.png) 0 0 no-repeat;
}

#wpcf7-f90-t4-o1 .watermark {
  color: #900202 !important;
}

#wpcf7-f90-t4-o1 input[name="captcha"] {
  background: url(images/bg-sprite.png) -416px -769px no-repeat !important;
}

#wpcf7-f90-t4-o1 input[type="text"] {
  background: url(images/bg-sprite.png) -416px -540px no-repeat;
  color: #900202 !important;
}

#wpcf7-f90-t4-o1 textarea {
  background: url(images/bg-sprite.png) -416px -573px no-repeat;
  color: #900202;
}

#wpcf7-f90-t4-o1 .wpcf7-submit {
  background: url(images/bg-sprite.png) -416px -727px no-repeat;
}

/*KINKY*/
#kinkyblue-room {
  height: 1200px;
  background-position: center top;
  color: #000000;
}

#kinkyblue-room .room-content {
  background: url(images/kinkyblue-contentbg.png) 0 0 no-repeat;
}

#kinkyblue-room .bookroom-button {
  background: url(images/bg-sprite.png) -740px -501px no-repeat;
  top: 613px;
}

#kinkyblue-room .bookingform-wrapper {
  background: url(images/kinkyblue-bookingform.png) 0 0 no-repeat;
}

#wpcf7-f91-t2-o1 .watermark {
  color: #022a90 !important;
}

#wpcf7-f91-t2-o1 input[name="captcha"] {
  background: url(images/bg-sprite.png) -626px -769px no-repeat !important;
}

#wpcf7-f91-t2-o1 input[type="text"] {
  background: url(images/bg-sprite.png) -626px -540px no-repeat;
  color: #022a90 !important;
}

#wpcf7-f91-t2-o1 textarea {
  background: url(images/bg-sprite.png) -626px -573px no-repeat;
  color: #022a90;
}

#wpcf7-f91-t2-o1 .wpcf7-submit {
  background: url(images/bg-sprite.png) -626px -727px no-repeat;
}

.room-content-wrapper {
  position: relative;
  margin: 0 auto;
  height: 702px;
  width: 840px;
}

.rooms-section .room-content {
  height: 702px;
  width: 560px;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
}

.bookingform-wrapper {
  height: 449px;
  width: 314px;
  position: absolute;
  top: 160px;
  left: 0;
  z-index: 9;
}

#coffee-shop.rooms-section {
  padding-top: 180px !important;
}

#lounge-room.rooms-section {
  padding-top: 180px !important;
}

.rooms-section {
  padding-top: 150px;
  position: relative;
  float: left;
}

.rooms-text {
  position: absolute;
  top: 305px;
  left: 94px;
  width: 340px;
  height: 252px;
  outline: none;
}

.bookroom-button {
  width: 181px;
  height: 38px;
  cursor: pointer;
  position: absolute;
  top: 581px;
  left: 170px;
}

#rooms-slider {
  width: 10000px;
}

#rooms-nav {
  
}


#rooms-nav .left {
  background: url(images/bg-sprite.png) 0 -926px no-repeat;
  width: 133px;
  height: 97px;
  position: absolute;
  z-index: 11;
  top: 400px;
  left: -20px;
  cursor: pointer;
}

#rooms-nav .right {
  background: url(images/bg-sprite.png) -133px -926px no-repeat;
  width: 133px;
  height: 97px;
  position: absolute;
  z-index: 11;
  top: 400px;
  right: 140px;
  cursor: pointer;
}

.kinkyblue-room .left {
  background: url(images/bg-sprite.png) -266px -829px no-repeat !important;
}

.kinkyblue-room .right {
  background: url(images/bg-sprite.png) -399px -829px no-repeat !important;
}

.lounge-room .left {
  background: url(images/bg-sprite.png) 0 -829px no-repeat !important;
}

.lounge-room .right {
  background: url(images/bg-sprite.png) -133px -829px no-repeat !important;
}

.redlight-room .left {
  background: url(images/bg-sprite.png) -266px -926px no-repeat !important;
}

.redlight-room .right {
  background: url(images/bg-sprite.png) -399px -926px no-repeat !important;
}
/*NEWS*/
#news {
  height: 1200px;
  background: #000000 url(images/bg-news.jpg) 0 0 no-repeat;
  background-position: center top;
}

#news .content {
  width: 840px;
  background: url(images/news-contentbg.png) 0 0 no-repeat;
  height: 670px;
  margin-top: 178px;
}

#news .news-heading {
  background: url(images/bg-sprite.png) 0px -295px no-repeat;
  width: 360px;
  height: 81px;
  position: absolute;
  top: 57px;
  left: 69px;
}

#news .news-text {
  position: absolute;
  left: 65px;
  top: 175px;
  width: 530px;
  color: #363636;
  font-size: 16px;
  height: 370px;
  outline: none;
}

.post-header h2 {
  margin-top: 0;
  color: black
}

#news .news-button {
  width: 182px;
  height: 36px;
  background: url(images/bg-sprite.png) -944px -55px no-repeat;
  position: absolute;
  top: 585px;
  left: 255px;
}

#news .news-today {
  font-family: HelveticaNeue-BdCn;
  font-size: 18px;
  color: #000000;
  position: absolute;
  top: 90px;
  left: 435px;
  text-shadow: 2px 2px 2px #b3b3b3;
  font-weight: bold;
}

.post-box {
  background: url(images/hr-dotted.png) 0 0 no-repeat;
  background-position: bottom left;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.posts-wrapper {
  height: 380px;
}


div.panes > div {
  display: none;
}

.active {
  display: block !important;
}

/*FOODMENU*/
#food-gallery-wrapper {
  height: 2400px;
  background: #000000 url(images/bg-gallery-wrapper.jpg) 0 0 no-repeat;
  background-position: center top;
  z-index: 50;
}


#food-gallery-wrapper .parallax-wrapper {  
  width: 2000px;
  height: 2400px;
  position: absolute;
  z-index: 50;
  right: 0;
  left: 0;
  margin: 0 auto;
}

#food-gallery-wrapper #bubble {
  background: url(images/bubble.png) 0 0 no-repeat;
  height: 2400px;
  width: 2000px;
  position: absolute;
  z-index: 50;
}

#food-gallery-wrapper #people {
  background: url(images/bg-ppl.png) 0 0 no-repeat;
  width: 2000px;
  height: 900px;
  z-index: 60;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center bottom;
  margin-left:auto;
  margin-right:auto;
}

#foodmenu {
  height: 1200px;
}

#foodmenu .content {
  width: 840px;
  background: url(images/foodmenu-contentbg.png) 0 0 no-repeat;
  height: 7420px;
  margin-top: 110px;
}

#foodmenu-title {
  top: 239px;
  position: absolute;
  width: 700px;
  left: 72px;
}

.download-ogasm {
  width: 70px;
  height: 23px;
  position: absolute;
  /*right: 10px;*/
  right: 8px;
  top: 0;
}

#foodmenu-title ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#foodmenu-title ul li a {
  /*font-family: HouseGothic-LightThree;*/
  font-family: "franklin-gothic-ext-comp-urw";
  color: #853900;
  /*font-size: 30px;*/
  font-size: 28px;
  text-transform: uppercase; 
  text-decoration: none;
  font-family: "franklin-gothic-ext-comp-urw",sans-serif;
  font-style: normal;
  font-weight: 700;
}

#foodmenu-title ul li {
  float: left;
  padding-top: 7px;
}

#foodmenu-title ul li.download-ogasm {
  padding-top: 0!important;
}

#foodmenu-title ul li {
  margin-left: 28px;  
}

#foodmenu-title ul li:FIRST-CHILD {
  margin-left: 30px !important;
}

#foodmenu-list {
  position: absolute;
  top: 72px;
  width: 680px;
  text-align: center;
  color: #363636;
  height: 330px;
}

.foodmenu-container {
  width: 600px;
  margin: 0 auto;
}

.single-menu-title {
  font-size: 17px;
}

.single-menu {
  margin-bottom: 20px;
}

.single-menu-wrapper {
  height: 330px;
}

#foodmenu .download-button {
  width: 182px;
  height: 36px;
  background: url(images/bg-sprite.png) -647px -422px no-repeat;
  position: absolute;
  top: 679px;
  left: 342px;
}

#foodmenu .download-button a {
  display: block;
  width: 182px;
  height: 36px;
}

/*Gallery*/
#gallery {
  height: 1200px;
}

#gallery .content {
  width: 840px;
  background: url(images/gallery-contentbg.png) 0 0 no-repeat;
  height: 730px;
  margin-top: 122px;
  position: relative;
  z-index: 100;
}

/*Gallery*/
.galleries {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 248px;
  margin-right: 40px;
}

.gallery-wrapper {
  margin-top: 20px;
  width: 680px;
}

#gallery-listing {
  width: 680px;
  height: 470px;
}

/*#gallery-listing {
  display: none;
}

#single-gallery-listing > div:FIRST-CHILD {
  display: block!important;
}

*/.single-gallery-container {
  height: 430px;
  width: 680px;
}

#single-gallery-listing > div {
  display: none;
}

#single-gallery-listing h4 {
  font-size: 17px;
}

.backtogallery {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.single-gallery-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 190px;
  float: left;
}

.single-gallery-container a {
  line-height: 0;
  padding: 0;
  margin: 0;
  display: block;
}

.galleries li {
  margin-bottom: 15px;
}

.gallery-text {
  position: absolute;
  top: 180px;
  left: 80px;
  color: #474747;
}

.gallery-hr {
  width: 100%;
  height: 1px;
  border-top: 1px solid black;
  margin: 8px 0 5px 0;
}

.gallery-title {
  color: #474747;
  font-size: 16px;
  width: 160px;
  float: left;
}

.galleries li a > img {
  -webkit-box-shadow: 6px 6px 2px -1px rgba(171, 98, 98, 1);
  -moz-box-shadow: 6px 6px 2px -1px rgba(171, 98, 98, 1);
  box-shadow: 6px 6px 2px -1px rgba(171, 98, 98, 1);
}

.jspPane, .jspContainer, .single-gallery-container {
  outline: none;
}

/*Contact Us*/
#contact {
  height: 1200px;
  background: #0e0d04 url(images/bg-contact.jpg) 0 0 no-repeat;
  background-position: center bottom;
}

#contact .content {
  width: 840px !important;
  margin-top: 159px;
  background: url(images/contact-contentbg.png) 0 0 no-repeat;
  height: 670px;
}

#contact .contact-heading {
  background: url(images/bg-sprite.png) -368px -295px no-repeat;
  width: 288px;
  height: 121px;
  position: absolute;
  top: 82px;
  left: 71px;
}

#contact .contact-text {
  position: absolute;
  left: 78px;
  top: 227px;
  width: 362px;
  color: #474747;
  font-size: 14px;
  height: 110px;
  outline: none;
}

#contact h3 {
  color: #474747;
  font-family: HelveticaNeueLTStd-BdCn;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

#contact .contactus-form {
  position: absolute;
  top: 125px;
  left: 0px;
  height: 305px;
}

#contact .contact-button {
  width: 182px;
  height: 36px;
  background: url(images/bg-sprite.png) -944px -55px no-repeat;
  position: absolute;
  top: 585px;
  left: 255px;
}

.map-container {
  width: 327px;
  height: 580px;
  position: absolute;
  top: 50px;
  left: 480px;
}

.contact-text  > .left {
  width: 250px;
  float: left;
}

.contact-text > .right {
  width: 110px;
  float: right;
}

input[type="text"], input[type="email"] {
  outline: none;
  margin: 0;  
}

select {
  margin: 0;
}

.wpcf7-form .mb5 {
  margin-bottom: 5px;
}

.wpcf7-form-control-wrap {
  margin: 0;
  padding: 0;
  display: block;
}

#wpcf7-f4-t5-o1 .left {
  width: 163px;
  float: left;
  margin: 0 30px 0 0;
}

#wpcf7-f4-t5-o1 .right {
  width: 170px;
  float: left;
}

#wpcf7-f4-t5-o1 input[type="text"] {
  /*background: url(images/bg-sprite.png) -389px -464px no-repeat;*/
  background: #f4e1d3;
  width: 154px;
  border: 1px solid black;
  padding: 7px;
  color: #900202;
  font-size: 12px;
}

#wpcf7-f4-t5-o1 textarea {
  width: 349px;
  height: 90px;
  /*background: url(images/bg-sprite.png) 0px -421px no-repeat;*/
  background: #f4e1d3;  
  padding: 5px 5px 0 7px;
  margin: 0;
  color: #900202;
  font-size: 12px;
  border: 1px solid black;
  resize: none;
  outline: none;
  font-family: Arial;
}


#wpcf7-f4-t5-o1 .wpcf7-submit {
  background: url(images/bg-sprite.png) -389px -422px no-repeat;
  width: 73px;
  height: 37px;  
  border: none;
  cursor: pointer;
  position: absolute;
  top: 262px;
  left: 144px;
}

.captcha-wrapper {
  position: relative;
}

.wpcf7-captcha-captcha {
  height: 29px;
  position: absolute;
  top: 0px;
  left: 175px;
  border: 1px solid black;
}

.wpcf7-form .wpcf7-select {
  width: 170px;
  background: #f4e1d3;
  color: #900202;
  font-size: 12px;
  border: 1px solid black;
  outline: none;
  padding: 6px;
}

.map-canvas {
  position: relative;
  width: 327px;
  height: 580px;
  background: url(images/bg-sprite.png) -872px -640px no-repeat;
}

#map {
  width: 314px;
  height: 565px;
  top: 15px;
  left: 13px;
}

/*Single Gallery*/
#gallery-content {
  width: 830px;
  height: 730px;
  margin: 0 auto;
  background: url(images/gallery-contentbg.png) 0 0 no-repeat;
  position: relative;
}

#gallery-content .page-box {
  position: absolute;
  top: 180px;
  left: 80px;
  color: #474747;
}

#gallery-content h4 {
  font-size: 17px;
}

#gallery-content .backtogallery a {
  font-size: 12px;
  color: #474747;
}

/*TABS*/
.posts-container {   
  border-top:0;
  font-size:12px;
  width: 500px;
}

.hidden {
  display: none!important;
}

.wpmlwidget {
  padding: 20px 30px !important;
}

/* root element for tabs  */
ul.tabs { 
  list-style: none; 
  margin: 0 !important; 
  padding: 0;  
  height: 34px;
}

#news ul.tabs {
  position: absolute;
  left: 435px;
  top: 116px;
}

/* single tab */
ul.tabs li { 
  float:left;  
  text-indent:0;
  padding:0;
  margin:0;
}

ul.tabs li:FIRST-CHILD {
  margin-right: 5px;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
  background: url(images/bg-sprite.png) -915px -422px no-repeat; 
  font-size:24px;
  display:block;
  height: 34px;  
  line-height:34px;
  width: 78px;
  text-align:center;  
  text-decoration:none;
  color:white;
  padding:0px;
  margin:0px; 
  position:relative;
  top:1px;
  /*font-family: TFRaincheck-Regular;*/
  font-family:"franklin-gothic-ext-comp-urw";
}

ul.tabs a:active {
  outline:none;   
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
  background-position: -835px -422px;  
  color:black; 
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
  background-position: -835px -422px;  
  cursor:default !important; 
  color:#000 !important;
}

/* Different widths for tabs: use a class name: s, l, xl */


/* width 1 */
ul.tabs a.s       { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover   { background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l       { background-position: -247px -0px; width:174px; }
ul.tabs a.l:hover   { background-position: -247px -31px; }
ul.tabs a.l.current  { background-position: -247px -62px; }


/* width 3 */
ul.tabs a.xl      { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover  { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
  display:none;   
}

.copyright {
  color: #978067;
  font-size: 13px;
  text-align: center;
  margin-top: 70px;
}

.jspPane:FOCUS, .gallery-images:FOCUS {
  outline: none;
}

#nav {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 55px;
  z-index: 1000;
}

#nav a {
  width: 11px;
  height: 11px;
  display: block;
  float: left;
  background: url(images/nav-active.png) 0 0 no-repeat;
  margin-left: 2px; 
}

#nav a.activeSlide {
  background: url(images/nav-inactive.png) 0 0 no-repeat;
}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}