/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */


/* #Font-Face
================================================== */

@font-face {
    font-family: 'engravers';
    src: url('/css/engravers.eot');
    src: url('/css/engravers.eot') format('embedded-opentype'),
         url('/css/engravers.woff') format('woff'),
         url('/css/engravers.ttf') format('truetype'),
         url('/css/engravers.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* #TheBoatHouse
================================================== */

#counter {
	position: fixed;
	right: 0;
	bottom:0;
	padding: 10px;
	z-index: 3000;
	font-family: proxima-nova, "proxima nova", "helvetica neue", arial, sans-serif;
	font-size: 14px;
	background-color: rgba(205,205,155,.8);
}

html, body {
	height: 100%;
}

/*body { 
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
}*/

h1 {
	font-family: engravers;
	font-size: 20px;
	color: #9b3127;
	line-height: 20px;
	margin-bottom: 20px;
}

p {
	font-family: proxima-nova, "proxima nova", "helvetica neue", arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

i {
	font-style: italic;
}

#wrapper {
	position: relative;
	/*padding-top: 700px;*/
	/*min-height: 100%;*/
/*	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	-ms-box-sizing: border-box; 
	box-sizing: border-box; */       
	overflow: hidden;
	/*background-image: url(/img/img_02Rq2.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center 150px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;*/
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";*/
	padding-bottom: 50px;
	/*-webkit-transition: background-image 800ms ease;
	-moz-transition: background-image 800ms ease;*/
/*	-moz-transition: background-position .5s;
	-webkit-transition: background-position .5s;
	transition: background-position .5s;*/
}


.main-bg {
	position: fixed;
	width: 960px;
	height: 100%;
	top:110px;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 0px;
	-webkit-transition: opacity 1s 1s;
	-moz-transition: opacity 1s 1s;
	-ms-transition: opacity 1s 1s;
	-o-transition: opacity 1s 1s;
	transition: opacity 1s 1s;
} 

#home-bg.on #home-welcome.loaded, #home-bg.on, #menus-bg.on, #info-bg.on, #location-bg.on, #about-bg.on {
	opacity: 1;
}


#home {
	text-align: center;
	min-height: 800px;
	/*background-color: red;*/
	display: block;

}

#home-welcome {

	background-image: url("/img/welcome_aboard_splash.png");
	background-position: center -57px;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	position: fixed;
	width: 960px;
	height: 100%;
	top:110px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 3s 2s ;
	-moz-transition: opacity 3s 2s;
	-o-transition: opacity 3s 2s;
	-ms-transition: opacity 3s 2s;
	transition: opacity 3s 2s;
	/*display: none;*/
	
	
}

#home-welcome.loaded {
	opacity: 1;
}



#about {
	display: block;
	padding: 135px 0 25px;
	/*margin-bottom: 700px;*/
	


	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;        
	/*background-attachment: fixed;*/
	/*background-image: url(/img/img_02Rq2.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	
	
}

#menus {
	display: block;
	padding: 135px 0 45px;
	/*margin-bottom: 600px;*/
	/*margin-top: 110px;*/
	/*min-height: 600px;*/

	


	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;        
	/*background-attachment: fixed;*/
	/*background-image: url(/img/img_03Rq5.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}


#info {
	display: block;
	padding: 135px 0 25px;
	/*margin-bottom: 700px;	*/
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;        
	/*background-attachment: fixed;*/
	/*background-image: url(/img/img_02Rq2.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
		
}

#location {
	display: block;
	padding: 135px 0 25px;
	/*margin-bottom: 800px;*/
	/*min-height: 600px;*/
	


	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;        
	/*background-attachment: fixed;*/
	/*background-image: url(/img/img_03Rq5.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}


.narrow-content-box {
	background: rgba(255,255,255,0.85);
	padding: 25px 25px 20px;
	margin: 0px 25px 25px 25px;
	width: 300px;
	display: block;
}

.wide-content-box {
	background: rgba(255,255,255,0.85);
	padding: 25px 25px 35px;
	margin: 0px 25px 25px 25px;
}

.location-content-box {
	background-color: rgba(255,255,255,0.85);
	/*padding: 25px;*/
	margin: 0px 25px 0px 25px;
}

