@charset "utf-8";
/* CSS Document */
/* =============== START format elements for all pages=============== */

/* Font Faces */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }

@font-face {
    font-family: 'TrajanProRegular';
    src: url('../fonts/trajanpro-regular.eot');
    src: url('../fonts/trajanpro-regular.eot') format('embedded-opentype'),
         url('../fonts/trajanpro-regular.woff') format('woff'),
         url('../fonts/trajanpro-regular.ttf') format('truetype'),
         url('../fonts/trajanpro-regular.svg#TrajanProRegular') format('svg');
}

@font-face {
    font-family: 'TrajanProBold';
    src: url('../fonts/trajanpro-bold.eot');
    src: url('../fonts/trajanpro-bold.eot') format('embedded-opentype'),
         url('../fonts/trajanpro-bold.woff') format('woff'),
         url('../fonts/trajanpro-bold.ttf') format('truetype'),
         url('../fonts/trajanpro-bold.svg#TrajanProBold') format('svg');
}

@font-face {
    font-family: 'edwardian_scr_itc_ttregular';
    src: url('../fonts/edwardianscript-webfont.eot');
    src: url('../fonts/edwardianscript-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/edwardianscript-webfont.woff') format('woff'),
         url('../fonts/edwardianscript-webfont.ttf') format('truetype'),
         url('../fonts/edwardianscript-webfont.svg#edwardian_scr_itc_ttregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'edwardian_scr_alt_itc_ttRg';
    src: url('../fonts/edwardianscriptalt-webfont.eot');
    src: url('../fonts/edwardianscriptalt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/edwardianscriptalt-webfont.woff') format('woff'),
         url('../fonts/edwardianscriptalt-webfont.ttf') format('truetype'),
         url('../fonts/edwardianscriptalt-webfont.svg#edwardian_scr_alt_itc_ttRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

.clr:before, .clr:after ,
#content_inner:before, #content_inner:after
{ content: ""; display: table; }
.clr:after,
#content_inner:after
{ clear: both; }

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #cccccc;
}

body {
  background-color: #000000;
}

p {
	margin: 0 0 1.5em;
}



#wrapper {
	width: 972px;
	margin: 0 auto;
}

#header {
	background: url(../images/header.jpg) no-repeat 50% 50%;
	display: block;
	width: 972px;
	height: 148px;
}



#menu {
	background: url(../images/menu_bg.jpg) repeat-x 50% 50%;
	border-bottom: 5px solid #310100;
	padding: 0;
	text-transform: uppercase;
	height: 36px;
	text-align: center;
}

	#menu li {
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline;
	}

		#menu li a:link, #menu li a:visited {
			padding: 10px 33px 0px 33px;
			float: left;
			height: 26px;
			display: block;
			text-decoration: none;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 14px;
			color: #ffd38a;
			outline: none;
		}

		#menu li a:hover {
			padding: 10px 33px 0px 33px;
			float: left;
			height: 26px;
			display: block;
			text-decoration: underline;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 14px;
			color: #ffd38a;
			outline: none;
		}



#center {
	background: url(../images/center_bg.jpg) no-repeat bottom left;
	border-right: 2px solid #101213;
}
#center_content {
	background: url(../images/opaq.png) repeat-y -10px top;
  min-height: 600px;
}
* html #center_content {
	behavior: url(http://ghr.editmysite.net/iepngfix2.htc);
}



h1 {
	color: #ffd38a;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #690303;
	padding: 5px 0 10px 6px;
}



#footer {
	background: url(../images/footer.jpg)  no-repeat;
	text-transform: uppercase;
	position: relative;
}

#footer ul {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
  #footer li {
    display: inline-block;
  }
		#footer li a:link, #footer li a:visited {
			padding: 7px 27px;
			display: inline-block;
			text-decoration: none;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 10px;
			color: #ffd38a;
			outline:  none;
		}
		#footer li a:hover {
			text-decoration: underline;
		}




.wsp-pages-title {
  color: #ffd38a;
  font-size: 16px;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 5px 0 3px 6px;
  margin-bottom: 20px;
}
.wsp-pages-list, .children {
  list-style: none;
}
  .wsp-pages-list li {
    margin-left: 20px;
    padding: 0 0 5px;
  }
    .wsp-pages-list li a {
      text-decoration: none;
    }
      .wsp-pages-list li a:hover {
        text-decoration: underline;
      }
