@import url(global/user.css);
@import url(global/common.css);
@import url(apps/forms01.css);

.temputils{
  background: none;
  display: inline;
  
  position: absolute;
  top: 2px;
  right: 10px;
}

.temputils li{
  background: none;
  display: inline;
}

.temputils li a{
  color: #fff;
  font-weight: bold;
}

html{
  background:#c4c3de url(../images/html_bg.gif) 0 0 repeat;
  height: 100%;
}

body{
  background:transparent url(../images/body_bg.gif) 0 0 repeat-x;
  color:#6e6e6f;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  height: 100%;
}

body.admin{
  background-position: 0 18px;
}

#wrap{
  margin:0px auto;
  text-align:left;
  width:960px;
  position: relative;
}

/* HEADER
-------------------------------------------*/
#header{
  height:147px;
  margin:0 auto;
}

#headerAddress{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#fff;
position:absolute;
right:15px;
top:43px;
}

#header h1{
  position: absolute;
  top: 30px;
  font-size: 30px;
  color: #fff;
  font-family: Georgia, "Times New Roman", Times, serif;
}
  #logo{
    background:transparent url(../images/header.gif) no-repeat 0px 0px;
    left:0px;
    position:absolute;
    top: 0px;
  }
    #logo img{
      height:210px;
      width:204px;
    }
#followus {
  position: absolute;
  top: 0px;
  left:220px;
  width:168px;
  height:33px;
  background: url(../images/followus.png) no-repeat 0px 0px;
}
a.twitter img {
  width:25px;
  height:25px;
  float:right;
  margin:7px 0 0 8px;
  padding:0;
}
a.youtube img {
  width:25px;
  height:25px;
  float:right;
  margin:7px 0 0 8px;
  padding:0;
}
a.facebook img {
  width:25px;
  height:25px;
  float:right;
  margin:7px 0 0 8px;
  padding:0;
}
/* MAIN NAVIGATION
-------------------------------------------*/
#tabs{
  height:auto;
  width:100%;
}
  #nav{
    margin:0 auto;
    text-align:center;
  }
    #nav ul{
      list-style:none;
      margin:0 auto;
      text-align:left;
    }
      #nav ul li{
        background-image:none;
        display:inline;
        margin:0;
        padding:0;
      }
        #nav a{
          display:block;
          float:left;
          text-decoration:none;
          height:0 !important;
          overflow:hidden;
          position:absolute;
          width:50px;
        }
        
        #nav a:hover, #nav a.active{
          
        }
        
        /*TopNav*/
        #t75385 a, #t75526 a, #t75522 a{
        background:url(../images/nav_a_2.gif) 0 0 no-repeat;
        padding:40px 0 0 0;
        top:0px;
        }
        
        
        /*Home*/
        #t75385 a, #t75385 a.active{
        right:255px;
        width:127px;
        background-position:-0px 0px;
        }
        
        #t75385 a:hover{
        background-position:-0px -40px;
        }
        
        /*About WildFlour*/
        #t75526 a{
        background-position:-126px 0;
        right:133px;
        width:122px;
        }
        
        #t75526 a:hover, #t75526 a.active{
        background-position:-126px -40px;
        }
        
        /*Contact*/
        #t75522 a{
        background-position:-249px 0;
        right:8px;
        width:124px;
        }
        
        #t75522 a:hover, #t75522 a.active{
        background-position:-249px -40px;
        }
        
        /*BottomNav*/
        #t75525 a, #t75527 a, #t75528 a, #t75532 a, #t75523 a, #t75641 a, #t76766 a, a#blog {
        background:url(../images/navigation.jpg) 0 0 no-repeat;
        padding:136px 0 0 0;
        top:61px;
        }
        
        /*Specials*/
        #t75525 a{
        background-position:-605px 0px;
        left:825px;
        width:125px;
        }
        
        #t75525 a:hover, #t75525 a.active{
        background-position:-605px -136px;
        }
        
        /*Bakery*/
        #t75527 a{
        background-position:0 0;
        left:220px;
        width:123px;
        }
        
        #t75527 a:hover, #t75527 a.active{
        background-position:0 -136px;
        }
        
        /*Cafe*/
        #t75528 a{
        display:none;
       /* background-position:-257px -0;
        left:453px;
        width:120px;*/
        }
        
        #t75528 a:hover, #t75528 a.active{
        background-position:-257px -138px;
        }
        
        /*Cakes*/
        #t75532 a{
        left:344px;
        width:120px;
        background-position:-123px 0px;
        }
        
        #t75532 a:hover, #t75532 a.active{
        background-position:-123px -136px;
        }
        
        /*Catering*/
        #t75523 a{
        background-position:-243px 0;
        left:464px;
        width:120px;
        }
        
        #t75523 a:hover, #t75523 a.active{
        background-position:-243px -136px;
        }

       /*Portfolio*/
        #t76766 a{
        background-position: -484px 0;
        left: 704px;
        width:121px;
        }
        
        #t76766 a:hover, #t76766 a.active{
        background-position:-484px -136px;
        }
      /*Blog*/
      a#blog {
        background-position: -364px 0;
        display: block;
        height: 0;
        left: 584px;
        overflow: hidden;
        position: absolute;
        width: 120px;
        }
        
        a#blog:hover, .tab125821 a#blog {
        background-position:-364px -136px;
        }

        /*Portfolio
      a#portfolio {
        background-position: -484px 0;
        display: block;
        height: 0;
        left: 704px;
        overflow: hidden;
        position: absolute;
        width: 121px;
        }
        
        a#portfolio:hover, .tab75526 a#portfolio {
        background-position:-484px -136px;
        }*/
        
        /*Ordering*/
        #t75641 a{
        display:none;
        /*background-position:-617px 0;
        width:125px;
        left:817px;*/
        }
        
        #t75641 a:hover, #t75641 a.active{
        background-position:-617px -138px;
        }
