@charset "UTF-8";
/* CSS Document */




/* Layout Large */
@media screen
and (min-width: 1366px) {
	
body:after {
    content: 'desktop';
    display: none;
}

html, body {
	margin: 0;
	padding: 0;
	background: url(../img/wall_thebob.jpg); 
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
	height: 100%;
}

img,
embed,
object,
video {
	border: none;
	padding: 0;
	margin: 0;
}

.preload {
	position: absolute;
	left: -10000px;
	top: -10000px;
}

#wrapper {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%; /* 1100px */
	height: 100%;
}

.mobile-btn_wrapper {
	display: none;
}

.mobile {
	display: none;
}

.site-overlay {
	display: none;
}




/* --- header nav --- */




.logo {
	display: block;
	position: absolute;
	top: -3.25em; /* 20px */
	left: 3.389830508475%; /* 40px */
	width: 12.5em;
	z-index: 111000;
}

#header_wrapper {
	background: url(../svg/header_background.svg);
	background-size: 2500px 160px;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	float: left;
	left: 0;
	top: 0;
	clear: both;
	width: 100%;	height: 160px;
	border-bottom: 5px solid rgba(179, 161, 135, .4);
	z-index: 10000;
}

#nav_wrapper {
	padding: 0;
	position: absolute;
	margin-left: 15%;
	width: 70%; /* 1180px */
	z-index: 10000;
}

#nav_wrapper .header_wrapper_tablet {
	display: none;
}

#nav_wrapper .header_wrapper_mobile {
	display: none;
}

#nav_container {
	background: url(../svg/nav_banner.svg);
	background-repeat: no-repeat;
	background-size: 100% 90px;
	position: absolute;
	margin-top: 70px;
	left: 0;
	padding: 0;
	width: 100%; /* 1180px */
	height: 90px;
	z-index: 10000;
}

#nav {
	margin-right: 7.25%;
	padding: 0;
	float: right;
	width: 70.593220338983%; /* 833px */
	height: 100%;
}

#nav a {
	text-decoration: none;
}




/* nav level one */




#nav ul {
	margin-top: 0;
	padding: 0;
	float: left;
	list-style-type:none;
	width: 100%;
	height:100%
}

#nav ul li {
	float: left;
	height: 100%;
	text-align: center;
	cursor: pointer;
}

#nav ul li:hover {
	background: rgb(55, 50, 45);
}

#nav ul li.venues {
	margin-left: 2.400960384154%; /* 20px */
	width: 12.605042016807%; /* 105px */
	font-family: 'Kessel105-Bold';
	font-size: .975em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-decoration: none;
}

#nav ul li.shows {
	width: 12.605042016807%; /* 105px */
	font-family: 'Kessel105-Bold';
	font-size: .975em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-decoration: none;
}

#nav ul li.food {
	width: 10.444177671068%; /* 87px */
	font-family: 'Kessel105-Bold';
	font-size: .975em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-decoration: none;
}

#nav ul li.services {
	width: 14.045618247299%; /* 117px */
	font-family: 'Kessel105-Bold';
	font-size: .975em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-decoration: none;
}

#nav ul li.community {
	width: 17.767106842737%; /* 148px */
	font-family: 'Kessel105-Bold';
	font-size: .975em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-decoration: none;
}

#nav ul li.reserve {
	width: 13.205282112845%; /* 110px */
	font-family: 'Kessel105-Bold';
	font-size: .975em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-decoration: none;
}

#nav ul li.craftbeer {
	width: 16.926770708283%; /* 141px */
	font-family: 'Kessel105-Bold';
	font-size: .975em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-decoration: none;
}




/* nav level two */




#nav ul > li ul {
	display: none;
}

#nav ul > li.venues:hover ul {
	display: block;
	background: url(../svg/hover_venues.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: .5em;
	padding: 0;
	float: left;
	list-style-type: none;
	width: 225px;
	height: auto;
}

#nav ul > li.shows:hover ul {
	display: block;
	background: url(../svg/hover_shows.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: .5em;
	padding: 0;
	float: left;
	list-style-type:none;
	width: 225px;
	height: auto;
}

#nav ul > li.food:hover ul {
	display: block;
	background: url(../svg/hover_food.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: .5em;
	padding: 0;
	float: left;
	list-style-type:none;
	width: 225px;
	height: auto;
}

#nav ul > li.services:hover ul {
	display: block;
	background: url(../svg/hover_services.svg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: .5em;
	padding: 0;
	float: left;
	list-style-type:none;
	width: 225px;
	height: auto;
}

#nav ul > li.community:hover ul {
	display: block;
	background: url(../svg/hover_community.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: .5em;
	padding: 0;
	float: left;
	list-style-type:none;
	width: 225px;
	height: auto;
}

#nav ul > li.reserve:hover ul {
	display: block;
	background: url(../svg/hover_reserve.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: .5em;
	padding: 0;
	float: left;
	list-style-type:none;
	width: 225px;
	height: auto;
}

#nav ul.level_two li.link2_spacer {
	background: none;
	float: left;
	width: 100%;
	height: 2.5em;
}

#nav ul.level_two li.link2_spacer2 {
	background: none;
	float: left;
	width: 100%;
	height: 1.2em;
}

#nav ul.level_two li.link2 {
	float: left;
	width: 100%;
	height: 2em;
	text-align: left;
	font-family: 'FuturaLTPro-Medium';
	font-size: .9em;
	text-transform: uppercase;
	color: rgb(160, 160, 160);
}

#nav ul.level_two li.link2:hover {
	background: none;
	color: rgb(255, 80, 90);
	width: 100%;
}

#nav ul.level_two li.link2_anchor {
	background: url(../svg/hover_bottom.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	width: 100%;
	height: 1.1em;
}




/* --- main content --- */




#main_content {
	float: left;
	margin-top: 4.25em;
	margin-left: 15%;
	width: 70%; /* 1100px */
	overflow: hidden;
}

.main_header {
	position: relative;
	width: 100%; /* 1100px */
}

.main_header .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; /* 1100px */
	z-index: 500;
}

.main_header .nav2  {
	position: absolute;
	top: 0;
	left: 7.272727272727%; /* 80px */
	width: 81.818181818182%; /* 900px */
	z-index: 600;
}

.main_header .nav2 ul {
	margin-top: 2.5%;
	margin-left: 25%;
	padding: 0;
	float: left;
	width: 79%;
	list-style-type:none;
	display: inline;
}

.main_header .nav2 ul li a {
	margin-right: 6%;
	float: left;
	width: auto;
	font-family: 'FuturaLTPro-Heavy';
	font-size: 1em;
	color: rgb(240, 235, 230);
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
}

.main_header .nav2 ul li a:hover {
	color: rgb(240, 230, 140);
}

.boxes_wrapper {
	background: rgb(240, 235, 230);
	margin-top: 9%;
	float: left;
	clear: both;
	width: 100%; /* 1100px */
	overflow: hidden;
}

.boxes_wrapper_bottom {
	margin-top: -1%;
	float: left;
	clear: both;
	width: 100%; /* 1100px */
	overflow: hidden;
}




/* --- column --- */




.site_background {
	background: url(../svg/site_background.svg);
	background-position: 0px 100px;
	background-repeat: no-repeat;
	background-size: 100% 105%;
	margin-top: 3.636363636364%; /* 40px */
	margin-left: 3.636363636364%; /* 40px */
	float: left;
	width: 92.727272727273%; /* 1020px */
	overflow: hidden;
}