/* =============== End format elements for all pages=============== */

/* =============== START format elements for home page=============== */



.left_imgs {
	float: left;
	width: 195px;
	padding-top: 2px;
}
.right_imgs {
 	float: right;
 	width: 312px
}



  #welcome a {
   font-size: 15px;
  }

	#welcome p {
		margin: 15px 5px 10px;
		line-height: 1.5em;
		font-size: 15px;
	}

.title {
	height: 31px;
	background-color: #400101;
	margin: 0 auto: ;
	overflow: hidden;
}

#menu_left, #menu_left2 {
	width: 200px;
	float: left;
	padding:6px 0 0;
	height: auto;
	margin-bottom: 15px;
  margin-right: -200px;
}
	#menu_left li, #menu_left2 li {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
	}
		#menu_left li span, #menu_left2 li span {
			height: 15px;
		}

p.button_redbar, p.button_redbar_sel, p.button_cream, p.button_cream_sel {
	float: left;
	height: 31px;
	outline: none;
	background-color: #400101;
	width: 200px;
	margin: 3px 0 3px 0;
}
	p.button_redbar a, p.button_redbar a:visited, p.button_cream a:link, p.button_cream a:visited {
		padding-top: 7px;
		padding-left: 10px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #ffd38a;
		border-bottom: 1px solid #690303;
		padding-bottom:  3px;
		text-decoration: none;
		display: block;
	}
		p.button_redbar a:hover, p.button_cream a:hover {
			padding-top: 7px;
			color: #ffd38a;
			text-decoration: underline;
			display: block;
		}

	p.button_redbar_sel a, p.button_cream_sel a {
		padding-top: 7px;
		padding-left: 10px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #ffd38a;
		border-bottom: 1px solid #690303;
		text-decoration: underline;
		padding-bottom:  3px;
		display: block;
	}



#nav-side li {
	display: block;
	text-decoration: none;
	outline: none;
	width: 200px;
}
	#nav-side li a:link, #nav-side li a:visited {
		padding: 4px 10px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		color: #ffffff;
		text-decoration: none;
		display: block;
		text-transform: uppercase;
	}
	#nav-side li a:hover {
		text-decoration: underline;
	}
		#nav-side li li {
		}
			#nav-side li li a:link, #nav-side li li a:visited {
				padding: 3px 10px 3px 30px;
			}



p.button_white_sel a {
	padding-top: 7px;
	padding-left: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
	display: block;
}

p.button_cream, p.button_cream_sel {
	background: none;
}

.news {
	float: left;
	height: 31px;
	background-color: #400101;
	width: 200px;
	margin: 15px 0;
}
	.news p {
		padding-top: 7px;
		padding-left: 10px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #ffd38a;
		border-bottom: 1px solid #690303;
		padding-bottom: 3px;
	}

.discover p {
	padding-top: 2px;
	padding-left: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #ffd38a;
	border-bottom: 1px solid #690303;
	padding-bottom: 3px;
}

#menu_left #news_holder li, #menu_left2 #news_holder li {
	list-style: disc;
	font-size: 12px;
	margin: 0 10px 10px 20px;
	float: none;
}
	#menu_left #news_holder ul, #menu_left2 #news_holder ul {
		float: left;
		width: 200px;
		margin-bottom: 30px;
	}


/* =============== End format elements for inner pages=============== */


/* =============== START format elements for menus page=============== */

#center2 {
	overflow: hidden;
	border-right: 2px solid #101213;
}

#content_menu {
	float:right;
	padding: 40px 30px 40px 40px;
	width: 690px;
}
	#content_menu h1 {
		padding-left: 0;
		font-size: 18px;
		font-weight: 100;
	}

.logout, a.logout:link {
	float: right;
	margin-top: -20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: 100;
	color: #ffd38a;
	text-transform: uppercase;
	text-decoration: none;
}
	a.logout:link:hover {
		text-decoration: underline;
	}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	padding: 30px 0;
	text-align: center;
}

.menu_style1 {
	padding-bottom: 5px;
	text-align: center;
	margin: 0;
}

.menu_style2 {
	text-align: center;
}

.menu_style3 {
	font-size: 14px;
	font-weight: bold;
}

.images_menu {
	width: 748px;
	float: right;
	padding-left: 10px;
	padding-top: 3px;
}



/* =============== End format elements for menus page=============== */