#main-body{
background:transparent url(../images/main_body_bg.gif) repeat-y 0px 0px;
margin-left:-11px;
margin-right:-9px;
padding-left:9px;
padding-top:63px;
}
  #main-table-body{
    background:transparent url(../images/main_body_table_bg.gif) repeat-y 194px 0px;
    border-collapse:collapse;
    clear:left;
    height: auto !important;
    height: 420px;  
  }
  
  #main-table-body-leftcell{
    background: transparent;
    width:198px;
    vertical-align:top;
  }
  #main-table-body-rightcell{
    vertical-align:top;
    width:611px;
  }
  
  #main-table-body-far-right-cell{
  vertical-align:top;
  background:#f6f6f6;
  width:153px;
  }
  
  #third-column{
  margin-left:5px;
  }
  
  #third-column a img{
  padding:0px;
  border:0px;
  margin-top:10px;
  }

/* SUB MENU
-------------------------------------------*/
#sidebar {
  background:none;
  margin:0px 0 0 0;
}

#menu-header {
  background:transparent;
}

#menu{
  margin: 0px 0 0 2px;
  padding:0;
  width: 196px;
}
  #menu ul{
    background:#fffadd;
    font-size: 12px;
    margin:0 4px 0 7px;
    list-style: square inside;
    padding:30px 4px 70px 16px;
  }
    #menu li{
      background-image:none;
      padding:0 0 0 0px;
      margin: 0 0px 0px 0;
      list-style: none;
    }
      #menu a {
        text-decoration:none;
        text-transform:none;
        color:#575b5d;
        display:block;
        font-size: 12px;
        padding: 6px 0px 6px 12px;
        border-bottom: 1px solid #d3d3c8;
        background:transparent url(../images/menu_a.gif) no-repeat 0px 8px;
        width:153px;
      }
      
      #menu a:hover {
        background:transparent url(../images/menu_a_hover.gif) no-repeat 0px 8px;
      }
      
      #menu a.current{
        background:transparent url(../images/menu_a_hover.gif) no-repeat 0px 8px;
      }
      
      #menu a.subcurrent{
        background:#b7d9c2 url(../images/menu_a2_hover.gif) no-repeat 12px 8px;
      }
      
      #menu li ul{
        margin: 0 0px 0 0px;
        padding: 0;
        border-bottom: 1px dotted #ECE6D4;
        
      }
      
      #menu li ul li{
        list-style: none;
        padding: 0px 0 0px 0px;
        margin: 0;
      }
      
      #menu li ul li a {
        font-size: 12px;    
        padding-left: 25px;
        border-bottom: 1px solid #d3d3c8;
        text-decoration: none;
        background:transparent url(../images/menu_a.gif) no-repeat 12px 8px;
        width:140px;
      }
      
      #menu li ul li a:hover {
        background:#b7d9c2 url(../images/menu_a2_hover.gif) no-repeat 12px 8px;
      }
      
      #menu h3{
      margin:0px;
      padding:0px;
      }
      
      #menu h3 a, #menu h3 a:hover{
      width:196px;
      height:40px;
      text-decoration:none;
      text-indent:-10000px;
      padding:0px;
      margin:0px;
      border:0px;
      display:block;
      }
      
      /*About*/
      .tab75526 #menu h3 a, .tab75526 #menu h3 a:hover{
      background:transparent url(../images/menu_headings/about.gif) no-repeat 0px 0px;
      }

      /*Blog*/
      .tab125821 #menu h3 a, .tab125821 #menu h3 a:hover{
      background:transparent url(../images/blog.gif) no-repeat 0px 0px;
      }

      /*Portfolio*/
      .tab76766 #menu h3 a, .tab76766 #menu h3 a:hover{
      background:transparent url(../images/heading_portfolio.gif) no-repeat 0px 0px;
      }
      
      /*Contact*/
      .tab75522 #menu h3 a, .tab75522 #menu h3 a:hover{
      background:transparent url(../images/menu_headings/contact.gif) no-repeat 0px 0px;
      }
      
      /*Specials*/
      .tab75525 #menu h3 a, .tab75525 #menu h3 a:hover{
      background:transparent url(../images/menu_headings/specials.gif) no-repeat 0px 0px;
      }
      
      /*Bakery*/
      .tab75527 #menu h3 a, .tab75527 #menu h3 a:hover{
      background:transparent url(../images/menu_headings/bakery.gif) no-repeat 0px 0px;
      }
      
      /*Cafe*/
      .tab75528 #menu h3 a, .tab75528 #menu h3 a:hover{
      background:transparent url(../images/menu_headings/cafe.gif) no-repeat 0px 0px;
      }
      
      /*Cakes*/
      .tab75532 #menu h3 a, .tab75532 #menu h3 a:hover{
      background:transparent url(../images/menu_headings/cakes.gif) no-repeat 0px 0px;
      }
      
      /*Catering*/
      .tab75523 #menu h3 a, .tab75523 #menu h3 a:hover{
      background:transparent url(../images/menu_headings/catering.gif) no-repeat 0px 0px;
      }
      
      /*Ordering*/
      .tab75641 #menu h3 a, .tab75641 #menu h3 a:hover{
      background:transparent url(../images/menu_headings/ordering.gif) no-repeat 0px 0px;
      }
      
      
  #menu-footer{
    background:transparent;
    padding:20px 0px 20px 7px;
  }
  
  #hours{
  background:transparent url(../images/hours_bg.gif) no-repeat 0px 0px;
  width:188px;
  height:143px;
  }
  
  #hours span{
  display:block;
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  padding-left:15px;
  margin-bottom:10px;
  color:#8479ad;
  height:14px;
  }
  
  #hours span.hoursHeading{
  color:#8479ad;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:18px;
  padding-top:20px;
  margin-bottom:14px;
  height:20px;
  }

