header {
    padding: 10px 0 10px 0;

    background: #e3e7fa;
        
    border-bottom: 1px solid #b6bde0;
}



nav {
    text-align: center;
}

nav li {
    display: inline;
    
}

nav li a {
    margin: 0 30px 0 0;
    padding: 5px 5px;
    
    display: inline-block;
    
    text-transform: uppercase;
    
    letter-spacing: 1px;
    text-decoration: none;
    
    -webkit-transition: background .2s ease-out;  

    text-shadow: rgba(100%, 100%, 100%, .9) 0 1px 1px;
            
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#page-about #s-about a, 
#page-product #s-product a, 
#page-customers #s-customers a, 
#page-contact #s-contact a, 
#page-home #s-home a {
    background: #fff;    
}


nav li a:hover {
    background: #fff;
}


#lang {
    
}

#lang img {
    vertical-align: bottom;
    
    margin: 0 5px 0 0;
}



.logo {
    margin: 0 auto;  
    width: 180px;
    
/*     text-align: center; */
}

.logo img,
.logo a {
    display: block;
}

.tagline {
    text-align: center;
    
/*     font: italic 16px/30px Cambria, Georgia, serif; */

    font-weight: bold;
    margin: 10px 0 30px 0;

    font-size: 15px;

    color: #294C73;    
    color: #484bab;
    
    text-shadow: rgba(100%, 100%, 100%, .9) 0 1px 1px;
    
}

footer {

    background: transparent url(../i/border.png) top left repeat-x;
    border-top: 1px solid #ccc;
    
    padding: 40px 0 20px 0;
    
    text-shadow: rgba(100%, 100%, 100%, .95) 0 1px 1px;

    
    color: #666;

}

/*
footer p img {
    vertical-align: middle;
}
*/

.page {
    padding: 60px 0;
    background: #fff;
    
    min-height: 300px;
}

.page h1 {
    font: bold 24px/30px Cambria, Georgia, serif;

    padding: 0 0 15px 0;
    color: #c76a00;
    color: #1c2969;
    
    border-bottom: 5px solid #d4d4d4;
    
    text-transform: capitalize;
    
    margin: 0 0 40px 0;
}


section {
    margin: 0 0 60px 0;
}

section.border {

    padding: 0 0 29px 0;
    margin: 0 0 29px 0;
    
    border-bottom: 2px solid #ccc;
    
}

section.last {
    margin-bottom: 0;
}


section.last.border {
    border-bottom: none;
    padding-bottom: 0;
}


section h2 {
    font: bold 18px/30px Cambria, Georgia, serif;
    
    margin: 0 0 20px 0;
    
    color: #c76a00;
    color: #d47100;
    
    text-align: center;
}

.call-to-action {

    margin: 10px 0 0 0;
    padding: 10px 0;
    
    text-align: center;    
    background: #E3E7FA;

    -moz-border-radius: 3px;    
    border-radius: 3px;

}

.call-to-action p {
    font: normal  18px/40px Cambria, Georgia, serif;    
    color: #1c2969;
}

.call-to-action img {
    float: left;
    margin-left: 10px;
}

.call-to-action a {
    font-weight: bold;
/*     font-style: italic; */
    color: #c76a00;
}


.call-to-action a:hover {
    color: #222;
}



/* ======== */
/* ! home   */
/* ======== */




.splash {
    margin: 0 0 60px 0;
    
    background: #e3e7fa;

    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;

    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.splash p {

    padding: 20px 0 0 0;
    margin: 0 0 20px 0;
    
    font: bold 21px/30px Cambria, Georgia, serif;
        
    color: #1c2969;

    text-align: center;
    
    text-shadow: 0 1px 1px  rgba(100%, 100%, 100%, .9);
}


.splash img {
    display: block;
}


.features h3 {
    margin: 0 0 10px 0;
    
    text-transform: uppercase;
    
    color: #666;
}


.benefit p {
/*     margin: 0 0 10px 0; */
    min-height: 140px;
}

/*
.benefit .more {
    text-align: center;
}

.benefit .more a {
    background: #eee url(../i/button.png) top left repeat-x;
    padding: 4px 6px;
    
    -moz-border-radius: 2px;
    border-radius: 2px;

    text-decoration: none;
    font-size: 12px;
    
    border: 1px solid #ccc;
    
    
}
*/

.more {
    margin: 20px 0 0 0;

    text-align: center;
}

.more a {
    background: #eee url(../i/button.png) top left repeat-x;
    padding: 4px 6px;

    -moz-border-radius: 2px;    
    border-radius: 2px;

    text-decoration: none;
    font-size: 12px;
    
    border: 1px solid #ccc;    
}




.customers {

}

.customers a {
    width: 190px;
    height: 60px;
    
    
    float: left;
    
/*     -webkit-transition: background .2s ease-out;       */
}

.customers #buffetti  {
    background: transparent url(../i/buffetti-logo.png) top left no-repeat;
}

.customers #spicers {
    background: transparent url(../i/spicers-logo.png) top left no-repeat;
}


.customers #spicers:hover,
.customers #buffetti:hover  {
    background-position: -190px 0;
}

.customers.color #spicers,
.customers.color #buffetti {
    background-position: -190px 0;
}


/* =========== */
/* ! contact   */
/* =========== */


.contact {
    margin: 0 0 40px 0;
}

.contact h2 {
    text-align: left;
}

.contact p {
    font-size: 16px;
}


/* ============= */
/* ! customers   */
/* ============= */


.featured-work {

    padding: 0 0 39px 0;
    margin: 0 0 39px 0;
    
    border-bottom: 2px solid #ccc;
}

.featured-work h2 {
    font: bold  18px/20px Cambria, Georgia, serif;
    
    margin: 0 0 10px 0;
    color: #d47100;
}

.featured-work h2 span {
    color: #666;
    
    text-transform: uppercase;    

    font: bold 12px/20px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
      
}



.featured-work p {

    font: normal 14px/20px Cambria, Georgia, serif;
}


.featured-work.buffetti-1 {

    background: transparent url(../i/work-buffetti-1.jpg) left center  no-repeat;
    min-height: 580px;

}

.featured-work.spicers-1 {

    background: transparent url(../i/work-spicers-1.jpg) right center  no-repeat;
    min-height: 580px;

}


/* ========= */
/* ! about   */
/* ========= */


.signature {
/*     background: url(../i/signature.png) left top no-repeat; */
    
/*     padding: 60px 0 0 0; */
    margin: 20px 0 0 0;
    
}