/* Override definitions for Studio Fresh web */

body {
    background: #d9e5ed;
}

h2 {
    font-size: 32px; letter-spacing: -1px; line-height: 40px;
    text-shadow: 0px 1px 0px #ddd;
}


input[type="text"], select, textarea {
    padding: 9px; border: 1px solid #a2d8ef; border-color: #1ea2db #1ea2db #a2d8ef #1ea2db;
    background: #008bc7 url(../images/mask/studiofresh/form-input-gradient.png) 0 0 repeat-x;
}
input[type="submit"] {
    -webkit-box-shadow: 0px 2px 5px #008bc7;
    -moz-box-shadow: 0px 2px 5px #008bc7;
    box-shadow: 0px 2px 5px #008bc7;
}


.slidedown-button a span, .slideup-button a span {
    background-image: url(../images/mask/studiofresh/button-slidedown.png);
}
.slideup-button a span {
    background-image: url(../images/mask/studiofresh/button-slideup.png);
}


#refs-carousel .refs-nav span.active,
#refs-list .refs-nav span.active,
#ref-images .images-nav span.active {
    background-image: url(../images/mask/studiofresh/refs-nav-active.png);
}

#refs-page {
    background: #a4c0d4;
}
#refs-page .wrapper {
    background: none;
}
    #refs-carousel {
        position: relative; float: left; width: 960px;
        margin-right: 3000px;
    }
        #refs-page .keys-tip {
            display: none; position: absolute; top: -4px; right: 54px;
        }
    #refs-carousel .refs {
        background: none;
    }
        #refs-carousel .ref .detail,
        #ref-detail .detail {
            float: left; width: 360px;
            color: #f7fcff;
        }
            #refs-carousel .ref .detail .tags li,
            #ref-detail .detail .tags li {
                background: #009ee0;
            }
        #refs-carousel .ref .ref-images,
        #ref-images {
            width: 480px; height: 400px; float: left;
            margin: -100px 0 0 60px; padding: 0;
            list-style: none;
        }
            #refs-carousel .ref .ref-images li,
            #ref-images li {
                position: absolute; width: 520px; height: 370px; top: 34px; left: 0;
                padding: 24px 0 0 17px; border: none;
                background: transparent url(../images/mask/studiofresh/refs-paper-sheet.png) /*49px 10px*/ 0 0 no-repeat;
                list-style: none;
                -moz-border-radiu: 0;
                border-radius: 0;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
            }
                #ref-images li .wrapper {
                    width: 480px; height: 340px; overflow: hidden;
                }
            #refs-carousel .ref .ref-images li.wide,
            #ref-images li.wide {
                width: 640px; height: 420px; overflow: visible;
                margin: -60px 0 0 -60px; padding: 0;
                background: none;
            }
                #refs-carousel .ref .ref-images li.wide .shadow,
                #ref-images li.wide .shadow {
                    display: block; width: 
                }
        #ref-images {
            position: relative;
        }
            #ref-images li {
                /*width: 480px; height: 340px; overflow: hidden;
                margin: 0; padding: 0; border: 5px solid #888;
                -moz-border-radiu: 5px;
                border-radius: 5px;*/
            }
        #ref-images .images-nav {
            margin-top: 400px;
        }
        
    #refs-list .ref a .text {
        background: #789eba;
        -webkit-box-shadow: 0 3px 3px 89a3b3;
        -moz-box-shadow: 0 3px 3px #89a3b3;
        box-shadow: 0 3px 3px #89a3b3;
    }
    #refs-list .ref a:hover .text, #refs-list .ref a:active .text {
        background: #009ee0;
    }
    #refs-list .ref a .img {
        -webkit-box-shadow: 0 3px 3px 89a3b3;
        -moz-box-shadow: 0 3px 3px #89a3b3;
        box-shadow: 0 3px 3px #89a3b3;
    }

    #refs-switch a {
        border-color: #506e81;
        color: #506e81;
    }
    #refs-switch a.active {
        border-color: #506e81;
        background: #506e81;
    }


#services-page {
    background: #506e81;
}
    #services-list dt {
        background-image: url(../images/mask/studiofresh/bubble-m.png);
    }
    #services-list dt.l {
        background-image: url(../images/mask/studiofresh/bubble-l.png);
    }
    #services-list dt.xl {
        background-image: url(../images/mask/studiofresh/bubble-xl.png);
    }
    #services-list dt.xxl {
        background-image: url(../images/mask/studiofresh/bubble-xxl.png);
    }
    #services-list dt.active {
        color: #fff;
    }


#about-page {
    background: #d9e5ed;
}
    #about-us ul li {
        background-image: url(../images/mask/studiofresh/bullet-bubble.png);
    }
    #about-us a {
        font-weight: bold; color: #009ee0;
    }
    #about-us a.sfn-link {
        color: #87a500;
    }


#contact-page {
    background: #0cadf2 url(../images/mask/studiofresh/contacts-glow) 50% 80px no-repeat;
}
    #contact-page .map {
        background-image: url(../images/mask/studiofresh/map.png);
    }