.site_box {
	background: url(../svg/shadow_site.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 99.9% auto;
	float: left;
	width: 100%; /* 1020px */
}


.site_image {
	margin: 0px;
	float: left;
	width: 96.078431372549%; /* 980px */
	height: 100%;
	overflow: hidden;
}

.site_copy {
	background: rgb(240, 235, 230);
	margin-top: -90%;
	margin-left: 3.921568627451%; /* 40px */
	float: left;
	clear: both;
	width: 88.235294117647%; /* 900px */
	overflow: hidden;
}

.site_copy .site_floor {
	margin-left: 8%;
	float: left;
	width: 16%;
}

.site_copy .site_logo {
	margin-top: 6%; /* 40px */
	margin-left: 16%;
	float: left;
	width: 20%; /* 180px */
}

.site_copy .social {
	margin-top: 4%; /* 40px */
	margin-right: 4.444444444444%; /* 40px */
	float: right;
	width: 28%; /* 350px */
}

.site_copy .social .icon {
	margin-left: 4%;
	float: right;
	width: 20%; /* 350px */
	overflow: visible;
}

.site_copy .social .icon a {
	outline: none;
}

.site_copy .social .icon_mobile {
	display: none;
}

.site_copy .site_hours {
	margin-top: 4.444444444444%; /* 40px */
	float: right;
	clear: both;
	width: 100%; /* 180px */
	font-family: 'FuturaLTPro-Medium';
	font-size: 1em;
	color: rgb(180, 180, 180);
	line-height: 1.5em;
	text-align: right;
}

.site_copy .site_hours .bold {
	font-family: 'FuturaLTPro-Heavy';
	color: rgb(160, 160, 160);
}

.site_copy .site_hours   a {
	color: rgb(0, 180, 255);
	text-decoration: underline;
}

.site_copy .content {
	margin-top: 2%;
	margin-left: 8.888888888889%; /* 80px */
	float: left;
	clear: both;
	width: 82.222222222222%; /* 740px */
	font-family: 'FuturaLTPro-Medium';
	font-size: 1.05em;
	color: rgb(140, 140, 140);
	line-height: 1.7em;
	text-align: center;
	overflow: hidden;
}

.site_copy .content  a {
	font-size: 1.1em;
	color: rgb(0, 180, 255);
	text-decoration: underline;
	line-height: 1.8em;
}

.site_copy .content .bold {
	font-family: 'FuturaLTPro-Heavy';
	font-size: 1.1em;
	color: rgb(120, 120, 120);
	line-height: 1.8em;
}

.site_copy .content .packages {
	font-family: 'Xenia';
	font-size: 2.7em;
	color: rgb(130, 130, 130);
	text-transform: uppercase;
	text-shadow: 2px 2px 0px rgb(220, 220, 220);
	line-height: 1.5em;
}

.site_copy .content .notes {
	color: rgb(180, 180, 180);
}

.mainphoto_box {
	background: url(../svg/shadow_mainphoto.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100.1% auto;
	margin-top: 8%;
	margin-left: 8.888888888889%; /* 80px */
	margin-bottom: 16%;
	float: left;
	width: 82.222222222222%; /* 740px */
	text-align: center;
	overflow: hidden;
}

.mainphoto_image {
	float: left;
	width: 94.594594594595%; /* 700px */
	overflow: hidden;
}




/* --- assets --- */




h1 {
	margin-top: 4%;
	margin-bottom: 2%;
	float: left;
	width: 100%;
	font-family: 'Xenia';
	font-size: 2.7em;
	color: rgb(130, 130, 130);
	text-align: center;
	text-transform: uppercase;
	line-height: .9em;
	text-shadow: 2px 2px 0px rgb(220, 220, 220);
}

h2 {
	margin-top: .6em;
	margin-bottom: 0;
	float: left;
	width: 100%;
	font-family: 'ThirstyRoughReg';
	font-size: 1.6em;
	font-weight: normal;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-align: left;
	line-height: .9em;
}

h3 {
	margin: 0;
	float: left;
	width: 100%;
	font-family: 'FuturaLTPro-Heavy';
	font-size: 1em;
	font-weight: normal;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	text-align: left;
}

h4 {
	margin-top: 4%;
	margin-bottom: 4%;
	float: left;
	width: 100%;
	clear: both;
	font-family: 'Kessel105-Bold';
	font-size: 2em;
	color: rgb(120, 120, 120);
	text-transform: uppercase;
	text-align: center;
	line-height: 1em;
}

.banner_right_column {
	margin-top: -20%;
	float: right;
	width: 50%; /* 150px */
	height: 8em;
}

hr.hr_site {
	margin-left: 25%;
	float: left;
	width: 50%;
	border: none;
	border-top: 1px dotted rgb(180, 180, 180);
	border-bottom: 0px;
}

hr.hr_box {
	margin-top: 3%;
	float: left;
	width: 143%;
	border: none;
	border-top: 1px dotted rgb(125, 120, 115);
	border-bottom: 0px;
}




/* --- footer --- */




#footer_wrapper {
	margin-top: -3%;
	float: left;
	width: 100%;
}

#footer_wrapper .white_bar {
	background: rgb(240, 235, 230);
	margin-top: -.1%;
	margin-left: 15%;
	float: left;
	width: 70%;
	overflow: hidden;
}


#footer_wrapper .footer {
	background: rgb(0, 0, 0);
	background-size: 100% 100%;
	margin-top: 0%; /* 40px */
	margin-left: 15%;
	padding-bottom: 8%;
	float: left;
	width: 70%; /* 1100px */
	height: 100%;
}

#footer_wrapper .footer .column_left {
	padding-bottom: 2%;
	float: left;
	width: 63.636363636364%; /* 700px */
	border-bottom: 1px dotted rgb(120, 120, 120);
}

#footer_wrapper .footer .column_left1 {
	margin-top: 5.714285714286%; /* 40px */ 
	margin-left: 5.714285714286%; /* 40px */ 
	float: left;
	width: 44.285714285714%; /* 310px */
	font-size: .975em;
	line-height: 1.9em;	
}


#footer_wrapper .footer .column_left1 a {
	font-family: 'FuturaLTPro-Heavy';
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-align: left;
}

#footer_wrapper .footer .column_left1 a:hover {
	color: rgb(255, 255, 255);	
}

#footer_wrapper .footer .column_left2 {
	margin-top: 5.714285714286%; /* 40px */ 
	margin-left: 5.714285714286%; /* 40px */ 
	float: left;
	width: 44.285714285714%; /* 310px */
	font-family: 'FuturaLTPro-Medium';
	font-size: .975em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-align: left;
	line-height: 1.9em;	
}
	
#footer_wrapper .footer .column_left2 .disclaimer {
	font-family: 'FuturaLTPro-Medium';
	color: rgb(255, 255, 255);
	text-transform: none;
	text-align: left;
}
	
#footer_wrapper .footer .column_left2 a {
	color: rgb(0, 180, 255);
	text-decoration: underline;
}

#footer_wrapper .footer .column_left2 .bold {
	font-family: 'FuturaLTPro-Heavy';
}

#footer_wrapper .footer .column_right {
	float: right;
	width: 36.363636363636%; /* 400px */
}