/* =============== START format elements for NewYork=============== */


.right_zone {
	float:right;
	width: 227px;
}

#content_inner {
	float: none;
  padding: 15px 0 0 10px;
  width: 70%;
}

	#content_inner h1 {
		border: none;
		padding-left: 0;
    text-align: center;
	}
	#content_inner h3 {
		color: #ffd38a;
		font-size: 16px;
		font-family: Georgia, "Times New Roman", Times, serif;
		border-bottom: 1px solid #690303;
		padding: 5px 0 8px 6px;
	}

	#content_inner img {
	  padding: 0 2px;
	}

.right-container {
	padding: 0 0 0 200px;
}



/* =============== START format elements for NewYork=============== */


.form_holder {
  float: left;
  padding-left: 0;
  font-size: 20px;
}
  .form_holder p {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    line-height: 15px
  }
  .form_holder input {
    font-size: 12px;
    margin-bottom: 7px;
  }
  .form_holder span {
    font-size: 10px;
    color: #fff;
  }
  .form_holder span.wpcf7-not-valid-tip {
    position: absolute;
    top: 100%;
    right: 0;
    left: -94px;
    margin-top: -27px;
    text-align: right;
    width: 100%;
  }

	.form_holder textarea {
		width: 100%;
		height: 90px;
		color: #000;
		font-size: 11px;
		border: 1px solid #9c9795;
		margin: 2px 0 7px 10px !important;
    border-radius: 4px;
	}


  #content_inner table p {
    float: none;
  }
  #content_inner td {
    float: left;
  }
  #content_inner td:last-child {
    padding-left: 20px;
  }


.food-menu-list {
  list-style: none;
  text-align: center;
  vertical-align: middle;
}
  .food-menu-list li {
    display: inline-block;
    padding: 15px 10px;
  }



  #menu-trigger {
    width: 25px;
    height: 15px;
    border-top: solid 5px #a70909;
    border-bottom: solid 5px #a70909;
    position: absolute;
    top: 10px;
    left: 10px;
    display: none;
    text-indent: -999em;
  }
  #menu-trigger:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    border-top: solid 5px #a70909;
  }




	#menu {
	}
		#menu li {
			position: relative;
      display: inline-block;
      vertical-align: top;
			overflow: hidden;
		}

		#menu li:last-child:after,
		#menu li:last-child > .after {
			right: -999em;
		}
			#menu li a:link, #menu li a:visited {
				float: none;
				display: block;
			}



			#menu li ul {
				display: none;
				position: absolute;
				top: 2em;
				left: 0;
				z-index: 999;
			}
				#menu li li a:link, #menu li li a:visited {
					float: none;
				}
				#menu li ul ul {
					left: 100%;
					top: 0;
				}



.container-imgs {
  width: auto;
  float: none;
  height: 120px;
  overflow: hidden;
  position: relative;
}
  .container-imgs .container-imgs1 {
    position: absolute;
    width: 2000px;
    top: 0;
    left: 50%;
    text-align: center;
    margin: 0 0 0 -1000px;
  }
    .container-imgs img {
      height: 100%;
    }

#center-home {
  width: 970px;
  overflow: hidden;
  height: 611px;
}
  #center-inside {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -486px;
    width: 972px;
  }

#welcome {
  margin: 0 322px 0 210px;
  height: 376px;
  width: 438px;
  padding-top: 10px;
}
  .bottom_imgs {
  }
    .bottom_imgs img {
      margin: 0 -3px 0 4px;
    }

.type-index {
  list-style: none;
  overflow: hidden;
  padding-top: 20px;
}
  .type-index li {
    width: 48%;
    display: inline-block;
    margin-right: 2%;
  }
  .type-index li a {
    text-decoration: none;
    }
    .type-index li a:hover {
      text-decoration: underline;
    }


  form {
    width: 330px;
    margin-bottom: 0;
    height: auto;
    margin-left: 3px;
    overflow: hidden;
  }
    form p {
      margin-bottom: 0 !important;
  }

  .form-submit {
    padding: 10px 0 0;
  }
    form label{
      display: block;
      padding-bottom: 3px;
    }
    form input[type="text"],
    form input[type="password"],
    form input[type="email"] {
      box-sizing: border-box;
      background: #fff;
      color: #000;
      margin-bottom: 10px;
      width: 100%;
      padding: 5px 10px;
      display: block;
      border-radius: 4px;

    }
    form input[type="submit"] {
      height: 24px;
      border-radius: 4px;
      padding: 0 10px;
      color: #000;
    }
      form input[type="submit"]:hover {
        background: #666;
        color: #fff;
      }
    form input[type="checkbox"] {
      vertical-align: bottom;
      width: 20px;
      margin: 2px 10px;
      float: left;
      padding: 0;
    }