.location-box-text {
	float: left;
	padding: 25px;
	width: 210px;
}

#location-box-map {
	/*float: left;*/
	float: right;
	width: 650px;
	height: 400px;
	overflow: hidden;
	/*position: relative;*/
	/*display: none;*/
}

#map-container {
	/*position: absolute;*/
	width: 650px;
	height: 400px;
	overflow: hidden;
	/*display: none !important;*/
}


/*.location-box-map iframe {
	display: none;
}

.location-box-map.on iframe {
	display: block;
}*/

#location-box-map iframe {
	vertical-align: bottom;
}

.header-bg {
	position: fixed;
	top: 0px;
	background-color: #fff;
	z-index: 100;
	display: block;
	padding-bottom: 20px;
	
	/*overflow: hidden;*/
}

#header {
	position: relative;
	
	/*top:0;*/
	padding-top: 30px;
	/*background-color: #fff;
	*/
	height: 130px;
	border-bottom: 1px solid #161d3c;
	/*z-index: 100;*/
	-webkit-transition: height .5s;
	-moz-transition: height .5s;
	-o-transition: height .5s;
	-ms-transition: height .5s;
	transition: height .5s;
	
	-o-transition: padding-top .5s;
	-ms-transition: padding-top .5s;
	-moz-transition: padding-top .5s;
	-webkit-transition: padding-top .5s;
	transition: padding-top .5s;
	
}

#social {
	/*position: absolute;
	top:-21px;
	right:105px;
	background-image: url('/img/social_bg.png');
	background-repeat: no-repeat ;
	-webkit-background-size: 90px 50px;
	-moz-background-size: 90px 50px;
	background-size: 90px 50px;
	
	height: 50px;
	width: 90px;
	z-index: 11000;
	display: block;
	-webkit-transition: top .3s;
	-moz-transition: top .3s;
	-o-transition: top .3s;
	-ms-transition: top .3s;
	transition: top .3s;*/

	margin: -5px 0 -4px;
	line-height: 30px;
}

#social:hover {
	/*top:0;*/
}

#twitter {
	display: inline-block;
	float: right;
	width: 32px;
	height: 32px;
	background: url(/img/twitter.png) no-repeat;
	background-size: 32px 32px;
	/*margin-left: 5px;*/
}

#twitter:hover {
	background: url(/img/twitter_h.png) no-repeat;


}

#facebook {
	float: right;
	display: inline-block;
	margin-left: 5px;
	width: 32px;
	height: 32px;
	background: url(/img/facebook.png) no-repeat;
	background-size: 32px 32px;
	
}

#facebook:hover {
	background: url(/img/facebook_h.png) no-repeat;
}

.logo-container {
	text-align: center;
	height: 120px;
}

#logo {
	width: 290px; 
	height: 120px;
	display: inline-block;
	position: relative;
	text-align: center;
	margin-top: -3px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center top;

}



.top-nav {
	text-align: center;
}

.top-nav ul {
	display: inline-block;
	margin-top: 38px;
}

.top-nav ul li {
	display: inline-block;
	


}

.top-nav ul li a {
	font-family: proxima-nova, "proxima nova";
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	width: 100px;
	height: 24px;
	/*padding-bottom: 7px;*/
	border-bottom: 1px solid #f0eede;
	display: block;
	margin: 0 7px;
}

.top-nav ul li a:hover, .top-nav ul li a.on {
	/*border-bottom: 1px solid #161d3c; */
}

a#about-link:hover, a#about-link.on {
	border-bottom: 1px solid #9b3127;
}

a#menus-link:hover, a#menus-link.on {
	border-bottom: 1px solid #2699d4;
}