#footer_wrapper .footer .column_right .logo2 {
	margin-top: -4%;
	margin-right: 20%; /* 80px */
	float: right;
	clear: both;
	width: 12.5em;	
}

#footer_wrapper .footer .column_right .address {
	margin-top: 4%;
	margin-right: 20%; /* 80px */
	float: right;
	clear: both;
	font-family: 'FuturaLTPro-Medium';
	font-size: 1em;
	color: rgb(240, 230, 140);
	text-align: right;
	line-height: 1.4em;
}

#footer_wrapper .footer .column_right .address  a {
	color: rgb(0, 180, 255);
	text-decoration: underline;
}

#footer_wrapper .footer .column_right .address  a {
	color: rgb(0, 180, 255);
	text-decoration: underline;
}

#footer_wrapper .footer .column_right .social_bottom {
	margin-top: 8%;
	margin-right: 20%; /* 80px */
	float: right;
	clear: both;
}

#footer_wrapper .footer .column_right .social_bottom .icon {
	margin-left: 4%;
	float: right;
	width: 20%;
}

#footer_wrapper .footer .column_right .social_bottom .icon a {
	outline: none;
}

#footer_wrapper .footer .column_right .social_bottom .icon_mobile {
	display: none;
}

}




/* Layout Medium */
@media screen
and (min-width: 1025px)
and (max-width: 1365px) {
	
body:after {
    content: 'desktop';
    display: none;
}

html, body {
	margin: 0;
	padding: 0;
	background: url(../img/wall_thebob.jpg); 
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
	height: 100%;
}

img,
embed,
object,
video {
	border: none;
	padding: 0;
	margin: 0;
}

.preload {
	position: absolute;
	left: -10000px;
	top: -10000px;
}

#wrapper {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%; /* 1100px */
	height: 100%;
}

.mobile-btn_wrapper {
	display: none;
}

.mobile {
	display: none;
}

.site-overlay {
	display: none;
}




/* --- header nav --- */




.logo {
	display: block;
	position: absolute;
	top: -2.75em; /* 20px */
	left: 3.389830508475%; /* 40px */
	width: 10.5em;
	z-index: 111000;
}

#header_wrapper {
	background: url(../svg/header_background.svg);
	background-size: 2250px 144px;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	float: left;
	left: 0;
	top: 0;
	clear: both;
	width: 100%;	height: 144px;
	border-bottom: 5px solid rgba(179, 161, 135, .4);
	z-index: 10000;
}

#nav_wrapper {
	padding: 0;
	position: absolute;
	margin-left: 10%;
	width: 80%; /* 1180px */
	z-index: 10000;
}

#nav_wrapper .header_wrapper_tablet {
	display: none;
}

#nav_wrapper .header_wrapper_mobile {
	display: none;
}

#nav_container {
	background: url(../svg/nav_banner.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%; /* 1180px */
	position: absolute;
	margin-top: 63px;
	left: 0;
	padding: 0;
	width: 100%; /* 1180px */
	height: 81px;
	z-index: 10000;
}

#nav {
	margin-right: 7.25%;
	padding: 0;
	float: right;
	width: 70.593220338983%; /* 833px */
	height: 100%;
}

#nav a {
	text-decoration: none;
}




/* nav level one */




#nav ul {
	margin-top: 0;
	padding: 0;
	float: left;
	list-style-type:none;
	width: 100%;
	height:100%
}

#nav ul li {
	float: left;
	height: 100%;
	text-align: center;
	cursor: pointer;
}

#nav ul li:hover {
	background: rgb(55, 50, 45);
}

#nav ul li.venues {
	margin-left: 2.564102564103%; /* 20px */
	width: 12.820512820513%; /* 100px */
	font-family: 'Kessel105-Bold';
	font-size: .85em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-decoration: none;
}

#nav ul li.shows {
	width: 12.820512820513%; /* 100px */
	font-family: 'Kessel105-Bold';
	font-size: .85em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-decoration: none;
}

#nav ul li.food {
	width: 10.512820512821%; /* 82px */
	font-family: 'Kessel105-Bold';
	font-size: .85em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-decoration: none;
}

#nav ul li.services {
	width: 14.102564102564%; /* 110px */
	font-family: 'Kessel105-Bold';
	font-size: .85em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-decoration: none;
}

#nav ul li.community {
	width: 16.282051282051%; /* 127px */
	font-family: 'Kessel105-Bold';
	font-size: .85em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-decoration: none;
}

#nav ul li.reserve {
	width: 13.333333333333%; /* 104px */
	font-family: 'Kessel105-Bold';
	font-size: .85em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-decoration: none;
}

#nav ul li.craftbeer {
	width: 17.0961538461535%; /* 133px */
	font-family: 'Kessel105-Bold';
	font-size: .85em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-decoration: none;
}

#nav ul li.catering {
	width: 15%; /* 117px */
	font-family: 'Kessel105-Bold';
	font-size: .85em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-decoration: none;
}




/* nav level two */




#nav ul > li ul {
	display: none;
}

#nav ul > li.venues:hover ul {
	display: block;
	background: url(../svg/hover_venues.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: .8em;
	padding: 0;
	float: left;
	list-style-type: none;
	width: 190px;
	height: auto;
}

#nav ul > li.shows:hover ul {
	display: block;
	background: url(../svg/hover_shows.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: .8em;
	padding: 0;
	float: left;
	list-style-type:none;
	width: 190px;
	height: auto;
}

#nav ul > li.food:hover ul {
	display: block;
	background: url(../svg/hover_food.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: .8em;
	padding: 0;
	float: left;
	list-style-type:none;
	width: 190px;
	height: auto;
}

#nav ul > li.services:hover ul {
	display: block;
	background: url(../svg/hover_services.svg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: .8em;
	padding: 0;
	float: left;
	list-style-type:none;
	width: 190px;
	height: auto;
}

#nav ul > li.community:hover ul {
	display: block;
	background: url(../svg/hover_community.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: .8em;
	padding: 0;
	float: left;
	list-style-type:none;
	width: 190px;
	height: auto;
}

#nav ul > li.reserve:hover ul {
	display: block;
	background: url(../svg/hover_reserve.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: .8em;
	padding: 0;
	float: left;
	list-style-type:none;
	width: 190px;
	height: auto;
}

#nav ul.level_two li.link2_spacer {
	background: none;
	float: left;
	width: 100%;
	height: 2.5em;
}

#nav ul.level_two li.link2_spacer2 {
	background: none;
	float: left;
	width: 100%;
	height: 1.2em;
}

#nav ul.level_two li.link2 {
	float: left;
	width: 100%;
	height: 2em;
	text-align: left;
	font-family: 'FuturaLTPro-Medium';
	font-size: .9em;
	text-transform: uppercase;
	color: rgb(160, 160, 160);
}

#nav ul.level_two li.link2:hover {
	background: none;
	color: rgb(255, 80, 90);
	width: 100%;
}

#nav ul.level_two li.link2_anchor {
	background: url(../svg/hover_bottom.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	width: 100%;
	height: 1.1em;
}




/* --- main content --- */




#main_content {
	float: left;
	margin-top: 3.25em;
	margin-left: 10%;
	width: 80%; /* 1100px */
	overflow: hidden;
}

.main_header {
	position: relative;
	width: 100%; /* 1100px */
}

.main_header .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; /* 1100px */
	z-index: 500;
}

