/* CSS reset from blueprint */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5; font-family: "HelveticaNeue-Light",Helvetica,Arial,sans-serif;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* General */
h1 { font-size: 2em; color: #2F2F2F; }
h2 { font-size: 1.5em; color: #3D3D3D; }
p { color: #3D3D3D; }
a, a:visited { color: #C22013; text-decoration: none; font-weight: normal; }
a:hover { text-decoration: underline; }

/* Layout */
div#wrapper { width: 700px; margin: 50px auto; }
div#wrapper h1 { margin-left: 20px; }
div#wrapper p#subtitle { margin-left: 20px; margin-bottom: 20px; font-size: 0.8em; color: #787878; }
div#wrapper div#image { float: left; width: 350px; margin-top: 80px; }
div#wrapper div#text { float: right; width: 200px; margin-top: 20px; }
div#wrapper div#text h2 { text-align: right;}
div#wrapper div#text p { text-align: right; margin: 5px 0px 20px 0px; }