a#info-link:hover, a#info-link.on {
	border-bottom: 1px solid #2b7f6f;
}

a#location-link:hover, a#location-link.on {
	border-bottom: 1px solid #7f4663;
}

#wrapper.mini {
	/*padding-top: 100%;*/
	/*background-position: center 100px;*/
}



.mini #header {
	height: 90px;
	padding-top: 0px;
}

.mini .header-bg {
	/*height: 100px;
	padding: 0;*/
}
.mini .top-nav ul {
	/*margin-top: 20px;*/
}



.mini .logo-container {
	height: 80px;
	
	overflow: hidden;

}

.mini #logo {
	height: 50px;
	margin-top: 20px;
	background-position: center -24px;
}

/*   MENUS   */
#menus .wide-content-box {
	position: relative;
	min-height: 800px;
}

a#menu-download {
	
	/*background-color: red;*/
	
	position: absolute;
	top:0;
	right: 43px;
}

a#menu-download img {
	width: 43px;
	height: 59px;
}

#lunch {
	/*display: none;*/
}
#brunch {
	
}
#drinks {
	
}

.menu-left-col {
	width: 80px;
	min-height: 900px;
	float: left;
	background: url(/img/bracket.png) no-repeat right top;
}

.rotatext {
	position: absolute;
	
	top:586px;
	left:25px;
	display: block;
	
	/*-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin:0% 0%;
	-webkit-transform-origin:0% 0%;
	white-space: nowrap;
	color: #2699d4;
	font-family: engravers;
	font-size: 40px;
	margin:0;
	line-height: 1;
	text-align: right;
	width: 500px;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}

.menu-col {
	/*background-color: green;*/
	width: 350px;
	margin:8px 5px 0 25px;
	float: left;
}

.menu-narrow-col {

	width: 320px;
	margin:8px 5px 0 25px;
	float: left;
}

.menu-wide-col {
	width: 380px;
	margin:8px 5px 0 25px;
	float: left;
}

#menus dl, #menus dt, #menus dd, #menus p {
	color: #343534;
}

#menus h1 {
	font-size: 20px;
	margin-bottom: 40px;
	color: #818382;
	/*color: #2699d4;*/
}

#menus h1 a {
	color: #818382;
	text-decoration: none;
}

#menus h1 a.on, #menus h1 a:hover {
	color: #2699d4;
}

#menus h2 {
	color: #2699d4;
	font-family: engravers;
	font-size: 16px;
	border-bottom: 1px solid #2699d4;
	line-height: 20px;
	margin-bottom: 20px;
}

dl {
	margin-bottom: 40px;
}

dt, dd {
	font-family: proxima-nova, "proxima nova", "helvetica neue", arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

dt {
	font-weight: bold;
	display: inline-block;
	/*margin-right: 1ex;*/
} 

#drinks dt {
	font-weight: normal;
}

dd.price {
	font-style: italic;
	display: inline;
}

#drinks dd.price:after
{
	content:"\A"; white-space:pre; 
} 

dd.desc {
	display: block;
}


#drinks dd.price {
	font-style: normal;
}
dt {
	margin-top: 20px;
}

dt:first-child {
	margin-top: 0;
}


dt.moby {
	display: none;
}

br.moby {
	display: none
}

#menus .verte {
	text-align: right;
	
	display: block;
	/*cursor: pointer;*/
	clear: both;
	margin-bottom: -20px;
}

.verte a {
	text-transform: uppercase;
	font-weight: bold;
	font-family: proxima-nova, "proxima nova", "helvetica neue", arial, sans-serif;
	font-size: 14px;
	color: #2699d4;
	text-decoration: none;
}

.verte .arr {

	font-family: "helvetica neue", "proxima-nova", sans-serif;
	font-weight: bold;
}

/*    INFORMATION    */

#info {
	position: relative;
}

a#daedalus-link {
	
	position: absolute;
	top:135px;
	right: 0px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