#banner {
  display:none;
}

/* BREADCRUMBS
-------------------------------------------*/
#breadcrumbbar{
  padding:8px 0 9px;
  margin: 0 0 0 2px;
  position:relative;
  width: 960px;
  background:#f6f6f6;
  border-top:1px solid #e4e4e4;
}
  #breadcrumblist{
    font-size: 10px;
    line-height:14px;
    padding:.5em 0 .5em 20px;
    width:763px;
    color:#000000;
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  }
    #breadcrumblist a:link, #breadcrumblist a:visited{
      color:#000000;
      font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
      text-decoration:underline;
    }
    #breadcrumblist a:hover, #breadcrumblist a:active{    
      color:#000000;
      text-decoration:none;  
    }
    #breadcrumbemail{
      font-size: 10px;
      position:absolute;
      right:98px;
      text-align:right;
      top:12px;
      width:9em;
    }
      #breadcrumbemail a:link, #breadcrumbemail a:visited{
        background:url(../images/email.gif) 0 2px no-repeat;
        float:right;
        padding:0 5px 3px 18px;
        color:#000;
        font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-decoration:underline;
      }
        #breadcrumbemail a:hover, #breadcrumbemail a:active{
        color:#000;
        text-decoration:none;
        }
    
    #breadcrumbprint{
      font-size: 10px;
      position:absolute;
      right:15px;
      text-align:right;
      top:12px;
      width:9em;
    }
      #breadcrumbprint a:link, #breadcrumbprint a:visited{
        background:url(../images/printer.gif) 0 2px no-repeat;
        float:right;
        padding:0 5px 3px 18px;
        color:#000;
        font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-decoration:underline;
      }
        #breadcrumbprint a:hover, #breadcrumbprint a:active{
        color:#000;
        text-decoration:none;
        }


