*{  margin: 0;
    padding: 0;
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;            }
#page-wrap {width: 900px;
    margin: 0 auto;}

.cont-wrap {
    min-width: 800px;
    height:800px;}
 h1{           font-family: 'Lobster', serif;
              font-size: 4em;
              font-style: normal;
              font-weight: 400;
              text-shadow: 2px 2px 2px #A5A174;
              letter-spacing: 0.119em;
              word-spacing: 0.094em;
              margin-left: 40px;}
p   {   color: #111111;
        font-size: 1.05em;
        font-family: Georgia, "Times New Roman", Times, serif;}
.head {
    height: 80px;
    line-height: 80px;
    min-width: 700px;
    z-index: 11;
    position: absolute;
    top: 0px;float: left;
}
.head h1{color: white;}
.head-left {
    height: 80px;
    width: 100%;
    background-color: black;
    z-index: 10;
}
.fls {
    float: right;
    color: white;
    font-family: 'Lobster', serif;
    padding: 40px 40px 0 0;
    font-size: 1.5em;
}
#container {
        position: relative;
        float: left;
        width: 620px;
        height: 620px;
        margin: 20px 0 40px 40px;
        min-width: 700px;
        }
.frontp {
        width: 620px;
        margin-top: 10px;          
        line-height: 1.5em;
        letter-spacing: .09em;
}
/* =================================== SIDE NAVIGATION PERMANAT MENU ______________ */
#right{float: left;
    margin-top: 20px;
    height: 620px;
    width: 120px;
    position: relative;
}  
#sideNav {
    text-transform: lowercase;
    font-weight: bold;
    line-height: 1.25em;
}
ul li {
    list-style: none;    padding: 0; margin: 0;
        }      
#sideNav a {
    display: block;
    text-decoration: none;
    color: gray; 
    letter-spacing: .2em;
    font-size: 1.10em;
    line-height: 1.25em;
    }
#sideNav a:visited {color: gray;}
#sideNav a:hover{color: #5587DE; letter-spacing: .15em;}

a {text-decoration: none;
    color: gray;
    }
a:visited {color: gray;}
a:hover {text-decoration: underline;}
a h1{color:black;}
a h1:visited {color:black;}
a h1:hover {text-decoration: underline;}

.foodnav {
    position: relative;
    top: 40px;
    margin-top: 3em;
    text-transform: lowercase;
    font-weight: bold;
    line-height: 1.25em;
    }
.foodnav a {
    display: block;
    text-decoration: none;
    color: gray; 
    letter-spacing: .2em;
    font-size: 1.10em;
    line-height: 1.25em;
    }
.foodnav a:visited {color: gray;}
.foodnav a:hover{color: #5587DE; letter-spacing: .15em;}

.photocred {
    color: black;
    position: absolute;
    bottom: 92px;
    
}

/* ------------------------------------------ CONTEXT NAV HIGHLIGHTING -------------------------- */
body#home a.homeNav, body#dinner a.dinner-nav, body#entree a.entree-nav, body#app a.app-nav,
 body#salad a.salad-nav, body#pasta a.pasta-nav, body#dessert a.dessert-nav, 
body#mari a.mari-nav, body#history a.histNav, body#special a.specNav, body#farm a.farmNav {
    color: #A3CD39; font-weight: bolder; letter-spacing: .2em;}
.box    {  height: 180px;
           width:  180px;
           box-shadow: 4px 3px 4px #999E98;}
.box a {
    display: block;
    width: 180px;
    text-decoration: none;
    position: absolute;
    top: 0;  
    text-align: center;
    line-height: 40px;
    color: black;
    font-size: 1.25em;
    font-weight: bold; 
    letter-spacing: .025em;
    padding: 140px 0 0px 0px;
}
.box-no-shadow    {     height: 180px;
                        width:  180px;}
.box-big {
    height: 400px;
    width: 400px;
}

/* ---------------------------------------------------- BOX POSITIONS ---------------------- */
.tl {    position: absolute;    top: 0px;    left: 0px;}  
.tm {    position: absolute;    top: 0px;    left: 220px;}  
.tr {    position: absolute;    top: 0px;    left: 440px;}
.ml {    position: absolute;    top: 220px;    left: 0px;}   
.mm {    position: absolute;    top: 220px;    left: 220px;} 
.mr {    position: absolute;    top: 220px;    left: 440px;}
.bl {    position: absolute;    top: 440px;    left: 0px;}   
.bm {    position: absolute;    top: 440px;    left: 220px;} 
.br {    position: absolute;    top: 440px;    left: 440px;}
.hist {float: left;        margin: 0 20px 10px 0;}
.trans-box {    background-color: white;
                    filter:alpha(opacity=50);
                	opacity: 0.7;
                    height: 40px;
                    margin: 138px 0 0 2px;
                    width: 176px;
}
 .icon { height: 180px;         width: 180px;        background-size: 180px 180px;        background-repeat: no-repeat;}       

body#chef .logo {
                margin-left: 2em;}
div.box:hover{    box-shadow: 8px 7px 8px #999E98;}

/* -------------------------------------------------- alternate box stlyes 000000000000000000 */
.tmtr{
    position: absolute;
    left: 220px;
    width: 400px;
}
.tltm {
    position: absolute;
    width: 600px;
}
.mmmr {
    position: absolute;
    left: 220px;
    top: 220px; width: 400px;
}
.bmbr {
    position: absolute;
    left: 220px;
    width: 400px;
    top: 440px;
    padding: 0 0 0 0;
}
.trtm {
    position:  absolute;
    top: 0;
    left: 0;
    width: 400px;
}
.logo {
    background-image: url("../files/b-logo.png");
}
#small-green-logo   { 
    height: 90px;
    width: 90px;
    background-image: url("../files/smgnlgo.png");
    background-size: 90px 90px;
    background-repeat: no-repeat;
    bottom: 0px;
    position: absolute;    
}
#small-green-logo a {
    padding-top: 23px;
}
/* ========================  DISH PAGE STYLES ============ */
#dish-container {position: relative;
        float: left;
        width: 620px;
        height: 620px;
        margin: 20px 80px 0 40px;
        }