a#daedalus-link.on {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: .8;

}


a#daedalus-link img {
	width: 167px;
	height: 84px;
}


#info h1, #info h2 {
	color: #2b7f6f;
}

#info b {
	font-weight: bold;
}

#info .under {
	border-bottom: 1px solid #2b7f6f;

}

#info p.under {
	margin-bottom: 16px;
	padding-bottom: 3px;
}

#info a {
	color: #2b7f6f;
	text-decoration: none;
	font-style: italic;
}

/*     Location     */

#location h1, #location h2 {
	color: #7f4663;
}




.footer.container {
	position: fixed;
	/*margin-top: -78px; 
	height: 78px;*/
	bottom: 0px;
	clear: both; 
	background: url(/img/wave_pattern.png) repeat-x;
	-webkit-transition: bottom .5s;
	-moz-transition: bottom .5s;
	-o-transition: bottom .5s;
	-ms-transition: bottom .5s;
	transition: bottom .5s;

	/*transition-delay: .5s;
	-moz-transition-delay: .5s; 
	-webkit-transition-delay: .5s; 
	-o-transition-delay: .5s; 
	-ms-transition-delay: .5s;*/


}

.footer.container.off {

	bottom: -80px;
}

#footer .left-foot, #footer .right-foot {
	margin-top: 20px;
	text-align: center;
	color: #161d3c;
	text-transform: uppercase;
	display: block;
}

#footer .right-foot {float: right;}

#footer .nautical {
	text-align: center;
	padding-top: 10px;
	display: block;
	overflow: hidden;
	text-align: center;
	
}

#footer .nautical a {
	position: relative;
	display: inline-block;
	margin: auto;
	width: 57px;
	height: 57px;
}

.nautical-bg {
	display: block;
	width: 57px;
	height: 57px;
	background-size: 57px 57px;
	background-repeat: no-repeat;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0s 1s;
	-moz-transition: opacity 1s 1s;
	-o-transition: opacity 1s 1s;
	-ms-transition: opacity 1s 1s;
	transition: opacity 1s 1s;
	position: absolute;
	top:0
	left:0;
}

.nautical-bg.on {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	opacity: 1;
	-webkit-transition: opacity 1s 1s;
}

#nautical_home {
	background-image: url(/img/nautical_home.png);
}
#nautical_about {
	background-image: url(/img/nautical_about.png);
}
#nautical_menus {
	background-image: url(/img/nautical_menus.png);
}
#nautical_info {
	background-image: url(/img/nautical_info.png);
}
#nautical_location {
	background-image: url(/img/nautical_location.png);
}

.nautical a:hover .nautical-bg {
	background-image: url(/img/nautical_capiche.png) !important;
}




#footer p{
	font-size: 12px;
	margin-bottom: 0;
	padding-top: 1px;
	line-height: 17px;
	/*vertical-align: middle;*/
}
.footer-engravers{
	font-family: engravers;
	font-size: 16px;
	color: #161d3c;
}


.footer-engravers-smaller{
	font-family: engravers;
	font-size: 14px;
	color: #161d3c;
}

#footer a {
	text-decoration: none;
}
.mobile-footer {
	display: none;
}

.portrait {
	display: none;
}

.landscape {
	display: inline;
}

.smartphone {
	display: none;
}

.non-smartphone {
	display: inline;
}


/* Retinization 
================================================== */

#logo {
	background-image: url('/img/theboathouse_logo.jpg');
}
 
@media all and (-webkit-min-device-pixel-ratio: 2) {

#logo {
	background-image: url('/img/theboathouse_logo2x.jpg');
	background-size: 290px 108px;
	}


	#twitter {
		background: url(/img/twitter2x.png) no-repeat;
		background-size: 32px 32px;
	}
	#twitter:hover {
		background: url(/img/twitter_h2x.png) no-repeat;
	}
	#facebook {
		background: url(/img/facebook2x.png) no-repeat;
		background-size: 32px 32px;
	}
	#facebook:hover {
		background: url(/img/facebook_h2x.png) no-repeat;
	}
}
/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {


/*	#logo-img {
		width: 220px;
	}
	.top-nav ul li a {
		font-size: 14px;
		width: 80px;
		margin: 0 5px;
		height: 22px;
	}

*/
}



