html { background: #fff; }

body { 
   background: #fff url(/theme/img/tile.png) repeat-x center top; 
   text-align: center; 
   }
 
.wrap {
   width: 980px;
   position: relative; 
   } 

 
/* Site Header
------------------------------------ */
 
header {
    width: 100%;
    max-width: 1000px;
    min-width: 960px; 
    height: 165px;
    position: relative; 
    }
   
#logo {
    width: 530px;
    height: 75px;
    text-align: left;
    display: block;
    opacity: .9;
    position: absolute; 
    left: 20px;
    top: 28px;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -o-transition:   opacity .25s ease-in-out;
    -ms-transition:  opacity .25s ease-in-out;
    transition:      opacity .25s ease-in-out; 
    }
         
    #logo:hover { opacity: 1; }
    #logo:active { opacity: .9; }
    


/* --- Site Header --- */

ul#social {
    list-style: none;
    display: inline;
    position: absolute;
    right: 20px;
    top: 80px; 
    }
      
ul#social > li {
    width: 26px;
    display: inline-block; 
    }

ul#social > li a {
    background-repeat: no-repeat;
    background-position: center center;
    height: 26px;
    display: block;
    position: relative;
    opacity: .9;
    text-indent: -99999px;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out; 
    }
      
ul#social > li a:hover { opacity: 1; }

ul#social > li a:active { opacity: .5; }
      
ul#social li.facebook a { background-image: url('/theme/img/connect-facebook.png'); }
ul#social li.twitter a { background-image: url('/theme/img/connect-twitter.png'); }
ul#social li.instagram a { background-image: url('/theme/img/connect-instagram.png'); }
ul#social li.youtube a { background-image: url('/theme/img/connect-youtube.png'); }
ul#social li.pinterest a { background-image: url('/theme/img/connect-pinterest.png'); }
ul#social li.tumblr a { background-image: url('/theme/img/connect-tumbler.png'); }



/* Site Footer
------------------------------------ */

#footer {
    width: 100%;
    background: #a1a1a1;
    padding: 25px 0 100px 0;
    }

footer {
    width: 960px;
    height: 40px;
    margin: auto;
    font-size: 11px;
    line-height: 15px;
    color: #e6e6e6; 
    position: relative;
    }
    
footer a { color: white; } 

footer span { display: block; }  
    
footer .links { 
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    }  

footer .links a { text-transform: uppercase; }     
.tagalog footer .links a { display: block; }     

footer .unitehere { 
    background: url('/theme/img/footer-unite-here.png') no-repeat center top;
    padding-top: 28px;
    position: absolute;
    top: 0;
    left: 50%;
    text-align: center;
    width: 240px;
    margin-left: -120px;
    }       
   
footer .credit { 
    width: 200px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    margin-top: 15px;
    }  
   
   


/* Error INPUT Styling
--------------------------------------------------- */

input.error { 
   box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25);       
      -moz-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25);
   	-webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25); }

input.error:hover { 
   box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35);       
      -moz-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35);
   	-webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35); }
      
input.error:active { 
   box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45);       
      -moz-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45);
      -webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45); }     
   
   
/* Error LABEL Styling
--------------------------------------------------- */

form label { position: relative; }

strong.error { 
   background: #bd2025;
   padding: 3px 5px;   
   display: block;
   white-space: nowrap;
   position: absolute; 
   left: 50%;
   top: 25px;
   z-index: 9999;
   -moz-border-radius:    2px;
   -webkit-border-radius: 2px;
   border-radius:         2px; 
   font-family: 'nimbus-sans-condensed','Arial Narrow',arial,sans-serif;
   line-height: 1; 
      font-weight: 600;   
      font-size: 12px;
      line-height: 12px;
      color: #fff; 
      text-transform: uppercase; } 
strong.error:after { 
   height: 0; 
   width: 0;    
   margin-left: -6px;  
   content: " ";    
   position: absolute; 
      left: 15px; 
      bottom: 100%;
   border-color: rgba(189, 32, 37, 0);    
      border: solid transparent; 
      pointer-events: none;
      border-bottom-color: #bd2025; 
      border-width: 6px; }
      
/* Culinary Worker
--------------------------------------------------- */

.col2 .culinary-worker,
#options .culinary-worker {
   background: #878787;
   padding: 10px 15px 15px;
   margin-top: 20px;
   color: #e6e6e6;
   text-align: left;
   transition:         background-color .35s ease-in-out;    
   -webkit-transition: background-color .35s ease-in-out;  
   -moz-transition:    background-color .35s ease-in-out;  
   -o-transition:      background-color .35s ease-in-out;  
   -ms-transition:     background-color .35s ease-in-out; }
   
.en-espanol .col2 .culinary-worker,
.en-espanol #options .culinary-worker { margin-top: 0; }
   
.col2 .culinary-worker:hover,
#options .culinary-worker:hover{ background: #959595; }
   
.col2 .culinary-worker a,
#options .culinary-worker a { color: #e6e6e6; }

.col2 .culinary-worker a .thumb,
#options .culinary-worker a .thumb {
   background-color: #e6e6e6;
   background-repeat: no-repeat;
   background-position: -16px -16px;
   -moz-box-shadow:    inset 0 0 0 3px #fff;
   -webkit-box-shadow: inset 0 0 0 3px #fff;
   box-shadow:         inset 0 0 0 3px #fff;
   height: 140px; 
   margin: 0 0 5px;
   display: block; 
   transition:         all .2s ease-in-out;    
   -webkit-transition: all .2s ease-in-out;  
   -moz-transition:    all .2s ease-in-out;  
   -o-transition:      all .2s ease-in-out;  
	-ms-transition:     all .2s ease-in-out; } 
  
.col2 .culinary-worker a:hover .thumb,
#options .culinary-worker a:hover .thumb {
   -moz-box-shadow:    inset 0 0 0 6px #dcdcdc;
   -webkit-box-shadow: inset 0 0 0 6px #dcdcdc;
   box-shadow:         inset 0 0 0 6px #dcdcdc; }
   
.col2 .culinary-worker a:active .thumb,
#options .culinary-worker a:active .thumb {
   -moz-box-shadow:    inset 0 0 0 4px #fff;
   -webkit-box-shadow: inset 0 0 0 4px #fff;
   box-shadow:         inset 0 0 0 4px #fff; }

.col2 .culinary-worker h2,
#options .culinary-worker h2 { text-transform: uppercase; }

.col2 .culinary-worker h3,
#options .culinary-worker h3{
   margin-bottom: 5px; 
   line-height: .9; }
   
.col2 .culinary-worker h2 a,
.col2 .culinary-worker a h3,
#options .culinary-worker h2 a,
#options .culinary-worker a h3 { 
   color: #fff;
   transition:         all .35s ease-in-out;    
   -webkit-transition: all .35s ease-in-out;  
   -moz-transition:    all .35s ease-in-out;  
   -o-transition:      all .35s ease-in-out;  
   -ms-transition:     all .35s ease-in-out;  }
   
.col2 .culinary-worker h2 a:hover,
.col2 .culinary-worker a:hover h3,
#options .culinary-worker h2 a:hover,
#options .culinary-worker a:hover h3 { color: #e9e9e9; }

.col2 .culinary-worker p,
#options .culinary-worker p { line-height: 1; }

.col2 .culinary-worker p:last-child,
#options .culinary-worker p:last-child { margin-bottom: 0; }