/* reset */
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;}
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;}


/* typography */
html {font-size:100.01%;}
body {font-size:75%;color:#141414;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#005aaa;color: #fff;}
th, td, caption {padding:4px 10px 4px 5px;border:1px solid #fff;}
tr.even td {background:#e7f4fa;}
tfoot {font-style:italic;}
caption {background:#eee;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}



/* BODY */
body {background: #fff url(../graphics/body-background.jpg) repeat-x left top; text-align: center;}


/* TYPOGRAPHY */
a {color: #e33131;text-decoration: underline;}
a:hover {color: #e33131;}


/* CONTAINERS */
#container {width:720px; margin: 0 auto 3em auto; text-align: left;background: url(../graphics/paddy.jpg) no-repeat right top;}
#container:after {content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}


#header {width:720px;float: left;margin-top: 3em;background: url(../graphics/dots.gif) repeat-x left bottom;}
#header h1 {width:405px;height:90px;background: url(../graphics/site-title-2.gif) no-repeat left top;text-indent: -9999px;font-size: 1em;margin-bottom: 3em;}

#about {width:720px;float: left;background: url(../graphics/dots.gif) repeat-x left bottom;padding-bottom: 1.5em;}
#about h2 {background: url(../graphics/heading-about-paddy.gif) no-repeat left top;text-indent: -9999px;margin: 0.5em 0 0.5em 0;font-size: 3em;line-height: 1;}
#about .copy {width:720px;max-height:10.5em;float: left;margin-bottom:1.5em;}
#about .column {width:220px;float: left;margin-right: 18px;}

#contact {width:720px;float: left;color: #8e8e8e;}
#contact a {color: #acacac;}
#contact span {float: left;}
#contact span {margin-right: 20px;}
#contact #facebook {background: url(../graphics/facebook-small.gif) no-repeat;width:18px;height:18px;display: block;text-indent: -9999px;float:left;margin-right: 10px;}
#contact #twitter {background: url(../graphics/twitter-small.gif) no-repeat;width:18px;height:18px;display: block;text-indent: -9999px;float:left;}


#brand-aware {width:684px;padding:0 18px 0 18px;float: left;background: url(../graphics/dots.gif) repeat-x left bottom;}
#brand-aware h2 {background: url(../graphics/heading-brandaware.gif) no-repeat left top;text-indent: -9999px;margin: 0.5em 0 0.5em 0;font-size: 3em;line-height: 1;}
#brand-aware p {width:480px;}
#brand-aware img {float: right;position: relative;top:-3em;}
.brandaware {color: #e33131;font-weight: bold;}


#book {width:684px;padding:0 18px 0 18px;float: left;background: #f5f5f5 url(../graphics/dots.gif) repeat-x left bottom;margin-bottom: 1.5em;}
#latest-book {width:684px;float: left;margin-bottom: 1.5em;}
#latest-book h2 {background: url(../graphics/heading-latest-book.gif) no-repeat left top;text-indent: -9999px;margin: 0.5em 0 0.5em 0;font-size: 3em;line-height: 1;}
#latest-book img {float: left;margin-right: 1.5em;}
#latest-book-copy {width:480px;float: left;}
#latest-book-copy h3 {color: #00b008;font-size: 1.5em;margin-bottom: 0.75em;line-height: 1;font-weight: bold;}
#latest-book-copy p.book-description {width:480px;font-size: 1.5em;line-height: 1.5;margin-bottom: 0.75em;}
#latest-book-copy .button {width:180px;height: 36px;background: url(../graphics/button-book.gif) no-repeat left top;text-indent: -9999px;display: block;}

#other-books {width:684px;float: left;margin-bottom: 1.5em;}
#other-books h3 {color: #00b008;font-size: 1.5em;margin-bottom: 1em;line-height: 1;font-weight: bold;}
#other-books ul {padding: 0;list-style: none;}
#other-books ul li {background: url(../graphics/bullet-green.gif) no-repeat left 0.45em;padding-left: 18px;}
#other-books .title {font-weight: bold;display: block;}
#other-books .description {display: block;}
#other-books a {color: #141414;text-decoration: none;display: block;}
#other-books a:hover {color: #00b008;}

#blogs {width:720px;padding:0 0 1.5em 0;float: left;background: #fff url(../graphics/dots.gif) repeat-x left bottom;}
#blogs h2 {background: url(../graphics/heading-paddys-blogs.gif) no-repeat left top;text-indent: -9999px;margin: 0.5em 0 0.5em 0;font-size: 3em;line-height: 1;}
#blogs a {margin:0 12px 12px 0;float: left;}
#blogs a.last {margin-right:0;}
#blogs img {float: left;}

#footer {width:720px; float: left;}
#footer p.top {float: left;}
#footer p.top a {background: url(../graphics/top.gif) no-repeat left 50%;padding-left: 1.5em;color: #141414;}
#footer p.top a:hover {color: #5e5e5e;}

#footer .russell {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;float: right;}