* { padding:0; margin:0; }
body { 
	-webkit-background-size: cover;
	width:100%; max-width:100%;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#000;
}
#wrapper { margin-top:25px; min-height:100%; }

div#main_wrapper {background:url(../assests/tile.png); position:relative; width:1120px; height:555px; padding-top:0px; margin:10px auto 0 auto;}
div#footer { position:absolute; bottom:0; }

div#logo{margin:0 auto; width:900px;}

div#logo img{height:90px;}
.hideme { display:none; }

div#title {background: url(../assests/shine.png) no-repeat ; width:579px; margin:0 auto; text-align:center;font-size:42px; color:#BE1E2D; font-family: 'Open Sans', sans-serif;  text-transform:uppercase; letter-spacing:1.5px;}

div#title hr {color:#BE1E2D; width:342px; height:2px; margin-top:4px; margin-bottom:-4px;}
div#content {margin:0 auto; text-align:center; padding-top:30px; position:relative; height:400px; }
p.headline {color:#BE1E2D; font-size:28px; font-family:'Comfortaa', sans-serif; font-weight:700; margin-left:75px; margin-right:75px;}
p.headline2 {color:#222222; font-size:16px; font-family:'Open Sans', sans-serif; font-weight:700; margin-left:75px; margin-right:75px;}

p.body_copy {color:#BE1E2D; font-size:16px; font-family:'Open Sans', sans-serif; margin-left:75px; margin-right:75px;  width:650px; line-height:1.5;}
.rest_copy, .default_copy {color:#222222; font-size:16px; font-family:'Open Sans', sans-serif; margin-left:75px; margin-right:75px;  width:900px; line-height:1.5; position:absolute; top:400px; text-align:left;}
.rest_copy h3, .default_copy h3 {color:#BE1E2D; margin:0;}
img#submit {padding-top:15px;}

p.subhead {color:#BE1E2D; font-family:'Open Sans', sans-serif; font-weight:700; font-size:14px; padding-top:15px;}

p.subhead a {color:#222222;}

.defaultText { width: 300px; font-family:'Open Sans', sans-serif; color:#333333; text-align:center;border-radius:5px; -moz-border-radius:5px; border:1px solid #ccc; font-size:14px; padding: 5px 10px 5px 10px; margin-top:20px;}
.defaultTextActive { color: #a1a1a1; font-style: italic; font-family:'Open Sans', sans-serif; }

p.headline2 img {padding:10px;}

.rest_copy {opacity:0;}

.hidden {display:none;}

#bios {font-family:'Open Sans', sans-serif;}
#bios h3 {color:#BE1E2D; margin-bottom:1em; }

#bios img {	width: 210px;
height: 210px;

box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
float:right; margin-left:10px; margin-bottom:10px; }

#eric, #karl{float:left !important; width:46%; padding-left:28px; padding-top:10px; max-height:250px; overflow-y:auto; }
#bios p { font:400 13px 'open sans'}
	
#aboutus { display:block; clear:both; padding:20px; }
#aboutus h3 { margin-bottom:0; }
#aboutus div { float:left; width:31%; margin-left:10px; }

.restaurantlink, .restauranttitle { padding-bottom:0; margin-bottom:0; text-decoration:none !important; }
.restauranttitle { font-size:30px; font-weight:700; color:#fff; font:30px/.9em 'Comfortaa', 'Open Sans', 'Pacifico', Helvetica, sans-serif; border-bottom:1px solid #fff; color: #fff; text-shadow: 3px 3px 0px rgba(0,0,0,0.1), 7px 7px 0px rgba(0,0,0,0.05); padding-top:65px; padding-bottom:10px; text-decoration:none !important; text-transform:uppercase; margin:0 20px; }
.restaurantlink { text-decoration:none; color:#fff; font-weight:400; padding-top:0; font:12px/2em 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }
.restauranttitle { text-decoration:none !important; }

div#content { padding-top:0; }
#logo { display:block; position:relative; clear:both; width:190px; height:97px; background:url(../images/logo.png) 0 0 no-repeat; }
h2.phoneonly,a.phoneonlylink { display:none; }
.hidden { display:none; }
p.headline { padding:50px 0; }

.flip-container { -webkit-perspective:1000; -moz-perspective:1000; perspective: 1000; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;transform-style: preserve-3d; width:200px; height:200px; float:left; margin-left:20px; position:relative; cursor:pointer; }

.flip-container:hover .back { -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); transform: rotateY(0deg); }
.flip-container:hover .front {  -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform: rotateY(180deg);}
.flip-container, .front, .back { width: 200px; height: 200px; }
.front, .back { width: 200px; height: 200px; position:absolute; top:0; left:0; }

.flipper { -moz-transition: 0.6s;-webkit-transition: 0.6s;transition: 0.6s; transform: perspective(1000px);-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;transform-style: preserve-3d; display:block; position:absolute; width:200px; height:200px; top:0; left:0; }
.front, .back { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility: hidden; transition: 0.6s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;transform-style: preserve-3d; position: absolute; top: 0; left: 0; width:200px; height:200px; }

.front { z-index: 2;  -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); cursor:pointer !important; }
.back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); background:url(../images/coin-backside2.png) 50% 50% no-repeat; }

#wrapper { margin-bottom:20px; }
#footer {position:absolute;}
#footer a {text-decoration:none; color:#BE1E2D;	font-family:'open sans', sans-serif;  }

#bios_link {
    left: 25px;
    position: absolute;
    top: 112px;
}


#contact_link {
    left: 1010px;
    position: absolute;
    top: 112px;
}
#bios p { margin-bottom:1em; }


/*
@media only screen and (min-width: 320px) and (max-width:479px) {
	
	body,#wrapper, #main_wrapper, #content,.backstretch { min-height:110% !important; width:100% !important; max-width:100% !important; padding:0; margin:0 auto; overflow-y:scroll; height:100%; }
	body,div#logo,#wrapper, #main_wrapper, #content,.backstretch { max-width:100% !important; height:auto !important; margin:0 auto; overflow:hidden; }
body { overflow-y: scroll !important; }
	div#logo { width:100% !important; background:url(../images/logo-retina.png) 50% 50% no-repeat; height:100px !important; background-size:contain; margin-top:20px; }
	.flip-container { width:95%; max-width:100% !important; float:left !important; text-align:center !important; margin-top:15px; float:left; position:relative !important; height:380px !important; margin-left:15px; }	
	.front,.back { position:relative; float:left; margin-top:5px; }
	.front { text-align:center !important; }
	.front img{ float:left; width:280px; height:280px; }
	.hidden { display:block !important; text-align:center !important; width:100%; clear:both; position:absolute; bottom:0; }
	.back { display:none; }
	.flip-container:hover .front, .flip-container:hover, .flip-container:active, .flip-container:active .front { -webkit-transform:none; -moz-transform:none; transform:none; }
	p.headline { padding:10px 3px !important; margin:0 !important; font-size:16px; background:rgba(0,0,0,.65); color:#fff; border-top:1px solid #BE1E2D; border-bottom:1px solid #BE1E2D; }
	.phoneonly { display:block !important; clear:both; text-align:center; font-weight:700; color:#fff; letter-spacing:-.05em; font:800 3em/1em 'open sans', 'Open Sans', Helvetica, sans-serif; color: #fff; text-shadow: 3px 3px 2px rgba(0,0,0,0.5), 7px 7px 0px rgba(0,0,0,0.05); }
	.phoneonlyphone { display:block !important; clear:both; text-align:center; text-decoration:none; font-weight:700; color:#fffec9; letter-spacing:-.05em; font:600 2em/1em 'Open Sans', Helvetica, sans-serif; text-shadow: 1px 1px 2px rgba(0,0,0,0.5), 7px 7px 0px rgba(0,0,0,0.05); }
	.phoneonlylink { display:block !important; clear:both; text-decoration:none; color:#BE1E2D; font-weight:700; padding-top:0; text-shadow:1px 1px 1px rgba(0,0,0,.75);font:600 1.5em/1em 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }
	div#main_wrapper { background:none; }
	div#footer { display:none; }
	.bodytext { display:none; }
	div#content { padding-bottom:20px; }
	div#footer { position:fixed; display:block; width:100%; bottom:0; height:40px; background:#000; box-shadow:0 -3px 2px rgba(0,0,0,.25); clear:both; text-align:center; }
	p.copyright { text-align:center; color:#fff; font:500 9px/30px 'open sans'; position:absolute; widtH:100%; height:26px; top:0; left:0; }
	p.copyright a { font-weight:700; margin-left:20px; font-size:11px; }
	#eric, #karl{float:left; width:90%; padding-left:20px; padding-top:10px; height:auto !important; max-height:2000px; overflow-y:auto; }
	#aboutus div { float:left; width:90%; }
	#bios img { width:50px; height:50px; }
	#bios p { font:400 11px/1em 'open sans'; }
	input[type=submit] { left:0; position:relative; }
	#wrapper { padding-bottom:30px; }
	.circlewrap { width:300px; margin:0 auto; }
}

@media screen and (min-width : 480px) and (max-width:600px) {
	body,#wrapper, #main_wrapper, #content,.backstretch { min-height:110% !important; width:100% !important; max-width:100% !important; padding:0; margin:0 auto; }
	body,div#logo,#wrapper, #main_wrapper, #content,.backstretch { max-width:100% !important; height:auto !important; margin:0 auto; overflow:hidden; }
	div#logo { width:100% !important; background:url(../images/logo-retina.png) 50% 50% no-repeat; height:150px !important; background-size:contain; margin-top:20px; }
	.flip-container { width:150px; max-width:150px !important; float:left !important; text-align:center !important; margin-top:15px; float:left; position:relative !important; height:235px !important; margin-left:5px; }	
	.front,.back { position:relative; float:left; margin-top:5px; }
	.front { text-align:center !important; }
	.front img{ float:left; width:150px; height:150px; }
	.hidden { display:block !important; text-align:center !important; width:155px; clear:both; position:absolute; bottom:0; }
	.back { display:none; }
	.flip-container:hover .front, .flip-container:hover, .flip-container:active, .flip-container:active .front { -webkit-transform:none; -moz-transform:none; transform:none; }
	p.headline { padding:10px 3px !important; margin:0 !important; font-size:16px; background:rgba(0,0,0,.65); color:#fff; border-top:1px solid #BE1E2D; border-bottom:1px solid #BE1E2D; }
	.phoneonly { display:block !important; clear:both; text-align:center; font-weight:700; color:#fff; letter-spacing:-.05em; text-shadow:1px 1px 1px rgba(0,0,0,.45); font:800 26px/1.1em 'open sans', 'Open Sans', 'Pacifico', Helvetica, sans-serif; color: #fff; text-shadow: 3px 3px 1px rgba(0,0,0,0.5), 7px 7px 0px rgba(0,0,0,0.05); }
.phoneonlyphone { display:block !important; clear:both; text-align:center; text-decoration:none; font-weight:700; color:#fffec9; letter-spacing:-.05em; font:700 20px/1.1em 'Open Sans', Helvetica, sans-serif; text-shadow: 1px 1px 2px rgba(0,0,0,0.5), 7px 7px 0px rgba(0,0,0,0.05); padding-top:3px;padding-bottom:3px;}
	.phoneonlylink { display:block !important; clear:both; text-decoration:none; color:#BE1E2D;  padding-top:0; text-shadow:1px 1px 1px rgba(0,0,0,.75);font:700 16px 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }
	div#main_wrapper { background:none; }
	div#footer { display:none; }
	.bodytext { display:none; }
	div.gosport { clear:both; display:block; margin-left:80px; position:relative; margin-right:30px !important }
	div#content { padding-bottom:20px; }
	div#footer { position:fixed; display:block; width:100%; bottom:0; height:40px; background:#000; box-shadow:0 -3px 2px rgba(0,0,0,.25); clear:both; text-align:center; }
	p.copyright { text-align:center; color:#fff; font:500 15px/30px 'open sans'; position:absolute; widtH:100%; height:30px; top:0; left:0; }
	p.copyright a { font-weight:700; margin-left:20px; font-size:15px; }
	#eric, #karl{float:left; width:90%; padding-left:20px; padding-top:10px; height:auto !important; max-height:2000px; overflow-y:auto; }
	#aboutus div { float:left; width:90%; }
	#bios img { width:80px; height:80px; }
	#bios p, #aboutus p { font:400 11px/1em 'open sans'; }
	input[type=submit] { left:0; position:relative; }
	#wrapper { padding-bottom:30px; }
	.circlewrap { width:490px; margin:10px auto; height:530px ; background:rgba(255,255,255,.5); }
} 
*/