html,body  {background: #f1ece5;}

#nav_trigger,#nav_container_mobile {display:none;}
#menu .mobile {display: none;}
.mobileonly {display:none !important;}
#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: 77px 15px 15px 15px;}
#logo_container img {width: 100%;}

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

#box1, #box2, #box3, #box4 { width: 100%; display: block; position: relative; margin:0 auto; height: 135px}

#page_content {position: relative;
float: left;
display: block;
height: auto;
width: 77%;
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: 77%;
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: 77%;
max-width: 1150px;
left: 15px;
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: 77%;
max-width: 1150px;    
    left:15px;
background: url('../images/page_3_bg.jpg');
background-position: 0% 0px;
 
}

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

#page4_content {position: relative;
float: left;
display: block;
height: 1122px;
width: 77%;
max-width: 1150px;    
    left:15px;
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: 100px;
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: 120px;
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:420px; height: 300px; position: relative; float:left; display: block; background: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.3);}

}

.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: block;
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}

#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;}