* { padding: 0; margin: 0; }

body { 
 background: url('../images/ribbon.jpg') no-repeat center;
 
 height:100%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align:center;
 margin: 0 auto;
}

p {
 padding: 10px;
 text-align:left;
}

#wrapper {
 width: 100%;
 height:100%;
 
}

#content {
 height: 100%;
 width: 980px;
 margin: 0 auto;
}

#logo {
padding:10px;
}

#frame {
background: #fff;
width:835px;
height:465px;
padding: 10px;
margin: 0 auto;
}

#home{
background: url('../images/home-hero.jpg') no-repeat center center;
width:825px;
height:455px;
padding:5px;
}

#menu {
padding-top:15px;
margin: 0 auto;
width:600px;
}

#footer {
padding:30px 0;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #bfc096;
margin: 0 auto;
width:500px;
}

#history {
width:825px;
height:455px;
float:left;
}

#history_cpy {
margin:-460px 0px 0px 350px;
padding:10px;
font-size:12px;
z-index:10;
}

#photos {
padding:5px;
z-index:100;
}

#directions{
background: url('../images/directions-hero.jpg') no-repeat center center;
width:825px;
height:455px;
padding:5px;
}

#directionsModal {
background: url('../images/driving-modal.png') no-repeat center;
width: 550px;
height: 605px;
}

#directionsFormBg{
background-color: #74745a;
     filter:alpha(opacity=88); /* IE's opacity*/
     opacity: 0.88s;
width:450px;
height:438px;
margin: 0 auto;
}

#directionsButton{
background-color: #74745a;
     filter:alpha(opacity=88); /* IE's opacity*/
     opacity: 0.88s;
width:450px;
height:17px;
margin: 0 auto;
}

#directionsFormCpy {
clear:both;
margin: 0 auto;
height:240px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:0 10px 5px 0;
color:#fff;
font-size: 11px;
font-weight: bold
}

#directionsPrintWrap{
margin: 38px 0 0 0;
width:440px;
height:80px;
}

#directionsPrintCpy{
float:left;
width:290px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-size: 11px;
font-weight: bold;
cursor:pointer;
}

#directionsPrintBtn{
width:150px;
float:right;
cursor:pointer;
}

#directionsShare{
clear:both;
background:#bfc096;
width:440px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:5px;
color:#000;
font-size: 11px;
font-weight: bold
}

#menus{
background: url('../images/menus-hero.jpg') no-repeat center center;
width:825px;
height:455px;
padding:5px;
}

#menusNav {
padding-top:370px;
width:825px;
}

#sampleMenus {
background: url('../images/menus-modal.png') no-repeat center;
width: 550px;
height: 605px;
}

#sampleMenusCloseBtn {
float:right;
margin:25px 22px 0 0;
cursor:pointer;
}

#sampleMenuscpy {
clear:both;
width:510px;
margin: 0 auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#sampleMenuscpy p {
text-align:center;
padding:5px;
}

#sampleMenuscpy h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:400;
color:#666;
}

#sampleMenusNav {
clear:both;
margin: 0 auto;
padding: 10px 0 0 0;
width:515px;
}

#recipeIdeas {
background: url('../images/recipe-modal.png') no-repeat center;
width: 550px;
height: 605px;
}

#recipeIdeasCloseBtn {
float:right;
margin:25px 22px 0 0;
cursor:pointer;
}

#recipeIdeascpy {
clear:both;
width:510px;
margin: 0 auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#recipeIdeascpy p{
padding:10px;
}

#chef {
background: url('../images/chef-modal.png') no-repeat center;
width: 500px;
height: 555px;
}

#chefCloseBtn {
float:right;
margin:25px 22px 0 0;
cursor:pointer;
}

#chefcpy {
clear:both;
width:440px;
height:430px;
padding: 20px 10px 10px 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}

/* Cakes */

#cakes {
background: url('../images/cakes-modal.png') no-repeat center;
width: 440px;
height: 550px;
}

#cakesCloseBtn {
float:right;
cursor:pointer;
margin:25px 22px 0 0;
}

#cakesFlash{
clear:both;
width:400px;
height:460px;
padding:10px 0 0 20px;
}

#cakesSlides{
clear:both;
width:400px;
height:450px;
padding:10px 0 0 20px;
}

#cakeSlideshow {
    position:relative;
    height:450px;
    width:299px;
    margin: 0 auto;
}

#cakeSlideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 450px;
    background-color: #FFF;
}

#cakeSlideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#cakeSlideshow DIV.last-active {
    z-index:9;
}

#cakeSlideshow DIV IMG {
    height: 450px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

/* -- */

#maps {
background: url('../images/driving-modal.png') no-repeat center;
width: 550px;
height: 605px;
margin: 0 auto;
}

#mapsImage {
padding: 25px 0 10px 20px;
width:530px;
}

#mapsCloseBtn {
float:right;
margin:15px 22px 0 0;
height:60px;
cursor:pointer;
}

#mapsPrint {
width:500px;
cursor:pointer;
}

#mapsCpy {
clear:both;
width:500px;
margin: 0 auto;
padding-top:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:left;
height:200px;
overflow:auto;
}

#contact{
background: url('../images/contact-hero.jpg') no-repeat center center;
width:825px;
height:455px;
padding:5px;
}

#contactFormBg{
background-color: #74745a;
     filter:alpha(opacity=88); /* IE's opacity*/
     opacity: 0.88s;
width:450px;
height:438px;
margin: 0 auto;
}

#contactButton{
background-color: #74745a;
     filter:alpha(opacity=88); /* IE's opacity*/
     opacity: 0.88s;
width:450px;
height:17px;
margin: 0 auto;
cursor:pointer;
}

#contactFormCpy {
clear:both;
margin: 0 auto;
width:430px;
height:80px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:5px;
color:#fff;
font-size: 11px;
font-weight: bold
}

#contactForm {
clear:both;
float:left;
margin: 0 auto;
width:400px;
height:250px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:8px;
color:#fff;
font-size: 10px;
font-weight: bold
}

#videoFrame {
background: #fff;
width:650px;
height:490px;
padding: 10px;
margin: 0 auto;
}

#video {
background:#000;
padding:5px;
z-index:100;
}

/* Form Submission */

.required {
font-family: arial, helvetica;
color: red;
font-size: 10pt;
}

input { 
 margin:2px;
}

select { 
 margin:2px;
}

textarea { 
 margin:2px;
}

#pinterest_btn {
position: absolute;
top:135px;
left:880px;
cursor:pointer;
}



#slideshow {
    position:relative;
    height:455px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 455px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 455px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

#social {
    margin: 0 auto;
    text-align: center;
}


.social-group-item  {
  padding: 2px 4px 4px;
  text-align: center;
  font-size: 14px;
  background: #BFC096;
  color: #fff;
  position: relative;
  left: 0;
  border-radius: 5px;
}

.social-group-item:hover,
.social-group-item:focus,
.social-group-item:active {
  color: #666;
}