.under_login {
  float: left;
  padding: 15px 0;
}

.page-restrict-output {
  height: auto;
}

.description {
	display: block;
	text-align: center;
}

.registerNameHeading,
.registerContactInfoHeading,
.registerAboutYourselfHeader,
span.wppb-description-delimiter {
  display: none;
}
.send-confirmation-email span.wppb-description-delimiter {
  display: block;
}

.pr-message {
  padding: 0 0 7px;
}
  .pr-message p {
    color: red;
  }




/* =============== START Tablet & Phone=============== */

@media screen and (max-width: 1024px) {

#wrapper {
	width: auto;
}

#header {
	position: relative;
}

  #logo a {
  	position: absolute;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
  }
    #logo a img {
    	display: none;

    }



	.title {
		width: auto;
	}

#center-home {
	width: 100%;
	height: auto;
}
	#center-inside {
		position: relative;
		left: auto;
		margin: 0;
		width: auto;
	}

#welcome {
	margin: 0 auto;
	height: auto;
}


.container-imgs-home {
  width: auto;
  float: none;
  height: 120px;
  overflow: hidden;
  position: relative;
}
  .container-imgs-home .container-imgs1 {
    position: absolute;
    width: 2000px;
    top: 0;
    left: 50%;
    text-align: center;
    margin: 0 0 0 -1000px;
  }
    .container-imgs-home img {
      height: 100%;
      display: inline-block;
      vertical-align: top;
    }

		.container-imgs-home .left_imgs,
		.container-imgs-home .right_imgs,
		.container-imgs-home .bottom_imgs {
			float: none;
			display: inline-block;
			vertical-align: top;
			width: auto;
			margin: 0;
		}



}


/* =============== TABLET ONLY =============== */

@media screen and (min-width: 768px) and (max-width: 1024px) {


.page-restrict-output {
  height: auto;
}

  #content_inner td {
    float: left;
  }
  #content_inner td:last-child {
    padding-left: 20px;
  }


.left_imgs {
	margin-right: 10px;
}

.right_imgs {
	margin-left: 10px;
}
.bottom_imgs {
	display: none;
}


#header {
	width: 100%;
	background-size: auto 100%;
	height: 155px;
}


.left_imgs {
	margin-top: -2px;
}

	#content_inner h1 {
		width: auto;
	}

		#menu li a:link, #menu li a:visited {
			padding: 10px 17px 0px 17px;
		}

		#menu li a:hover {
			padding: 10px 17px 0px 17px;
		}


}






/* =============== PHONE ONLY =============== */

@media screen and (max-width: 767px) {


.page-restrict-output .under_login {
  padding: 15px 30px;
}

body {

  background: url(../images/mobile-pattern.jpg);
  background-position: 50% 50%;
  background-size: cover;
}

.pre-login {
  display: none;
}

#menu_left {
  display: none;
}

#header {
	width: 100%;
	background-size: auto 100%;
	height: 240px;
  background: none;
}
  #header:before {
    content: 'grand havana room';
    font-family: 'TrajanProBold';
    font-size: 40px;
    text-transform: uppercase;
    color: #cfa446;
    text-align: center;
    top: 35px;
    left: 0;
    right: 0;
    display: inline-block;
    position: absolute;
  }
  #header:after {
    content: 'member only club';
    font-family: 'edwardian_scr_itc_ttregular';
    font-size: 35px;
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    top: 185px;
    left: 0;
    right: 0;
    display: inline-block;
    position: absolute;
  }


      #menu li ul {
        display: none;
        position: relative;
        top: auto;
        left: auto;
        z-index: 999;
        padding: 0;
      }
      #menu.opened ul ul {
        top: auto;
      }
      #menu li.opened > ul {
        display: block;
      }
        #menu li li a:link, #menu li li a:visited {
          float: none;
          padding: 7px 20px 7px 50px;
          font-size: 12px;
          height: auto;
          display: block;

        }
        #menu li ul ul {
          left: auto;
          top: auto;
        }
          #menu li li li a:link, #menu li li li a:visited {
            padding-left: 70px;
          }

  .menu-item-has-children a {
    position: relative;
  }

  .menu-item-has-children > a:before {
    content: '>';
    position: absolute;
    font-weight: bold;
    font-size: 14px;
    color: #cfa446;
    right: 30px;
    top: 50%;
    margin-top: -10px;
    z-index: 9999;
  }