.pic-box {
            float: left;
            top: 0;
            height: 400px;
            width: 400px;
            background-size: 410px 410px;
            float: left;
            top: 0;
            margin: 0 20px 10px 0;
            box-shadow: 4px 3px 4px #999E98;
}       
.pic-box-special {
            float: left;
            top: 0;
            height: 200px;
            width: 200px;
            background-size: 200px 200px;
            float: left;
            top: 0;
            margin: 0 20px 10px 0;
            box-shadow: 4px 3px 4px #999E98;
}     
.special-p {clear:both;}
.dish-name-box {    float: left;
                    height: 200px;
                    width: 200px;
                    top: 0;
                    left: 0;
                    margin: 0 0px 10px 0;
                    background-color: #A3CD39;
            }
.dish-name-box p{   font-family: helvetica, arial, sans-serif;
                    display: inline-block;
                    position: absolute;
                    font-size: 1.6em;
                    color: white;
                    padding: 5px 0 0 5px;
                    margin: 0 20px 0 0;
            }
            
.dish-text {   font-family: Georgia, "Time New Roman", Serif;
                color: #161616;}
.dish-text p{   font-family: Georgia, "Time New Roman", Serif;
                color: #101010;
                text-align: left;
                word-spacing: .1em;   }
/*----------------------------------  BOTTOM NAVIGATION DISH (((((((((()))))))))) */
.bottom-nav {position: absolute;
            background-color: #5FA9C2;
            height: 30px;
            width: 620px;
            bottom: 0px;
            color: white;   
            display: block; 
}
.bottom-nav a{
    color: white;
    display: block;
    font-size: 14px;
}
.bn {height: 30px;}
.prev{float: left;
        padding: 0 10px 0 10px;
        border-right: white solid 2px;
        height: 30px;
        line-height: 30px;
        width: 30px;
        display: block;
        }
.blog {     display: block;
            text-align: center;
            width: 520px;
            height: 30px;
            line-height: 30px; 
            color: white;   
}
.next{  float: right;
        display: block;
        padding: 0 10px 0 10px;
        border-left: white solid 2px;
        height: 30px;
        line-height: 30px;
        width: 30px;
}
.bold {
    color: black;
    font-weight: bold;
    font-size: 1.10em;
    line-height: 1.25em;
}
a.bold {color: #5587DE;}
#map {
    width: 510px;
    box-shadow: 4px 3px 4px #999E98;}

/* =============================== FOOTER STYLE ==================== */
.footer {
    clear: both;
    position: absolute;
    bottom: 0px;
    right: 0px; 
    left: 0px;
    top: 780px;
    background-color: black;
    min-height: 90px;
}
.footer p{
    color: WHITE;
    margin-left: 15%;
    width: 640px;
}
.footer h2 {
    font-size: 1.5em;
    margin: 5px 0 0 15%;
    color: white;
}
.foot-div{
    position: relative;
    bottom: 0px;
}
.copy {
    float: left;
    bottom: 0;
    color: #999;
}
/* ================= FARM TO TABLE ========================== */

.farm-name {
    font-family: georgia,times,serif;
    font-weight: bold;
    font-style:  italic;
}