/* CONTENT AREA
-------------------------------------------*/
#content{
  clear:left;
  width:inherit;
}
  #content-header{
    display:none;
  }
  #content-body{
    margin: 0px 0px 0 12px;
    padding:0 0 10px 0;
    overflow:hidden;
    min-height:420px;
    width:590px
  }
  #pagetitle{
    margin:10px 0 15px 0px;
    border-bottom:1px solid #ebebeb;
    width:590px;
  }
    #pagetitletext h1{
      font-size:22px;
      font-weight: normal;
      color: #ad5da1;
      font-family:Georgia, "Times New Roman", Times, serif;
    }
  #content-footer{
    
  }

/* FOOTER
-------------------------------------------*/
#clearfooter{
    /* Set this to the same height as the footer */
    display:none;
}

#footer{
  clear:both;
  height: 80px;
  margin:0 auto;
  position:relative;
  margin-left:-11px;
  margin-right:-9px;
  background:transparent url(../images/footer_bg.gif) no-repeat -0px 0px;
}
  #footerwrap{
    margin:0 auto;
    width: 960px;
    position:relative;
    height: 80px;
  }
  
  #copyright{
    color:#fff;
    font-size:9px;
    position:absolute;
    left:0px;
    bottom:10px;
  }
  
  #poweredby{
    color:#999;
    font-size:9px;
    position:absolute;
    right:0px;
    bottom:-8px;
  }
    #poweredby a{
      color:#8479AD;
      text-decoration:none;
    }
    #poweredby a:hover {text-decoration: underline;}
    
  /*FooterNav*/
  
  #footernav{
  padding-top:9px;
  }
  
  #footernav ul{
  margin:0px;
  }
  
  #footernav ul li{
  background: transparent url(/site/template/assets/home_template_wildflourlakebluff_812/images/footerBox.gif) no-repeat scroll 0 1px;
  display:inline;
  margin:0px 18px;
  padding-left:18px;
  }
  
  #footernav a{
  color:#8479ad;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:14px;
  text-decoration:none;
  }
  
  #footernav a:hover{
  color:#8479ad;
  text-decoration:underline;
  }
  #footernav li#f75525{
  position:absolute;
  left:730px;
  top:10px;
}
#footernav li#f75528, #footernav li#f75641 {
  display:none;
}
#footernav li#f75522 {
  position:absolute;
  left:835px;
  top:10px;
}
a#footer_blog {
  color:#8479ad;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:14px;
  text-decoration:none;
  background: transparent url(/site/template/assets/home_template_wildflourlakebluff_812/images/footerBox.gif) no-repeat scroll 0 1px;
  padding-left:18px;
  position:absolute;
  left:565px;
  top:10px;
}
a#footer_blog:hover, .tab125821 a#footer_blog {
  text-decoration:underline;
}

#footernav li#f76766{
  position:absolute;
  left:625px;
  top:10px;
}


a#footer_portfolio:hover, .tab75526 a#footer_portfolio{
  text-decoration:underline;
}
  #footerContact{
  color:#fff;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:12px;
  margin-top:19px;
  padding-left:22px;
  }
  
  #footerContact span{
  padding-left:18px;
  display:block;
  float:left;
  margin:0px 4px;
  background:transparent url(../images/footerContactSpan.gif) no-repeat 0px 0px;
  }
  
  #footerContact a{
  color:#fff;
  text-decoration:none;
  }
  
  #footerContact a:hover{
  color:#fff;
  text-decoration:underline;
  }