html { font-size:18px; }
body { background:#F0EFE7; color:#787878; }
h1, h2, h3, h4, h5, h6, p, pre, dt, hr, legend, input, button, textarea, select, address, table {margin-top: 1.2rem;}
strong, b {font-weight:bold;}
em, i { font-style: italic; }
ol,ul {list-style:inside; margin-top:0.6rem;}
ol {list-style-type:decimal-leading-zero;}
ul {list-style-type:disc;}
nav ol, nav ul { list-style: none; }
nav li { display:inline-block; }



h1,h2,h3,h4 {color:#444;}
h1 { font-size:2em; margin-bottom:0.25rem; }
h2 { font-size:1.5rem; }
h3 { font-size:1.2rem; }
h4 { font-size: 0.8rem; letter-spacing: 0.05rem; text-transform: uppercase; }
p { font-size:1rem; margin-bottom:0.67rem; }
blockquote, pre { border-left:5px solid #CCC;padding-left:1rem; }
pre code {font-family:"courier new" sans-serif; font-size:0.85rem;}
hr {border:none;border-top:1px dashed; }



.bodytext { color: #666; }
.bodytext > p { line-height: 1.3rem; }
.bodytext > p.lede {font-size: 1.15rem; line-height: 1.6rem; color:#999; }

.caption { font-size: 0.8rem; margin-top: auto; }

.cta { border: 1px solid #ccc; border-radius: 3px; padding: 0.5rem; display: block; background: #ddd; width: 400px; margin-top: 0.5rem; }
.cta:hover { background: #bbb; }

.cta.prime { background-color: #fcc; color: #f55; }
.cta.prime:hover { background-color: #f55; color: #fff; }



.inner {overflow: hidden;
    position: relative;
    width: 720px;
    margin: 0 auto;
    overflow: visible;}

#content-wrapper { overflow:hidden; }
#content {float:right; width:100%;}

#main { background-color: #FCFCFA; border: solid 1px #E2E0D8; margin-top:10%;padding: 22px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }

#fakeimage{
    display:none;
}