.main_header .nav2  {
	position: absolute;
	top: 0;
	left: 7.272727272727%; /* 80px */
	width: 81.818181818182%; /* 900px */
	z-index: 600;
}

.main_header .nav2 ul {
	margin-top: 2.5%;
	margin-left: 25%;
	padding: 0;
	float: left;
	width: 79%;
	list-style-type:none;
	display: inline;
}

.main_header .nav2 ul li a {
	margin-right: 5.5%;
	float: left;
	width: auto;
	font-family: 'FuturaLTPro-Heavy';
	font-size: .9em;
	color: rgb(240, 235, 230);
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
}

.main_header .nav2 ul li a:hover {
	color: rgb(240, 230, 140);
}

.boxes_wrapper {
	background: rgb(240, 235, 230);
	margin-top: 9%;
	float: left;
	clear: both;
	width: 100%; /* 1100px */
	overflow: hidden;
}

.boxes_wrapper_bottom {
	margin-top: -1%;
	float: left;
	clear: both;
	width: 100%; /* 1100px */
	overflow: hidden;
}




/* --- column --- */




.site_background {
	background: url(../svg/site_background.svg);
	background-position: 0px 100px;
	background-repeat: no-repeat;
	background-size: 100% 105%;
	margin-top: 3.636363636364%; /* 40px */
	margin-left: 3.636363636364%; /* 40px */
	float: left;
	width: 92.727272727273%; /* 1020px */
	overflow: hidden;
}

.site_box {
	background: url(../svg/shadow_site.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 99.9% auto;
	float: left;
	width: 100%; /* 1020px */
}


.site_image {
	margin: 0px;
	float: left;
	width: 96.078431372549%; /* 980px */
	height: 100%;
	overflow: hidden;
}

.site_copy {
	background: rgb(240, 235, 230);
	margin-top: -90%;
	margin-left: 3.921568627451%; /* 40px */
	float: left;
	clear: both;
	width: 88.235294117647%; /* 900px */
	overflow: hidden;
}

.site_copy .site_floor {
	margin-left: 8%;
	float: left;
	width: 18%;
}

.site_copy .site_logo {
	margin-top: 6%; /* 40px */
	margin-left: 12%;
	float: left;
	width: 24%; /* 180px */
}

.site_copy .social {
	margin-top: 4%; /* 40px */
	margin-right: 4.444444444444%; /* 40px */
	float: right;
	width: 28%; /* 350px */
}

.site_copy .social .icon {
	margin-left: 4%;
	float: right;
	width: 20%; /* 350px */
	overflow: visible;
}

.site_copy .social .icon a {
	outline: none;
}

.site_copy .social .icon_mobile {
	display: none;
}

.site_copy .site_hours {
	margin-top: 4.444444444444%; /* 40px */
	float: right;
	clear: both;
	width: 100%; /* 180px */
	font-family: 'FuturaLTPro-Medium';
	font-size: .95em;
	color: rgb(180, 180, 180);
	line-height: 1.3em;
	text-align: right;
}

.site_copy .site_hours   a {
	color: rgb(0, 180, 255);
	text-decoration: underline;
}

.site_copy .site_hours .bold {
	font-family: 'FuturaLTPro-Heavy';
	color: rgb(160, 160, 160);
}

.site_copy .content {
	margin-top: 2%;
	margin-left: 8.888888888889%; /* 80px */
	float: left;
	clear: both;
	width: 82.222222222222%; /* 740px */
	font-family: 'FuturaLTPro-Medium';
	font-size: 1em;
	color: rgb(140, 140, 140);;
	line-height: 1.7em;
	text-align: center;
	overflow: hidden;
}

.site_copy .content  a {
	font-size: 1.1em;
	color: rgb(0, 180, 255);
	text-decoration: underline;
	line-height: 1.8em;
}

.site_copy .content .bold {
	font-family: 'FuturaLTPro-Heavy';
	font-size: 1.1em;
	color: rgb(120, 120, 120);
	line-height: 1.8em;
}

.site_copy .content .packages {
	font-family: 'Xenia';
	font-size: 2.5em;
	color: rgb(130, 130, 130);
	text-transform: uppercase;
	text-shadow: 2px 2px 0px rgb(220, 220, 220);
	line-height: 1.5em;
}

.site_copy .content .notes {
	color: rgb(180, 180, 180);
}

.mainphoto_box {
	background: url(../svg/shadow_mainphoto.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100.1% auto;
	margin-top: 8%;
	margin-left: 8.888888888889%; /* 80px */
	margin-bottom: 16%;
	float: left;
	width: 82.222222222222%; /* 740px */
	text-align: center;
	overflow: hidden;
}

.mainphoto_image {
	float: left;
	width: 94.594594594595%; /* 700px */
	overflow: hidden;
}




/* --- assets --- */




h1 {
	margin-top: 6%;
	margin-bottom: 2%;
	float: left;
	width: 100%;
	font-family: 'Xenia';
	font-size: 2.5em;
	color: rgb(130, 130, 130);
	text-align: center;
	text-transform: uppercase;
	line-height: .9em;
	text-shadow: 2px 2px 0px rgb(220, 220, 220);
}

h2 {
	margin-top: .6em;
	margin-bottom: 0;
	float: left;
	width: 100%;
	font-family: 'ThirstyRoughReg';
	font-size: 1.6em;
	font-weight: normal;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-align: left;
	line-height: .9em;
}

h3 {
	margin: 0;
	float: left;
	width: 100%;
	font-family: 'FuturaLTPro-Heavy';
	font-size: 1em;
	font-weight: normal;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	text-align: left;
}

h4 {
	margin-top: 4%;
	margin-bottom: 4%;
	float: left;
	width: 100%;
	clear: both;
	font-family: 'Kessel105-Bold';
	font-size: 2em;
	color: rgb(120, 120, 120);
	text-transform: uppercase;
	text-align: center;
	line-height: 1em;
}

.banner_right_column {
	margin-top: -20%;
	float: right;
	width: 50%; /* 150px */
	height: 8em;
}

hr.hr_site {
	margin-left: 25%;
	float: left;
	width: 50%;
	border: none;
	border-top: 1px dotted rgb(180, 180, 180);
	border-bottom: 0px;
}

hr.hr_box {
	margin-top: 3%;
	float: left;
	width: 143%;
	border: none;
	border-top: 1px dotted rgb(125, 120, 115);
	border-bottom: 0px;
}




/* --- footer --- */




#footer_wrapper {
	margin-top: -3%;
	float: left;
	width: 100%;
}

#footer_wrapper .white_bar {
	background: rgb(240, 235, 230);
	margin-top: -.1%;
	margin-left: 10%;
	float: left;
	width: 80%;
	overflow: hidden;
}


#footer_wrapper .footer {
	background: rgb(0, 0, 0);
	background-size: 100% 100%;
	margin-top: 0%; /* 40px */
	margin-left: 10%;
	padding-bottom: 8%;
	float: left;
	width: 80%; /* 1100px */
	height: 100%;
}

#footer_wrapper .footer .column_left {
	padding-bottom: 2%;
	float: left;
	width: 63.636363636364%; /* 700px */
	border-bottom: 1px dotted rgb(120, 120, 120);
}

