html,body  {background: #f1ece5;}

#nav_trigger,#nav_container_mobile {display:block;}

#nav_container_mobile {background: #1e1712 no-repeat scroll center top;
width: 100%;
display: none;
overflow: hidden;
position: absolute;
z-index: 100;
top: 0px;
padding-top: 30px;}


#menu .mobile {display: none;}
.mobileonly {display:block !important;}
.onscreen {display: none;}
#menu_item {overflow:hidden;}

#content_container {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    width: 100%; height:100%;overflow: hidden; max-width: 1280px;}

#logo_container {padding: 15px 15px 15px 15px;}
#logo_container img {width: 150px;}

#left_panel { width: 100%;
height: 70px;
position: relative;
display: block;
background: url('../images/leftpanelbg.png') #1e1712 no-repeat top left;
/* left: 16px; */
overflow: hidden;
float: left;
padding-bottom: 113px !important;
border-right: 4px solid #f1ede4;
z-index: 99;
border-left: 4px solid #f1ede4;}

#box3, #box2, #box1 { width: 25%; display: block; position: relative; float: left; height: 155px}
#box4 { width: 25%; display: block; position: relative; float: left; height: 155px;}

#nav_trigger {
padding: 12px;
background: url(../images/menu.png) #1e1712 12px 8px no-repeat;
font-size: 30px;
color: #FFF;
line-height: 45px;
text-indent: 60px;
float: right;
margin-right: 15px;
margin-top: 55px;
}

#page_content {position: relative;
float: left;
display: block;
height: auto;
width: 100%;
max-width: 1150px;    
    left:15px;
background: #000;}

#nav_container {width: 100%; overflow: hidden; background: url(../images/left_nav_bg.png) 50% 50px no-repeat;margin-top:200px;}
#box1 img,#box2 img,#box3 img,#box4 img {margin:0 auto; display: block}


#page_content #banner {height: 162px; width: 100%; background: url(../images/home_top_banner.jpg) top right no-repeat;}

#page_content #banner h1{top: 38px;left: 30px;display: block;position: relative;font-size: 300%;color: #000;}

#page_content #banner #mobile_banner {display:none;}
#banner #social { float:right; top:-60px; right:15px; position: relative;}
#banner #social a {top: -60px; position: relative; padding-right:3px;}

#content {width: 100%;
background: url('../images/home_bg.jpg') no-repeat scroll left bottom transparent;
position: relative;
overflow: hidden;
height: auto;
    min-height: 650px;
padding-bottom: 150px;}

#text-overlay { background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.9);
position: relative;
z-index: 99;
padding: 10px 27px;
width: 50%;
    float:right;
margin-top:0px;}

#footer { position: relative;
float: left;
display: block;
height: auto;
width: 100%;
max-width: 1150px;
left: 15px;
height: 200px;
background: url('../images/bottom_bar.png') right bottom no-repeat;
top: 0px;
}

#footer_page2 {
position: relative;
float: left;
display: block;
height: auto;
width: 100%;
max-width: 1150px;

height: 200px;
background: url('../images/bottom_bar_page2.png') right bottom no-repeat;
top: -134px;
}


#footer img,#footer_page2 img {display:none;}

#footer #social {
background: url('../images/footer_bg.jpg') top left no-repeat;    
overflow:hidden;
padding: 10px; margin:0 auto; display: none;}

#footer #social img {padding:15px; display: none;}

/* Page 2 */

#page3_content {position: relative;
float: left;
display: block;

width: 100%;
max-width: 1150px;    

background: url('../images/page_3_bg.jpg');
background-position: 0% 0px;
 
}

#page2_content {position: relative;
float: left;
display: block;
height: 1122px;
width: 100%;
max-width: 1150px;    
background: url('../images/page_2_bg.jpg');
background-position: 35% -57px;
}

#page4_content {position: relative;
float: left;
display: block;
height: 1122px;
width: 100%;
max-width: 1150px;    
  
background: url('../images/page_4_bg.jpg');
background-position: 85% -75px;
}

#page2_content #content h1 { font-size: 32px; color: #000; display: inline-block;}
#page2_content #content p, #text-overlay p {font-family: "Myriad Pro",sans-serif}

