body,
    html { font-family: "Lato", "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; font-weight: normal; color: #000; background-color: #3e4048; /*-webkit-font-smoothing: antialiased*/ }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 { color: #000; margin: 0 0 14px 0; padding: 0; line-height: 0.9; font-weight: normal; font-size: 14px; }
           
    p { color: #fff; font-size: 12px; font-family: 'Noticia Text'; margin: 0 0 13px 0; line-height: 1.7; /*letter-spacing: 0.08em;*/ font-weight: 400; }
        p strong{ font-weight: normal; }
    li { color: #fff; font-size: 12px; font-family: 'Noticia Text'; margin: 0 0 3px 0; line-height: 1.7; /*letter-spacing: 0.08em;*/ font-weight: 400; list-style-image:url('../images/bullet-white.gif'); vertical-align: top; }
    span { display: block; font-size: 12px; }
    
    input { }

    h1 { font-size: 18px; letter-spacing: 0.04em; }
    h2 {  }
    h3 {  }
    h4 { color: #689f7f; margin: 0 0 2px 0; }
    h5 { font-size: 20px; }

    a,
    a:visited,
    a:focus { color: #000; outline: none; text-decoration: underline; }
    a:hover { color: #bebebe; outline: none; text-decoration: none; }

    .left { float: left; }
    .right { float: right; }

    .inner { width: 800px; }
    .full { width: 100%; }

    .gutter { margin-right: 45px; }

    .center { margin: 0 auto; }

    .clear { margin: 0; }

    .absolute { position: absolute; }
    .relative { position: relative; }

    .align-center { text-align: center; }
    .align-right { text-align: right; }

    .no-margin { margin: 0; } 
    .no-padding { margin: 0; } 

    .last-child p:last-child { margin: 0; }

    .notica,
    .notica p { font-family: 'Noticia Text'; }

    .width-251 { width: 251px; }
    .width-525 { width: 525px; }
    .width-388 { width: 388px; }

    .size-18 { font-size: 18px; }

    #twttrHubFrameSecure,
    #twttrHubFrame { display: none; width: 200px; left: 0; top: 0; }

    #loading { position: fixed; width: 100%; height: 100%; z-index: 2000; background-color: #fff; }
        #loading #canvasloader { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; }

    #project-loading { display: none; top: 55px; position: fixed; width: 100%; height: 55px; z-index: 400; background-color: #fff; }
        #project-loading #project-canvasloader { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; }
    #navigation { position: fixed; width: 100%; height: 55px; z-index: 500; background-color: #fff; }
        #navigation h1 { float: left; width: 121px; height: 55px; margin: 0; padding: 0; }
            #navigation h1 a { display: block; width: 121px; height: 55px; background: transparent url('../images/kamoso.gif') 0 0 no-repeat; text-indent: -3000px; }

        #navigation span { display: block; /*width: 100%;*/ float: right; height: 55px; line-height: 55px; font-size: 12px; color: #9f9fa4; text-transform: uppercase; letter-spacing: 0.08em; }
            #navigation span a { color: #9f9fa4; display: inline; text-decoration: none; padding: 0 0 0 25px; }
            #navigation span a:hover { color: #000; }

    #background { position: relative; width: 100%; height: 40%; overflow: hidden; }

        .grid { overflow: hidden; }
            .grid-inner { overflow: hidden; width: 105%; }
        .section { padding: 0 0 170px 0; border-top: 1px solid #fdeccc; }
        .header { text-transform: uppercase; color: #fff; font-size: 16px; padding: 29px 0 29px 0; margin: 0; text-align: center; letter-spacing: 0.15em; }

    #wrap { position: relative; z-index: 200; border-top: 2px solid #fdeccc; padding: 40px 0 0 0; background-color: #3e4048; }
    #wrap-base { position: relative; z-index: 200; background-color: #3e4048; }
            #introduction p { font-weight: 300; font-size: 30px; color: #fff; line-height: 1.2; margin: 0 0 40px 0; }
                #consulting { padding: 0 0 170px 0; }
                #consulting p { color: #feeccc; }
                #introduction p { color: #fff; }
                #consulting .span1 p { font-size: 13px; font-weight: 400; color: #feeccc; }
            #whatwedo .item { float: left; width: 251px; height: 330px; margin: 0 23px 0 0; cursor: pointer; }
                #whatwedo .item .thumbnail { float: left; margin: 0 0 20px 0; width: 251px; height: 180px; }
                #whatwedo .item a { top: 0; left: 0px; z-index: 10; display: block; width: 249px; height: 178px; text-indent: -3000px; border: none; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
                #whatwedo .item:hover a {  border: 1px solid #fdeccc; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
                #whatwedo .item img { top: 0; left: 0px; z-index: 1; }
                #whatwedo .item h2 { color: #feeccc; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; }
                #whatwedo .item p { font-size: 12px; line-height: 1.7; font-style: italic; }
            #whoweare .item { float: left; width: 251px; margin: 0 20px 0 0; }
                #whoweare .item img { float: left; margin: 0 0 20px 0; }
                #whoweare .item h2 { color: #feeccc; font-size: 15px; font-family: 'Noticia Text'; font-weight: 300; }
                #whoweare .item h3 { color: #feeccc; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; }
                #whoweare .item p { font-size: 12px; line-height: 1.7; font-weight: 400; }
            #credentials .item { border-top: 1px solid #9e968a; padding: 20px 0 40px 0; margin: 0 20px 0 0; }
            #credentials .item h2 { font-size: 12px; line-height: 18px; color: #feeccc; text-transform: uppercase; letter-spacing: 0.1em; }
            #credentials .item ul { margin: 0 0 0 13px; padding: 0;  }
            #credentials .item li { font-size: 12px; line-height: 1.7; font-weight: 400;  }
            #contact { padding: 0 0 280px 0; }
            #contact a { color: #feeccc; text-decoration: none; }
            #contact a:hover { color: #feeccc; text-decoration: underline; }

    #projectview { display: none; position: relative; z-index: 200; background-color: #fdeccc; padding: 30px 0 30px 0; border-top: 30px solid #3e4048; border-bottom: 30px solid #3e4048; }
        #projectview .close { position: absolute; right: 25px; top: 0; z-index: 999; width: 12px; height: 11px; margin: 35px 0 0 0; }
        #project-gallery { margin: 0 0 30px 0; }
        #project-gallery-images { width: 800px; height: 500px; overflow: hidden; }
        #project-gallery-pagination { border-bottom: 1px solid #fff; padding: 15px 0 25px 0; }
            #project-gallery-pagination a { color: #9f9fa4; font-size: 10px; font-family: "Lato", "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; text-decoration: none; margin: 0 10px 0 0; float: left; }
            #project-gallery-pagination a:hover { color: #3f4049; }
            #project-gallery-pagination a.activeSlide { color: #3f4049; }
        #projectview p { color: #3f4049; font-size: 12px; line-height: 1.7; margin: 0 0 10px 0; }
            #projectview p.caption { font-size: 11px; color: #6f7077; font-style: italic; margin: 0 0 30px 0; }
            #projectview p.size-18 { font-size: 18px; font-weight: 300; line-height: 1.3; margin: 0 0 30px 0; }
        #projectview ul { margin: 0; padding: 0 0 0 14px; }
        #projectview li { color: #3f4049; font-size: 12px; list-style-image:url('../images/bullet-blue.gif'); }
        #projectview p.top { color: #6f7077; font-size: 10px; font-family: "Lato", "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; letter-spacing: 0; margin: 30px 0 0 0; }
        #projectview p.top a { color: #6f7077; text-decoration: none; }
        #projectview p.top a:hover { color: #000; }
        #project-alpha h2 { margin: 5px 0 12px 0; font-size: 16px; letter-spacing: 0.05em; color: #3f4049; text-transform: uppercase; }
        #project-alpha p { color: #3f4049; line-height: 2.5; }
        #project-alpha a { color: #3f4049; }
        #project-alpha a:hover { color: #000; }
            #project-alpha #share { margin: 10px 0 0 0; overflow: hidden; }
            #project-alpha .addthis_button_tweet { float: left; width: 100px;}
        #project-beta img { margin: 25px 0 17px 0; }
        #project-beta blockquote { float: left; font-family: 'Noticia Text'; font-style: italic; width: 100%; font-size: 17px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 20px 0 20px 0; margin: 25px 0 35px 0; color: #3f4049; font-weight: 300; }
        #project-beta blockquote p { font-size: 17px; margin: 0; }

        #base a { color: #FEECCC; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; width: 100%; text-decoration: none; padding: 0 0 60px 0; }