#footer_wrapper .footer .column_left1 {
	margin-top: 5.714285714286%; /* 40px */ 
	margin-left: 5.714285714286%; /* 40px */ 
	float: left;
	width: 44.285714285714%; /* 310px */
	font-size: .925em;
	line-height: 1.7em;	
}


#footer_wrapper .footer .column_left1 a {
	font-family: 'FuturaLTPro-Heavy';
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-align: left;
}

#footer_wrapper .footer .column_left1 a:hover {
	color: rgb(255, 255, 255);	
}

#footer_wrapper .footer .column_left2 {
	margin-top: 5.714285714286%; /* 40px */ 
	margin-left: 5.714285714286%; /* 40px */ 
	float: left;
	width: 44.285714285714%; /* 310px */
	font-family: 'FuturaLTPro-Medium';
	font-size: .925em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-align: left;
	line-height: 1.7em;	
}
	
	#footer_wrapper .footer .column_left2 .disclaimer {
	font-family: 'FuturaLTPro-Medium';
	color: rgb(255, 255, 255);
	text-transform: none;
	text-align: left;
}
	
#footer_wrapper .footer .column_left2 a {
	color: rgb(0, 180, 255);
	text-decoration: underline;
}

#footer_wrapper .footer .column_left2 .bold {
	font-family: 'FuturaLTPro-Heavy';
}

#footer_wrapper .footer .column_right {
	float: right;
	width: 36.363636363636%; /* 400px */
}

#footer_wrapper .footer .column_right .logo2 {
	margin-top: -6%;
	margin-right: 20%; /* 80px */
	float: right;
	clear: both;
	width: 10.5em;	
}

#footer_wrapper .footer .column_right .address {
	margin-top: 4%;
	margin-right: 20%; /* 80px */
	float: right;
	clear: both;
	font-family: 'FuturaLTPro-Medium';
	font-size: 1em;
	color: rgb(240, 230, 140);
	text-align: right;
	line-height: 1.7em;
}

#footer_wrapper .footer .column_right .address  a {
	color: rgb(0, 180, 255);
	text-decoration: underline;
}

#footer_wrapper .footer .column_right .address  a {
	color: rgb(0, 180, 255);
	text-decoration: underline;
}

#footer_wrapper .footer .column_right .social_bottom {
	margin-top: 10%;
	margin-right: 20%; /* 80px */
	float: right;
	clear: both;
}

#footer_wrapper .footer .column_right .social_bottom .icon {
	margin-left: 4%;
	float: right;
	width: 18%;
}

#footer_wrapper .footer .column_right .social_bottom .icon a {
	outline: none;
}

#footer_wrapper .footer .column_right .social_bottom .icon_mobile {
	display: none;
}

}




/* Layout Tablet */
@media screen
and (min-width: 728px)
and (max-width: 1024px) {
	
body:after {
    content: 'mobile';
    display: none;
}

html, body {
	background: url(../img/wall_thebob_tablet.jpg); 
	background-position: -1px top;
	background-repeat: y-repeat;
	background-size: 100.5% auto;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	height: 100%;
}

img,
embed,
object,
video {
	border: none;
	padding: 0;
	margin: 0;
}

.preload {
	position: absolute;
	left: -10000px;
	top: -10000px;
}

#wrapper {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%; /* 400px */
	height: 100%;
	z-index: 50000;
	-webkit-backface-visibility: hidden;
	-webkit-overflow-scrolling: touch;
}

.mobile-btn_wrapper {
	position: absolute;
	margin-left: 5%;
	padding: 0;
	width: 50%;
	z-index: 70000;
}

.menu-trigger {
	margin: 0;
	padding: 0;
	float: left;
	width: 20%;
}

.home-btn {
	margin-left: -2%;
	padding: 0;
	float: left;
	width: 20%;
}




/* --- header nav --- */




.logo {
	display: block;
	position: absolute;
	margin-top: 2%;
	left: 40%;
	width: 20%;
	z-index: 111000;
}

#header_wrapper {
	padding: 0;
	float: left;
	left: 0;
	top: 0;
	clear: both;
	width: 100%;
	z-index: 10000;
}

#nav_wrapper {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%; /* 800px */
	z-index: 10000;
	border-bottom: 10px solid rgba(179, 161, 135, .4);
}

#nav_wrapper .header_wrapper_tablet {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
}

#nav_wrapper .header_wrapper_mobile {
	display: none;
}

#nav_container {
	position: absolute;
	left: 0;
	padding: 0;
	width: 100%; /* 800px */
	z-index: 10000;
}

#nav {
	display: none;
}



/* --- main content --- */




#main_content {
	float: left;
	margin-top: 22%;
	margin-left: 5%; /* 40px */
	width: 90%; /* 720px */
	overflow: hidden;
}

.main_header {
	display: none;
}

.boxes_wrapper {
	background: rgb(240, 235, 230);
	margin-top: 2%;
	float: left;
	clear: both;
	width: 100%; /* 720px */
	overflow: hidden;
}

.boxes_wrapper_bottom {
	margin-top: -1%;
	float: left;
	clear: both;
	width: 100%; /* 720px */
	overflow: hidden;
}




/* --- column --- */




.site_background {
	margin-top: 4.166666666667%; /* 30px */
	margin-left: 4.166666666667%; /* 30px */
	float: left;
	width: 91.666666666667%; /* 660px */
	overflow: hidden;
}

.site_box {
	float: left;
	width: 100%; /* 660px */
}


.site_image {
	margin: 0px;
	float: left;
	width: 100%; /* 660px */
	height: 100%;
	overflow: hidden;
}

.site_copy {
	background: rgb(240, 235, 230);
	margin-top: -95%;
	margin-left: 4.54545454545455%; /* 30px */
	float: left;
	clear: both;
	width: 90.909090909091%; /* 600px */
	overflow: hidden;
}

.site_copy .site_floor {
	margin-left: 8%;
	float: left;
	width: 18%;
}

.site_copy .site_logo {
	margin-top: 5%; /* 30px */
	margin-left: 12%;
	float: left;
	width: 24%; /* 180px */
}

.site_copy .social {
	margin-top: 4%; /* 30px */
	margin-right: 4%; /* 30px */
	float: right;
	width: 28%;
}

.site_copy .social .icon {
	display: none;
}

.site_copy .social .icon_mobile {
	margin-left: 8%;
	margin-bottom: 8%;
	float: right;
	width: 28%;
	overflow: visible;
}

.site_copy .social .icon_mobile a {
	outline: none;
}

.site_copy .site_hours {
	display: none;
}

.site_copy .content {
	margin-top: 2%;
	margin-left: 10%; /* 60px */
	float: left;
	clear: both;
	width: 80%; /* 480px */
	font-family: 'FuturaLTPro-Medium';
	font-size: 1em;
	color: rgb(140, 140, 140);
	line-height: 1.6em;
	text-align: center;
	overflow: hidden;
}

.site_copy .content  a {
	font-size: 1.05em;
	color: rgb(0, 180, 255);
	text-decoration: underline;
	line-height: 1.7em;
}

.site_copy .content .bold {
	font-family: 'FuturaLTPro-Heavy';
	font-size: 1.1em;
	color: rgb(120, 120, 120);
	line-height: 1.8em;
}

.site_copy .content .packages {
	font-family: 'Xenia';
	font-size: 2.4em;
	color: rgb(130, 130, 130);
	text-transform: uppercase;
	text-shadow: 2px 2px 0px rgb(220, 220, 220);
	line-height: 1.5em;
}