#page4_content #content, #page3_content #content, #page2_content #content {width: 100%;
background: none;
position: relative;
overflow: hidden;
height: auto;
    min-height: 758px;
padding-bottom: 150px;}


#page3_content #banner #social, #page4_content #banner #social, #page2_content #banner #social {float: right;
top: 0px;
right: 15px;
position: relative;
width: 970px;
background: rgba(255,255,254,0.3);
height: 80px;
text-align: right;
z-index:99}

#page3_content #text_box {position: relative;
background: #fff;
width: 80%;
height: 120px;
left: 5%;
margin-top: 100px;
box-shadow: 2px 2px 13px rgba(0,0,0,0.2);
padding: 20px;
text-align: center;}


#page2_content #text_box {position: relative;
background: #fff;
width: 70%;
height: 150px;
left: 5%;
margin-top: 2%;
box-shadow: 2px 2px 13px rgba(0,0,0,0.2);
padding: 20px;}

#coffee_selector {width: 97%;
height: 370px;
background: #643606;
display: block;
margin: 0 auto;
top: 150px;
position: relative;}



#image_container {width: 33%;
/* height: 300px; */
position: relative;
float: left;
display: block;
background: #fff;
box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    margin-bottom: 100px;
}

#image_container img {width: 100%; }

.flow-wrapper {margin-top:55px;}

#menu {width: 90%;
position: relative;
margin: 0 auto; margin-top:40px;}

#menu_header {font-size: 38px;
margin-bottom: 30px;
border-bottom: 1px solid;
padding-bottom: 5px;}

#menu_items {width: 50%;
position: relative;
float: left;
height: 320px;
padding-left: 20px;}

#menu_item td p {font-family: "Myriad Pro",sans-serif;}
#menu_item td p strong {font-family: "Myriad Pro",sans-serif; font-weight: bold;    }

#footer_page3 {margin-top: -125px;
display: none;
float: right;
position: relative;}

#the_band img{
border-radius: 50%;
position: absolute;
z-index: 99;
float: right;
left: 545px;
top: 250px;
width: 392px;
}

#phone_us {padding-top:20px;
    width: 180px;
height: 235px;
background: #643606;
position: absolute;
top: 318px;
left: 21px; color:#fff; text-align: center; font-size:78%;z-index: 99;}

#phone_us p {font-family: "Myriad Pro",sans-serif;}

#phone_us a {color:#fff; text-decoration: none;}

#socials {padding-top:20px;
    width: 180px;
height: 235px;
background: #73461f;
position: absolute;
top: 318px;
left: 202px; color:#fff; text-align: center;font-size:78%;font-family: "Myriad Pro",sans-serif;}

#socials p {font-family: "Myriad Pro",sans-serif;}

#address {padding-top:20px;
    width: 220px;
height: 235px;
background: #7a4e15;
position: absolute;
top: 318px;
left: 383px; color:#fff; text-align: center;font-size:78%;font-family: "Myriad Pro",sans-serif;}

#address p {width: 152px; margin-left:10px; font-family: "Myriad Pro",sans-serif;}

#strip_banner {height: 40px;
width: 100%;
color: #FFF;
background: #000;
line-height: 40px;
font-size: 140%;
bottom: 10px;
position: absolute;}

#textbox1 {background: #fff;
width: 570px;
margin-left: 17px;
box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
padding: 20px;margin-top: 35px;}

#textbox1 h1, #textbox2 h1  {font-size: 30px; width: 100%; border-bottom:1px solid; margin-bottom:15px; padding-bottom:10px;}
#textbox1 p, #textbox2 p {font-family: "Myriad Pro",sans-serif;}

#textbox2 {background: #fff;
width: 570px;
margin-left: 17px;
box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
padding: 20px; margin-top: 457px;}

#footer_page4 {margin-top: 190px;
margin-left: 290px;
display: block;
position: absolute; z-index: 4; display: none; }

#text_box a {color:#000; text-decoration: none;}
#text_box a.active {color:#e09a34; text-decoration: none;}
#text_box a:hover {color:#e09a34; text-decoration: none;}


#page2_content .mobileonly {display: none !important;}