body {
    margin: 0;
    padding: 0;
    text-align: center;
    
    font: normal 18px/22px 'museo300';
    color: #8f94b6;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none !important;
    outline: 0;
}


.fullwidth {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    clear: both
}

.navigation {
    background: rgba(255,255,255,0.9);
    position: fixed;
    top: 0;
    z-index: 10;
    
    -webkit-transition: all 1.0s;
    -moz-transition: all 1.0s;
    -ms-transition: all 1.0s;
    -o-transition: all 1.0s;
    transition: all 1.0s;
}


.promo {
    background: #eaeaf5;
    padding: 35px 0 35px 0
}

.footer {
    background: #ff0099
}

.navigation-content {
    width: 1024px;
    height: 70px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    position: relative;
    
    -webkit-transition: height 1.0s;
    -moz-transition: height 1.0s;
    -ms-transition: height 1.0s;
    -o-transition: height 1.0s;
    transition: height 1.0s;
}

.burger {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 2;
    
    -webkit-transition: all 1.0s;
    -moz-transition: all 1.0s;
    -ms-transition: all 1.0s;
    -o-transition: all 1.0s;
    transition: all 1.0s;
}


a.button {
    font: normal 30px/30px 'museo300';
    color: #FFF;
    text-decoration: none;
    margin: 0 0 0 -65px;
    padding: 8px 20px;
    background: #ff0099;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 50%;
    
    -webkit-transition: all 1.0s;
    -moz-transition: all 1.0s;
    -ms-transition: all 1.0s;
    -o-transition: all 1.0s;
    transition: all 1.0s;
}


.cruklogo img {
    float: right;
    height: 50px;
    margin: 10px 20px 0 0;
    
    -webkit-transition: height 1.0s;
    -moz-transition: height 1.0s;
    -ms-transition: height 1.0s;
    -o-transition: height 1.0s;
    transition: height 1.0s;
}


h1.banner-main-title {
    font: normal 45px/45px 'CaeciliaLTStdLightBold';
    margin: 20px 0px 10px;
    padding: 0;
    color: #FFF;
}

h2.banner-sub-title {
    font: normal 30px 'CaeciliaLTStdLightBold';
    margin: 0 0 15px;
    padding: 0;
    color: #FFF;
}

h3.lrg-title {
    font: normal 50px/40px 'museo100';
    color: #7d82a6;
    margin: 0;
    padding: 0;
}

h3.title {
    font: normal 30px/30px 'museo300';
    color: #ff0099;
    margin: 0 0 10px 0;
    padding: 0;
}

.header {
    width: 100%;
    height: 568px;
    background: url(images/home_header_bk.jpg) top no-repeat;
    margin: 0 auto;
    padding: 0;
}

.header-banner {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
}

.home-banner {
    /*background: rgba(0,0,0,0.6);*/
    background: rgba(141,0,83,0.4);
    position: absolute;
    top: 434px;
    height: 134px;
}

.find-out-more {
    width: 400px;
    margin: 35px auto 0;
    padding: 0;
    
    font: normal 50px/40px 'museo100';
    color: #7d82a6;
    text-decoration: none;
}

.scroll-to {
    position: absolute;
    top: 590px;
    z-index: -1;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 0px;
    font-size: 0px;
}        

.content {
    width: 864px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.col {
    width: 33.33%;
    margin: 0;
    padding: 0;
    float: left;
    text-align: left;
    position: relative;
}

.colpromo {
    width: 66.66%;
    margin: 0;
    padding: 0;
    float: left;
    text-align: left;
    position: relative;
}

.peachy {
    width: 100%;
    margin: 0;
    padding: 0;
}

.peachy-panel {
    width: 305px;
    background: url(images/peachy_bk.jpg) no-repeat #FFF 0 bottom;
    margin: 0;
    padding: 25px 25px 25px 230px;
}

p {
    margin: 0 0 10px 0
}

.small-white {
    font: normal 12px/16px 'museo300';
    color: #FFF;
    margin: 0;
    padding: 0;
}

.p-right {
    padding-right: 45px;
}

a.big-link {font: normal 25px 'museo100'; color: #ff0099; text-decoration: none; }
a.big-link:hover {font: normal 25px 'museo100'; color: #7d82a6; text-decoration: none;}



.search input[type="text"] {
    float: left;
    width: 159px;
    height: 35px;
    padding: 4px;
    border: 0 none;  
    font: normal 18px/22px 'museo300';
    color: #8f94b6;
    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.search input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    float: left;
    font: normal 25px/25px 'museo300';
    color: #FFF;
    text-decoration: none;
    margin: 0;
    padding: 8px 20px;
    background: #ff0099;
    border: 0 none;
    cursor: pointer;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


.footer ul {
    list-style-type: none;	
    margin: 0;
    padding: 0;
    display: inline-block;
}

.footer ul li {
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
    color: #FFF
}


.footer-social-icons {
    clear: both;
    height: 50px;
    margin: 0 auto;
    width: 402px;
}

.footer-social-icons ul li a {
    display: block;
    width: 50px;
    height: 50px;
}


.footer-facebook {
    display: block;
    width: 51px;
    height: 50px;
    background: url(images/social_icons.png) no-repeat;    
}

  
.footer-twitter {
    display: block;
    width: 51px;
    height: 50px;
    background: url(images/social_icons.png) no-repeat -51px 0;
}

.footer-google {
    display: block;
    width: 50px;
    height: 50px;
    background: url(images/social_icons.png) no-repeat -102px 0;
}

.footer-pinterest {
    display: block;
    width: 50px;
    height: 50px;
    background: url(images/social_icons.png) no-repeat -152px 0;    
}

.footer-youtube {
    display: block;
    width: 50px;
    height: 50px;
    background: url(images/social_icons.png) no-repeat -204px 0;    
}


/* Smartphones (landscape) iPad landscape and smaller screen resolutions  ----------- */
@media only screen and (max-width : 1024px) {


}



/* Smartphones (portrait) iPad portrait  ----------- */
@media only screen and (max-width : 768px) {
    .navigation-content {
        width: 768px;
    }    
    
    h2.banner-sub-title {
        font: normal 25px 'CaeciliaLTStdLightBold';
        margin: 0 0 15px;
        padding: 0;
        color: #FFF;
    }
    
    .content {
        width: 738px;
    }
    
    .peachy-panel {
        width: 220px;
        background: url(images/peachy_bk.jpg) no-repeat #FFF 0 90px;
        margin: 0;
        padding: 25px 25px 25px 230px;
    }
    
    .peachy-panel h3 {
        width: 360px;
        margin:  0 0 12px -210px;
    }
    
    .search input[type="text"] {
        width: 230px;
    }
    
    
    .search input[type="submit"] {
        margin: 20px 0 0;
    }
    
    .col img {width: 246px}
    

}










/* ============ CLEARS =========== */

.clear {
    display: block;
    clear: both;
}

.clear-10 {
    display: block;
    clear: both;
    height: 10px;
}

.clear-20 {
    display: block;
    clear: both;
    height: 20px;    
}

.clear-25 {
    display: block;
    clear: both;
    height: 25px;    
}

.clear-30 {
    display: block;
    clear: both;
    height: 30px;
}

.clear-40 {
    display: block;
    clear: both;
    height: 40px;
}

.clear-50 {
    display: block;
    clear: both;
    height: 50px;
}

.clear-75 {
    display: block;
    clear: both;
    height: 75px;
}

.clear-100 {
    display: block;
    clear: both;
    height: 100px;
}