.site_copy .content .notes {
	color: rgb(180, 180, 180);
}

.mainphoto_box {
	background: url(../svg/shadow_mainphoto_tablet.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100.1% auto;
	margin-top: 8%;
	margin-left: 10%; /* 50px */
	margin-bottom: 16%;
	float: left;
	width: 80%; /* 480px */
	text-align: center;
	overflow: hidden;
}

.mainphoto_image {
	float: left;
	width: 93.75%; /* 450px */
	overflow: hidden;
}




/* --- assets --- */




h1 {
	margin-top: 6%;
	margin-bottom: 2%;
	float: left;
	width: 100%;
	font-family: 'Xenia';
	font-size: 2.4em;
	color: rgb(130, 130, 130);
	text-align: center;
	text-transform: uppercase;
	line-height: .9em;
	text-shadow: 2px 2px 0px rgb(220, 220, 220);
}

h2 {
	margin-top: .6em;
	margin-bottom: 0;
	float: left;
	width: 100%;
	font-family: 'ThirstyRoughReg';
	font-size: 1.6em;
	font-weight: normal;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-align: left;
	line-height: .9em;
}

h3 {
	margin-top: 0;
	margin-bottom: 4%;
	float: left;
	width: 100%;
	font-family: 'FuturaLTPro-Heavy';
	font-size: 1.2em;
	font-weight: normal;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	text-align: left;
}

h4 {
	margin-top: 4%;
	margin-bottom: 4%;
	float: left;
	width: 100%;
	clear: both;
	font-family: 'Kessel105-Bold';
	font-size: 2em;
	color: rgb(120, 120, 120);
	text-transform: uppercase;
	text-align: center;
	line-height: 1em;
}

.banner_right_column {
	margin-top: -20%;
	float: right;
	width: 50%; /* 150px */
	height: 8em;
}

hr.hr_site {
	margin-left: 25%;
	float: left;
	width: 50%;
	border: none;
	border-top: 1px dotted rgb(180, 180, 180);
	border-bottom: 0px;
}

hr.hr_box {
	margin-top: 3%;
	float: left;
	width: 143%;
	border: none;
	border-top: 1px dotted rgb(125, 120, 115);
	border-bottom: 0px;
}




/* --- footer --- */




#footer_wrapper {
	margin-top: -3%;
	float: left;
	width: 100%; /* 800px */
}

#footer_wrapper .white_bar {
	background: rgb(240, 235, 230);
	margin-top: -.1%;
	margin-left: 5%; /* 40px */
	float: left;
	width: 90%; /* 720px */
	overflow: hidden;
}


#footer_wrapper .footer {
	background: rgb(0, 0, 0);
	background-size: 100% 100%;
	margin-top: 0%;
	margin-left: 5%; /* 40xp */
	padding-bottom: 12%;
	float: left;
	width: 90%; /* 720px */
	height: 100%;
}

#footer_wrapper .footer .column_left1 {
	display: none;
}

#footer_wrapper .footer .column_left2 {
	margin-top: 5%;
	margin-left: 11.111111111111%; /* 80px */ 
	float: left;
	width: 34.722222222222%; /* 250px */
	font-family: 'FuturaLTPro-Medium';
	font-size: 1em;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-align: left;
	line-height: 2em;
}
	
#footer_wrapper .footer .column_left2 .disclaimer {
	font-family: 'FuturaLTPro-Medium';
	color: rgb(255, 255, 255);
	text-transform: none;
	text-align: left;
}
	
#footer_wrapper .footer .column_left2 a {
	color: rgb(0, 180, 255);
	text-decoration: underline;
}

#footer_wrapper .footer .column_left2 .bold {
	font-family: 'FuturaLTPro-Heavy';
}

#footer_wrapper .footer .column_right {
	float: right;
	width: 43.055555555556%; /* 310px */
}

#footer_wrapper .footer .column_right .logo2 {
	margin-top: -10%;
	margin-right: 25.806451612903%; /* 80px */
	float: right;
	clear: both;
	width: 50%;	
}

#footer_wrapper .footer .column_right .address {
	margin-top: 4%;
	margin-right: 25.806451612903%; /* 80px */
	float: right;
	clear: both;
	font-family: 'FuturaLTPro-Medium';
	font-size: 1em;
	color: rgb(240, 230, 140);
	text-align: right;
	line-height: 1.7em;	
}

#footer_wrapper .footer .column_right .address  a {
	color: rgb(0, 180, 255);
	text-decoration: underline;
}

#footer_wrapper .footer .column_right .social_bottom {
	margin-top: 4%;
	margin-right: 25.806451612903%; /* 80px */
	float: right;
	clear: both;
}

#footer_wrapper .footer .column_right .social_bottom .icon {
	display: none;
}

#footer_wrapper .footer .column_right .social_bottom .icon_mobile {
	margin-left: 5%;
	float: right;
	width: 20%;
}

#footer_wrapper .footer .column_right .social_bottom .icon_mobile a {
	outline: none;
}

}




/* Layout Mobile 1 */
@media screen
and (max-width: 727px)
and (min-width: 481px) {
	
body:after {
    content: 'mobile';
    display: none;
}

html, body {
	background: rgb(60, 60, 60);
	margin: 0;
	padding: 0;
	height: 100%;
}

img,
embed,
object,
video {
	border: none;
	padding: 0;
	margin: 0;
}

.preload {
	position: absolute;
	left: -10000px;
	top: -10000px;
}

#wrapper {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%; /* 800px */
	height: 100%;
	z-index: 50000;
	-webkit-backface-visibility: hidden;
	-webkit-overflow-scrolling: touch;
}

.mobile-btn_wrapper {
	position: absolute;
	margin-left: 5%;
	padding: 0;
	width: 34%;
	z-index: 70000;
}

.menu-trigger {
	margin: 0;
	padding: 0;
	float: left;
	width: 50%;
}

.home-btn {
	margin-left: -2%;
	padding: 0;
	float: left;
	width: 50%;
}




/* --- header nav --- */




.logo {
	display: block;
	position: absolute;
	margin-top: -3%;
	left: 60%;
	width: 35%;
	z-index: 111000;
}

#header_wrapper {
	padding: 0;
	float: left;
	left: 0;
	top: 0;
	clear: both;
	width: 100%;
	z-index: 10000;
}

#nav_wrapper {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%; /* 800px */
	z-index: 10000;
	border-bottom: 10px solid rgba(179, 161, 135, .4);
}

#nav_wrapper .header_wrapper_tablet {
	display: none;
}

#nav_wrapper .header_wrapper_mobile {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
}

#nav_container {
	position: absolute;
	left: 0;
	padding: 0;
	width: 100%; /* 800px */
	z-index: 10000;
}

#nav {
	display: none;
}



/* --- main content --- */




#main_content {
	float: left;
	margin-top: 22%;
	width: 100%; /* 800px */
	overflow: hidden;
}

.main_header {
	display: none;
}

.boxes_wrapper {
	background: rgb(240, 235, 230);
	float: left;
	width: 100%; /* 800px */
	overflow: hidden;
}

.boxes_wrapper_bottom {
	margin-top: -1%;
	float: left;
	width: 100%; /* 800px */
	overflow: hidden;
}




/* --- column --- */




.site_background {
	float: left;
	width: 100%; /* 800px */
	overflow: hidden;
}

