@font-face {
        font-family: 'cartogothic_stdbold';
        src: url('fonts/cartogothicstd-bold-webfont.eot');
        src: url('fonts/cartogothicstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/cartogothicstd-bold-webfont.woff') format('woff'),
             url('fonts/cartogothicstd-bold-webfont.ttf') format('truetype'),
             url('fonts/cartogothicstd-bold-webfont.svg#cartogothic_stdbold') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'cartogothic_stdregular';
        src: url('fonts/cartogothicstd-book-webfont.eot');
        src: url('fonts/cartogothicstd-book-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/cartogothicstd-book-webfont.woff') format('woff'),
             url('fonts/cartogothicstd-book-webfont.ttf') format('truetype'),
             url('fonts/cartogothicstd-book-webfont.svg#cartogothic_stdregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'cgposterbodoniitmedium';
        src: url('fonts/cgposterbodoniit-webfont.eot');
        src: url('fonts/cgposterbodoniit-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/cgposterbodoniit-webfont.woff') format('woff'),
             url('fonts/cgposterbodoniit-webfont.ttf') format('truetype'),
             url('fonts/cgposterbodoniit-webfont.svg#cgposterbodoniitmedium') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    body,
    html { font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #000; background-color: #f2f1f1; }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 { color: #000; margin: 0 0 14px 0; padding: 0; line-height: 1; -webkit-font-smoothing: antialiased; font-weight: normal; font-size: 14px; font-family: 'cartogothic_stdbold', "Helvetica Neue", Helvetica, Arial, sans-serif; }
           
    p { color: #000; font-size: 12px; font-family: 'cartogothic_stdregular', "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 13px 0; line-height: 1.3; letter-spacing: 0.04em; font-weight: 300; }
        p strong{ font-weight: normal; font-size: 12px; font-family: 'cartogothic_stdbold', "Helvetica Neue", Helvetica, Arial, sans-serif; }
    li { color: #000; font-size: 12px; font-family: 'cartogothic_stdregular', "Helvetica Neue", Helvetica, Arial, sans-serif; }
    span { display: block; font-size: 12px; font-family: 'cartogothic_stdregular', "Helvetica Neue", Helvetica, Arial, sans-serif; }
    
    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; }

    .span5 { width: 400px; } 
    .span10 { width: 810px; } 
    .span12 { width: 960px; } 
    .inner { width: 1064px; }
    .full { width: 100%; }

    .gutter { margin-right: 45px; }

    .center { margin: 0 auto; }
    .inner { padding: 0 20px 0 20px; }

    .clear { margin: 0; }

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

    .align-center { text-align: center; }
    .align-right { text-align: right; }
    
    .border-bottom { border-bottom: 1px solid #d2d2d2; }

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

    .margin-top-10 { margin-top: 10px; }
    .margin-bottom-50 { margin-bottom: 50px; }

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

    #wrap {  }
        #header { width: 1064px; height: 114px; }
            #header h1 { width: 1064px; height: 114px; margin: 0 auto; padding: 0; }
                #header h1 a { display: block; width: 1064px; height: 114px; background: transparent url('../images/something-for-kate.png') 0 0 no-repeat; text-indent: -3000px; }
        #content { background-color: #f9f8f8; } 
            #introduction { padding: 10px 30px 5px 30px; }
            #content ol { float: left; width: 100%; margin: 0 0 13px 0; padding: 0; } 
            #content li { float: left; width: 100%; margin: 0 0 0 20px; padding: 0; line-height: 12px; } 
            .header { width: 750px; background: transparent url('../images/arrow-down.gif') 0 0 no-repeat; height: 40px; padding: 0 0 0 60px; margin: 0 0 20px 0; line-height: 34px; font-size: 30px; font-family: 'cgposterbodoniitmedium', Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; border-bottom: 2px solid #000; display: block; letter-spacing: 0.1em; }
            .buttons { margin-top: 10px;  }
                .buttons img { margin-top: 10px;  }
            .item { margin-bottom: 50px;  }
            .item hr { float: left; width: 100%; height: 2px; background-color: #ccc; border: none; }