.ie	#home-bg {
		background-image:  url("/img/img_02_full_q5r.jpg");
		background-position: 0 center;
		background-size: cover;
		
		opacity: 0;
	}

.ie	#about-bg {
		background-image: url("/img/img_01_full_q5r.jpg");
		opacity: 0;
	}

.ie	#menus-bg {
		background-image: url("/img/img_03_full_q5r.jpg");
		opacity: 0;
	}

.ie	#info-bg{
		background-image: url("/img/img_04_full_q5r.jpg");
		opacity: 0;
	}

.ie	#location-bg {
		background-image: url("/img/img_05_full_q5r.jpg");
		opacity: 0
	}


.ie .narrow-content-box, .ie .wide-content-box, .ie .location-content-box {
	background-color: white;
}



@media only screen and (min-width: 1025px) {

	#home-bg {
		background-image:  url("/img/img_02_full_q5r.jpg");
		background-position: 0 center;
		background-size: cover;
		
		opacity: 0;
	}

	#about-bg {
		background-image: url("/img/img_01_full_q5r.jpg");
		opacity: 0;
	}

	#menus-bg {
		background-image: url("/img/img_03_full_q5r.jpg");
		opacity: 0;
	}

	#info-bg{
		background-image: url("/img/img_04_full_q5r.jpg");
		opacity: 0;
	}

	#location-bg {
		background-image: url("/img/img_05_full_q5r.jpg");
		opacity: 0
	}

}

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

#home-bg {
		background-image:  url("/img/img_02_full_q7.jpg");
		background-position: 0 center;
		background-size: cover;
		
		opacity: 0;
	}

	#about-bg {
		background-image: url("/img/img_01_full_q7.jpg");
		opacity: 0;
	}

	#menus-bg {
		background-image: url("/img/img_03_full_q7.jpg");
		opacity: 0;
	}

	#info-bg{
		background-image: url("/img/img_04_full_q7.jpg");
		opacity: 0;
	}

	#location-bg {
		background-image: url("/img/img_05_full_q7.jpg");
		opacity: 0
	}



}