.site_box {
	float: left;
	width: 100%; /* 800px */
}


.site_image {
	float: left;
	width: 100%; /* 100px */
	height: 100%;
	overflow: hidden;
	z-index: 10000
}

.site_copy {
	background: rgb(255, 255, 255);
	margin-top: -88%;
	margin-left: 5%; /* 40px */
	float: left;
	width: 90%; /* 720px */
	overflow: hidden;
	z-index: 20000
}

.site_floor {
	margin-right: 5%;
	float: right;
	width: 21%;
}

.site_logo {
	margin-top: 8%; /* 40px */
	margin-left: 35%;
	float: left;
	width: 30%;
}

.social {
	margin: 6% 38% 3% 38%;
	float: left;
	clear: both;
	width: 24%;
}

.site_copy .social .icon {
	display: none;
}

.site_copy .social .icon_mobile {
	margin: 0 5% 0 5%;
	float: left;
	width: 40%;
	overflow: visible;
}

.site_copy .social .icon_mobile a {
	outline: none;
}

.site_copy .site_hours {
	display: none;
}

.site_copy .content {
	margin-top: 2%;
	margin-left: 8.333333333333%; /* 60px */
	float: left;
	clear: both;
	width: 83.333333333333%; /* 600px */
	font-family: 'FuturaLTPro-Medium';
	font-size: 1em;
	color: rgb(140, 140, 140);
	line-height: 1.6em;
	text-align: center;
	overflow: hidden;
}

.site_copy .content  a {
	font-size: 1.05em;
	color: rgb(0, 180, 255);
	text-decoration: underline;
	line-height: 1.7em;
}

.site_copy .content .bold {
	font-family: 'FuturaLTPro-Heavy';
	font-size: 1.1em;
	color: rgb(120, 120, 120);
	line-height: 1.8em;
}

.site_copy .content .packages {
	font-family: 'Xenia';
	font-size: 2.4em;
	color: rgb(130, 130, 130);
	text-transform: uppercase;
	text-shadow: 2px 2px 0px rgb(220, 220, 220);
	line-height: 1.5em;
}

.site_copy .content .notes {
	color: rgb(180, 180, 180);
}

.mainphoto_box {
	background: url(../svg/shadow_mainphoto_mobile.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100.1% auto;
	margin-top: 10%;
	margin-left: 8.333333333333%; /* 60px */
	margin-bottom: 16%;
	float: left;
	width: 83.333333333333%; /* 600px */
	text-align: center;
	overflow: hidden;
}

.mainphoto_image {
	float: left;
	width: 95%; /* 570px */
	overflow: hidden;
}




/* --- assets --- */




h1 {
	margin-top: 6%;
	margin-left: 8.333333333333%; /* 60px */
	margin-bottom: 2%;
	float: left;
	width: 83.333333333333%; /* 600px */
	font-family: 'Xenia';
	font-size: 2.4em;
	color: rgb(130, 130, 130);
	text-align: center;
	text-transform: uppercase;
	line-height: 1em;
	text-shadow: 2px 2px 0px rgb(220, 220, 220);
}

h2 {
	margin-top: .6em;
	margin-bottom: 0;
	float: left;
	width: 100%;
	font-family: 'ThirstyRoughReg';
	font-size: 1.6em;
	font-weight: normal;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-align: left;
	line-height: .9em;
}

h3 {
	margin-top: 0;
	margin-bottom: 4%;
	float: left;
	width: 100%;
	font-family: 'FuturaLTPro-Heavy';
	font-size: 1.2em;
	font-weight: normal;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	text-align: left;
}

h4 {
	margin-top: 4%;
	margin-bottom: 4%;
	float: left;
	width: 100%;
	clear: both;
	font-family: 'Kessel105-Bold';
	font-size: 2em;
	color: rgb(120, 120, 120);
	text-transform: uppercase;
	text-align: center;
	line-height: 1em;
}

.banner_right_column {
	margin-top: -20%;
	float: right;
	width: 50%; /* 150px */
	height: 8em;
}

hr.hr_site {
	margin-left: 20%;
	float: left;
	width: 60%;
	border: none;
	border-top: 1px dotted rgb(180, 180, 180);
	border-bottom: 0px;
}

hr.hr_box {
	margin-top: 3%;
	float: left;
	width: 143%;
	border: none;
	border-top: 1px dotted rgb(125, 120, 115);
	border-bottom: 0px;
}




/* --- footer --- */




#footer_wrapper {
	float: left;
	width: 100%; /* 800px */
}

#footer_wrapper .white_bar {
	display: none;
}


#footer_wrapper .footer {
	background: rgb(0, 0, 0);
	background-size: 100% 100%;
	margin-top: 0%;
	padding-bottom: 20%;
	float: left;
	width: 100%; /* 800px */
	height: 100%;
}

#footer_wrapper .footer .column_left1 {
	display: none;
}

#footer_wrapper .footer .column_left2 {
	display: none;
}

#footer_wrapper .footer .column_right {
	float: left;
	width: 100%; /* 800px */
}

#footer_wrapper .footer .column_right .logo2 {
	margin-top: -6%;
	margin-left: 33%;
	float: left;
	clear: both;
	width: 34%;	
}

#footer_wrapper .footer .column_right .address {
	margin-top: 12%;
	margin-left: 10%;
	float: left;
	clear: both;
	width: 80%;
	font-family: 'FuturaLTPro-Medium';
	font-size: 1.3em;
	line-height: 1.7em;
	color: rgb(240, 230, 140);
	text-align: center;	
}

#footer_wrapper .footer .column_right .address  a {
	color: rgb(0, 180, 255);
	text-decoration: underline;
}

#footer_wrapper .footer .column_right .social_bottom {
	margin-top: 12%;
	margin-left: 25%;
	float: left;
	clear: both;
	width: 50%;
}

#footer_wrapper .footer .column_right .social_bottom .icon {
	display: none;
}

#footer_wrapper .footer .column_right .social_bottom .icon_mobile {
	margin: 0 2% 0 2%;
	float: left;
	width: 29.3333333%;
}

#footer_wrapper .footer .column_right .social_bottom .icon_mobile a {
	outline: none;
}

}




/* Layout Mobile 2 */
@media screen
and (max-width: 480px) {
	
body:after {
    content: 'mobile';
    display: none;
}

html, body {
	background: rgb(60, 60, 60);
	margin: 0;
	padding: 0;
	height: 100%;
}

img,
embed,
object,
video {
	border: none;
	padding: 0;
	margin: 0;
}

.preload {
	position: absolute;
	left: -10000px;
	top: -10000px;
}

#wrapper {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%; /* 800px */
	height: 100%;
	z-index: 50000;
	-webkit-backface-visibility: hidden;
	-webkit-overflow-scrolling: touch;
}

.mobile-btn_wrapper {
	position: absolute;
	margin-left: 5%;
	padding: 0;
	width: 34%;
	z-index: 70000;
}

.menu-trigger {
	margin: 0;
	padding: 0;
	float: left;
	width: 50%;
}

.home-btn {
	margin-left: -2%;
	padding: 0;
	float: left;
	width: 50%;
}




/* --- header nav --- */




.logo {
	display: block;
	position: absolute;
	margin-top: -3%;
	left: 60%;
	width: 35%;
	z-index: 111000;
}