#footer li a:link, #footer li a:visited {
	padding: 5px 7px;
}

.type-index li {
  width: 100%;
}

.page-restrict-output form {
  padding: 0 30px;
}

form {
  width: auto;
  margin: 0 auto;

}
  p {
    float: none;
    clear: both;
  }
  form input[type="submit"] {
    margin: 0 auto;
    float: none;
    width: 50%;
    left: 50%;
    margin-left: 25%;
    height: 25px;
    letter-spacing: 0.1em;
  }
    form input[type="submit"]:hover {
      width: 50%;
      height: 25px;
      background: #666;
      color: #fff;
      left: 50%;
      margin-left: 25%;
    }
    form input {
      padding: 0;
      width: 100%;
      margin-left: 0;
      text-align: center;
      height: 25px;
    }

    form p {
      float: none;
    }

#wrapper {
  background: url(../images/mobile-pattern.jpg);
  background-size: contain;
  background-position: 50% 50%;
  display: block;
}

#center {
	width: auto !important;
	border: none;
	position: relative;
  background-image: none;
}

.left_imgs, .right_imgs {
	padding: 0 !important;
	float: none;
	margin: 0;
	width: auto;
	height: 120px;
	display: inline-block;
	vertical-align: top;
}
	.left_imgs img, .right_imgs img, .bottom_imgs img {
		height: 100% !important;
		width: auto !important;
		padding: 0 !important;
		display: inline-block;
		vertical-align: top;
	}

.page-restrict-output {
  width: auto;
}

#content_inner img {
  max-width: 280px;
}

.bottom_imgs {
	padding: 0;
	float: none;
	margin: 0;
	width: auto;
	height: 120px;
	display: inline-block;
	vertical-align: top;
}


#center_content {
	background: none;
  min-height: 300px;
}
	#menu_left, #menu_left2 {
		width: 100%;
		float: none;
	}
		.news {
			width: 100%;
		}

#nav-side li {
	width: 100%;
}

#content_inner {
	width: auto;
	padding: 0 10px 15px;
	float: none;
}
	#content_inner h1 {
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}


#menu {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	background: none;
	padding: 0;
	border: none;
	height: 0;
	text-align: left;
}

	#menu ul {
    position: absolute;
    top: -398px;
    left: 0;
    right: 0;
    background: #222;
    letter-spacing: 0.2em;
    padding: 45px 0 20px;
  }
  #menu.opened ul {
    top: 0;
  }
    #menu li {
      display: block;
    }

    #menu a:link, #menu a:visited {
      float: none;
      display: block;
    }
    #menu li a:link:hover, #menu li a:visited:hover,
    #menu li a:link:focus, #menu li a:visited:focus {
      background: #fff;
      color: #a70909;
      text-decoration: none;
      letter-spacing: 0.2em;
    }

  #menu-trigger {
    display: block;
  }


.container-imgs {
  height: 90px;
}


  #content_inner td {
    float: left;
  }
  #content_inner td:last-child {
    padding-left: 20px;
  }


  .form_holder textarea {
    width: 100%;
  }


#welcome {
	width: auto;
}

.right-container {
  padding: 0;
}


.form_holder textarea {
  margin: 2px 0 7px 0 !important;
}



}



/* =============== PHONE LANDSCAPE =============== */

@media screen and (min-width: 480px) and (max-width: 767px) {

#header {
  width: 100%;
  background-size: auto 100%;
  height: 210px;
  background: none;
}

  #header:before {
    content: 'grand havana room';
    font-family: 'TrajanProBold';
    font-size: 45px;
    text-transform: uppercase;
    color: #cfa446;
    text-align: center;
    top: 30px;
    left: 0;
    right: 0;
    display: inline-block;
    position: absolute;
  }
  #header:after {
    content: 'member only club';
    font-family: 'edwardian_scr_itc_ttregular';
    font-size: 43px;
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    top: 145px;
    left: 0;
    right: 0;
    display: inline-block;
    position: absolute;
  }




}