/* Tablet Portrait size to standard 960 (devices and browsers) */
/*@media only screen and (min-width: 768px) and (max-width: 959px)*/ 
@media only screen and (max-width: 959px){

.top-nav ul li a {
	font-size: 12px;
	width: 70px;
	}



	.main-bg {
		width: 768px;
	}
	#home-welcome {
		width: 768px;
	}


	


	#logo {
		width: 268px;
		background-size: 100%;
		margin-top: 1px;
		background-image: url('/img/theboathouse_logo2x.jpg');
	}

	.mini #logo {
    background-position: center -22px;
    height: 48px;
    margin-top: 22px;
	}

	#location-box-map {
		width: 458px;
	}

	#about h1,#info h1,#location h1 {
		font-size: 18px;
	}

	#menus h1 ,#menus h1 a{
		font-family: engravers;
		font-size: 18px;
	}


	.menu-left-col {
		width: 75px;
	}

	.menu-col {
		/*background-color: green;*/
		width: 270px;
		margin:8px 10px 0 15px;
		float: left;
		line-height: 18px;
	}

	.menu-narrow-col {

		width: 265px;
		margin:8px 10px 0 15px;
		float: left;
		line-height: 18px;
	}

	.menu-wide-col {
		width: 278px;
		margin:8px 10px 0 15px;
		float: left;
		line-height: 18px;
	}

	#menus dt, #menus dd, #menus p {
		font-size: 13px;
		margin-right: inherit;
	}

	dt.moby {
		display: inline-block;
	}
	 dt.desk {
	 	display: none;
	}

	br.moby {
		display: inline
	}

	#location-box-map {
		
		width: 458px;
		z-index: 6000;
		/*display: none;*/
	}


	#map-container {
		width: 458px;
	}

	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {



	#home {
		margin-bottom: 50px;
	}



	#about h1,#info h1,#location h1 {
		font-size: 16px;
	}

	#menus h1 {
		font-family: proxima-nova, "proxima nova", "helvetica neue", arial, sans-serif;
		font-size: 12px;
	}

	#menus h1 a{
		font-family: engravers;
		font-size: 16px;
	}

	#menus h2 {
		font-size: 14px;
	}


	#home-bg {
		background-image:  url("/img/img_02_full_q5i.jpg");
		background-position: 0 center;
		background-size: cover;
		
		opacity: 0;
	}

	#about-bg {
		background-image: url("/img/img_01_full_q5i.jpg");
		opacity: 0;
	}

	#menus-bg {
		background-image: url("/img/img_03_full_q5i.jpg");
		opacity: 0;
	}

	#info-bg{
		background-image: url("/img/img_04_full_q5i.jpg");
		opacity: 0;
	}

	#location-bg {
		background-image: url("/img/img_05_full_q5i.jpg");
		opacity: 0
	}


	#wrapper {
		padding-bottom: 0px;
	}
	
	.main-bg{
		width: 480px;
		top: 50px;
	}

	#home-welcome {
		width: 480px;
		top: 50px;
		background-position: center 140%;
		/*-webkit-background-size: auto 100%;*/
		
		background-size: auto 120%;
	}

	.header-bg {
		padding:0;
		height: 50px;
	}

	.narrow-content-box,  .wide-content-box, .location-content-box{
		margin: 15px;
		width: 420px;
		padding:15px;
	}
	.location-box-text {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#location-box-map, #map-container {
		width: 420px;
		height: 260px;

	}

	.footer.container {
		position: relative;
	}

		#header, .mini #header {
		height: 50px;
		padding-top: 0px;
	}

	.top-nav {
		width: 140px !important;
	}

	.top-nav ul {
		margin-top: 14px;
	}

	.top-nav ul li a {
		font-size: 10px;
		width: 50px;
		height: 20px;
		margin: 0 2px;
	}

	.logo-container, .mini .logo-container {
		height: inherit;
		
		overflow: hidden;
		width: 200px !important;

	}

	#logo, .mini #logo {
		height: 24px;
		margin-top: 10px;
		background-position: center -20px;
		background-size: 200px auto;
		width: 200px ;
	}

	#about {
		padding-top: 50px;
	}

	#menus {
		padding-top: 50px;
	}

	#info {
		padding-top: 50px;
	}

	#location {
		padding-top: 50px;
	}

	.menu-left-col {
		display: none;
	}

	a#menu-download {
		display: none;
		/*right:15px;*/
	}
	.menu-col, .menu-wide-col, .menu-narrow-col {
		width: 100%;
		padding:0;
		margin: 0px;

	}
	br.moby {
		display: none;
	}

	#lunch, #brunch, #drinks {
		padding-bottom: 20px;

	}



	#daedalus-link {
		display: none;
	}

	.footer.container {
		display: none;
	}
	.mobile-footer.container{
		display: block;
		position: fixed;
		bottom: 0;
		height: 28px;
		background-color: rgba(0,0,0,.7);
		color: #fff;
		font-family: proxima-nova, "proxima nova", "helvetica neue", arial, sans-serif;
		font-size: 8px;
		text-align: center;
		line-height: 28px;
		text-transform: uppercase;
	}
	.mobile-footer.container a{
		text-decoration: none;
		color: #fff;
	}
	
	.landscape, .smartphone {
		display: inline;
	}

	.portrait, .non-smartphone {
		display: none;
	}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	
	#home-bg {
		background-image:  url("/img/img_02_full_q5i.jpg");
		background-position: 0 center;
		background-size: cover;
		
		opacity: 0;
	}

	#about-bg {
		background-image: url("/img/img_01_full_q5i.jpg");
		opacity: 0;
	}

	#menus-bg {
		background-image: url("/img/img_03_full_q5i.jpg");
		opacity: 0;
	}

	#info-bg{
		background-image: url("/img/img_04_full_q5i.jpg");
		opacity: 0;
	}

	#location-bg {
		background-image: url("/img/img_05_full_q5i.jpg");
		opacity: 0
	}


	#wrapper {
		padding-bottom: 0px;
	}
	
	.main-bg{
		width: 320px;
		top: 50px;
	}

	#home-welcome {
		width: 320px;
		top: 50px;
		background-position: center 80%;
		/*-webkit-background-size: auto 100%;*/
		
		background-size: auto 120%;
	}

	.narrow-content-box,  .wide-content-box, .location-content-box{
		margin: 15px;
		width: 260px;
		padding:15px;
	}
	.location-box-text {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#location-box-map, #map-container {
		width: 260px;
		height: 260px;

	}

	#about h1,#info h1,#location h1 {
		font-size: 16px;
	}

	#menus h1 {
		font-family: proxima-nova, "proxima nova", "helvetica neue", arial, sans-serif;
		font-size: 12px;
	}

	#menus h1 a{
		font-family: engravers;
		font-size: 16px;
	}

	#menus h2 {
		font-size: 14px;
	}

	.footer.container {
		position: relative;
	}
	.header-bg {
			padding:0;
			height: 90px;
	}
	
	#header, .mini #header {
		height: 90px;
		padding-top: 0px;
		width: 320px;
	}

	.top-nav, .container .six.columns {
		width: 160px !important;
	}

	.container .six.columns.logo-container {
		width: 200px !important;
	}

	.top-nav ul {
		margin-top: 50px;
	}

	.top-nav ul li a {
		font-size: 10px;
		width: 50px;
		height: 20px;
		margin: 0 14px;
	}

	.logo-container, .mini .logo-container {
		position: absolute;
		top:0;
		height: inherit;
		left: 60px;
		overflow: auto;
		width: 200px !important;
		z-index: 20000;

	}

	#logo, .mini #logo {
		height: 24px;
		margin-top: 12px;
		/*margin-left: -200px;*/
		background-position: center -20px;
		background-size: 200px auto;
		width: 200px ;
	}

	#about {
		padding-top: 90px;
	}

	#menus {
		padding-top: 90px;
	}

	#info {
		padding-top: 90px;
	}

	#location {
		padding-top: 90px;
	}

	.menu-left-col {
		display: none;
	}

	a#menu-download {
		display: none;
		/*right:15px;*/
	}
	.menu-col, .menu-wide-col, .menu-narrow-col {
		width: 100%;
		padding:0;
		margin: 0px;

	}
	br.moby {
		display: none;
	}

	#lunch, #brunch, #drinks {
		padding-bottom: 20px;
	}

	#daedalus-link {
		display: none;
	}

	.footer.container {
		display: none;
	}
	.mobile-footer.container{
		display: block;
		position: fixed;
		bottom: 0;
		height: 34px;
		background-color: rgba(0,0,0,.7);
		color: #fff;
		font-family: proxima-nova, "proxima nova", "helvetica neue", arial, sans-serif;
		font-size: 9px;
		text-align: center;
		line-height: 14px;
		text-transform: uppercase;
		padding-top: 4px
	}
	.mobile-footer.container a{
		text-decoration: none;
		color: #fff;
	}
	.portrait,.smartphone {
		display: inline;
	}
	.landscape, .non-smartphone {
		display: none;
	}


	







}


/* touch styles */

.touch #home-welcome {
	opacity: 1
}
/*.touch .main-bg {
	-webkit-transition: opacity .3s 1s;
}*/



/*
/*