#header_wrapper {
	padding: 0;
	float: left;
	left: 0;
	top: 0;
	clear: both;
	width: 100%;
	z-index: 10000;
}

#nav_wrapper {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%; /* 800px */
	z-index: 10000;
	border-bottom: 10px solid rgba(179, 161, 135, .4);
}

#nav_wrapper .header_wrapper_tablet {
	display: none;
}

#nav_wrapper .header_wrapper_mobile {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
}

#nav_container {
	position: absolute;
	left: 0;
	padding: 0;
	width: 100%; /* 800px */
	z-index: 10000;
}

#nav {
	display: none;
}



/* --- main content --- */




#main_content {
	float: left;
	margin-top: 22%;
	width: 100%; /* 800px */
	overflow: hidden;
}

.main_header {
	display: none;
}

.boxes_wrapper {
	background: rgb(240, 235, 230);
	float: left;
	width: 100%; /* 800px */
	overflow: hidden;
}

.boxes_wrapper_bottom {
	margin-top: -1%;
	float: left;
	width: 100%; /* 800px */
	overflow: hidden;
}




/* --- column --- */




.site_background {
	float: left;
	width: 100%; /* 800px */
	overflow: hidden;
}

.site_box {
	float: left;
	width: 100%; /* 800px */
}


.site_image {
	float: left;
	width: 100%; /* 100px */
	height: 100%;
	overflow: hidden;
	z-index: 10000
}

.site_copy {
	background: rgb(255, 255, 255);
	margin-top: -88%;
	margin-left: 5%; /* 40px */
	float: left;
	width: 90%; /* 720px */
	overflow: hidden;
	z-index: 20000
}

.site_floor {
	margin-right: 5%;
	float: right;
	width: 21%;
}

.site_logo {
	margin-top: 8%; /* 40px */
	margin-left: 35%;
	float: left;
	width: 30%;
}

.social {
	margin: 6% 38% 3% 38%;
	float: left;
	clear: both;
	width: 24%;
}

.site_copy .social .icon {
	display: none;
}

.site_copy .social .icon_mobile {
	margin: 0 5% 0 5%;
	float: left;
	width: 40%;
	overflow: visible;
}

.site_copy .social .icon_mobile a {
	outline: none;
}

.site_copy .site_hours {
	display: none;
}

.site_copy .content {
	margin-top: 2%;
	margin-left: 8.333333333333%; /* 60px */
	float: left;
	clear: both;
	width: 83.333333333333%; /* 600px */
	font-family: 'FuturaLTPro-Medium';
	font-size: .95em;
	color: rgb(140, 140, 140);
	line-height: 1.5em;
	text-align: center;
	overflow: hidden;
}

.site_copy .content  a {
	font-size: 1em;
	color: rgb(0, 180, 255);
	text-decoration: underline;
	line-height: 1.6em;
}

.site_copy .content .bold {
	font-family: 'FuturaLTPro-Heavy';
	font-size: 1em;
	color: rgb(120, 120, 120);
	line-height: 1.7em;
}

.site_copy .content .packages {
	font-family: 'Xenia';
	font-size: 1.8em;
	color: rgb(130, 130, 130);
	text-transform: uppercase;
	text-shadow: 2px 2px 0px rgb(220, 220, 220);
	line-height: 1.4em;
}

.site_copy .content .notes {
	color: rgb(180, 180, 180);
}

.mainphoto_box {
	background: url(../svg/shadow_mainphoto_mobile.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100.1% auto;
	margin-top: 10%;
	margin-left: 8.333333333333%; /* 60px */
	margin-bottom: 16%;
	float: left;
	width: 83.333333333333%; /* 600px */
	text-align: center;
	overflow: hidden;
}

.mainphoto_image {
	float: left;
	width: 95%; /* 570px */
	overflow: hidden;
}




/* --- assets --- */




h1 {
	margin-top: 6%;
	margin-left: 8.333333333333%; /* 60px */
	margin-bottom: 2%;
	float: left;
	width: 83.333333333333%; /* 600px */
	font-family: 'Xenia';
	font-size: 1.8em;
	color: rgb(130, 130, 130);
	text-align: center;
	text-transform: uppercase;
	line-height: 1em;
	text-shadow: 2px 2px 0px rgb(220, 220, 220);
}

h2 {
	margin-top: .6em;
	margin-bottom: 0;
	float: left;
	width: 100%;
	font-family: 'ThirstyRoughReg';
	font-size: 1.6em;
	font-weight: normal;
	color: rgb(240, 230, 140);
	text-transform: uppercase;
	text-align: left;
	line-height: .9em;
}

h3 {
	margin-top: 0;
	margin-bottom: 4%;
	float: left;
	width: 100%;
	font-family: 'FuturaLTPro-Heavy';
	font-size: 1.2em;
	font-weight: normal;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	text-align: left;
}

h4 {
	margin-top: 4%;
	margin-bottom: 4%;
	float: left;
	width: 100%;
	clear: both;
	font-family: 'Kessel105-Bold';
	font-size: 2em;
	color: rgb(120, 120, 120);
	text-transform: uppercase;
	text-align: center;
	line-height: 1em;
}

.banner_right_column {
	margin-top: -20%;
	float: right;
	width: 50%; /* 150px */
	height: 8em;
}

hr.hr_site {
	margin-left: 20%;
	float: left;
	width: 60%;
	border: none;
	border-top: 1px dotted rgb(180, 180, 180);
	border-bottom: 0px;
}

hr.hr_box {
	margin-top: 3%;
	float: left;
	width: 143%;
	border: none;
	border-top: 1px dotted rgb(125, 120, 115);
	border-bottom: 0px;
}




/* --- footer --- */




#footer_wrapper {
	float: left;
	width: 100%; /* 800px */
}

#footer_wrapper .white_bar {
	display: none;
}


#footer_wrapper .footer {
	background: rgb(0, 0, 0);
	background-size: 100% 100%;
	margin-top: 0%;
	padding-bottom: 20%;
	float: left;
	width: 100%; /* 800px */
	height: 100%;
}

#footer_wrapper .footer .column_left1 {
	display: none;
}

#footer_wrapper .footer .column_left2 {
	display: none;
}

#footer_wrapper .footer .column_right {
	float: left;
	width: 100%; /* 800px */
}

#footer_wrapper .footer .column_right .logo2 {
	margin-top: -6%;
	margin-left: 33%;
	float: left;
	clear: both;
	width: 34%;	
}

#footer_wrapper .footer .column_right .address {
	margin-top: 12%;
	margin-left: 10%;
	float: left;
	clear: both;
	width: 80%;
	font-family: 'FuturaLTPro-Medium';
	font-size: 1.1em;
	line-height: 1.5em;
	color: rgb(240, 230, 140);
	text-align: center;	
}

#footer_wrapper .footer .column_right .address  a {
	color: rgb(0, 180, 255);
	text-decoration: underline;
}

#footer_wrapper .footer .column_right .social_bottom {
	margin-top: 12%;
	margin-left: 25%;
	float: left;
	clear: both;
	width: 50%;
}

#footer_wrapper .footer .column_right .social_bottom .icon {
	display: none;
}

#footer_wrapper .footer .column_right .social_bottom .icon_mobile {
	margin: 0 2% 0 2%;
	float: left;
	width: 29.3333333%;
}

#footer_wrapper .footer .column_right .social_bottom .icon_mobile a {
	outline: none;
}

}