/* RESET CSS ************************************/
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
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%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; }

a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

.clear { clear: both; color: #fff !important; font-size: 6px !important; }
.clickable { cursor: pointer; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
.hiddenPic { display: none; }
/**************************************************/

body { background-color: #221e1f; color: #221e1f !important; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 !important; text-align: center; }
a { color: #a46521; }

#container { background-color: #fdfaed; margin: 0 auto 10px auto; width: 979px; }

#header { background-image: url(../images/bg-header.jpg); background-repeat: no-repeat; height: 97px; }
#logo { color: #a46521; float: left; font-size: 13px; font-weight: bold; margin: 10px 15px 0 0; text-align: center; width: 345px; }
#logo a { display: block; height: 45px; margin: 0 0 4px 0; text-decoration: none !important; }

#links { color: #a46521; float: left; font-size: 12px; line-height: 16px; padding: 26px 0 0 0; text-align: right; width: 510px; }
#links a { color: #fff; text-decoration: none; }
#links a:hover { text-decoration: underline !important; }

#h-book-link { display: block; float: left; height: 85px; text-decoration: none; width: 100px; }
#feature { height: 270px; }
#feature-link { background-image: url(../images/bg-feature.jpg); background-repeat: no-repeat; float: left; height: 270px; width: 604px; }
#feature-link a { display: block; height: 85px; padding: 185px 0 0 320px; }

#video { background-image: url(../images/bg-video.jpg); background-repeat: no-repeat; float: left; height: 270px; width: 375px; }
#video .vid { margin: 25px 0 0 22px; }

#main { background-image: url(../images/bg-main.gif); background-repeat: repeat-y; }

#content { float: left; margin: 0 35px 0 0; padding: 4px 0 15px 22px; width: 650px; }
#content h1 { color: #a46521; font-size: 27px; font-weight: bold; margin: 0 0 15px 0; }
#content h1 span { font-weight: normal !important; }
#content p { line-height: 20px; margin: 0 0 0.85em 0; text-align: justify; }
#content ol { list-style-type: decimal; margin: 0 0 10px 20px; }
#content ol li { font-weight: bold; padding: 0 0 4px 0; }
#content ol li span { font-weight: normal !important; }

#big-buttons { margin: 0 0 15px 0; text-align: center; }

#sponsors { display: block; margin: 0 auto 10px auto; text-align: center; width: 235px; }

#sidebar { float: left; width: 272px; }

#side-buttons { margin: 4px 0 10px 0; padding: 0 0 0 14px; }
#side-buttons a { display: block; float: left; margin: 0 8px 0 0; width: 119px; }

#fan-club { float: none !important; text-align: center; margin: 4px 0 4px 0 !important; width: auto !important; }

#author { background-image: url(../images/bg-author.jpg); background-repeat: no-repeat; padding: 210px 15px 10px 15px; }
#author p { font-size: 12px; line-height: 17px; text-align: justify; }
#author a.link { display: block; font-size: 12px; font-weight: bold; margin: 5px 0 8px 0; }

#assess { border-top: 1px solid #f8edbb; padding: 10px 15px 17px 15px;  }
#assess p { font-size: 12px; line-height: 17px; }

#additional-links { background-image: url(../images/bg-additional-links.gif); background-repeat: no-repeat; border-top: 1px solid #f8edbb; padding: 39px 15px 15px 15px; }
#additional-links ul li { font-size: 13px; padding:  0 0 5px 0; }
#additional-links ul li a { color: #221e1f; }

#main.subpage #content, #main.subpage #sidebar { padding-top: 18px !important; }

.review, .article { border-bottom: 1px solid #F8EDBB; margin: 0 0 1em 0; padding: 0 0 1em 0; }
.review p, .article p { font-size: 13px !important; line-height: 16px !important; }
.review p.credit { margin-bottom: 0 !important; }

.article h2 { color: #a46521; font-size: 16px; margin: 0 0 9px 0 !important; }
.article a.download { display: block; font-size: 12px; font-weight: bold; }

.bonus { border-bottom: 1px solid #F0EFB7; margin: 0 0 15px 0; padding: 10px 0 20px 0; }
.bonus h3 { color: #a46521; font-size: 16px; margin: 0 0 9px 0 !important; }
.bonus p { font-size: 13px !important; line-height: 16px !important; }

p.sp { font-size: 11px !important; line-height: 13px !important; }
p.indent { padding-left: 15px; padding-right: 15px; }
ol.sp { font-size: 11px !important; line-height: 13px !important; }
ol.sp li { font-weight: normal !important; }

hr { background-color: #F8EDBB; border: 0 !important; border-bottom: 1px solid #F8EDBB; color: #F8EDBB; height: 1px; margin: 1.35em 0 1.35em 0; padding: 0; }

#footer { background-color: #a46521; color: #fdfaed; font-size: 11px !important; padding: 11px 15px 11px 15px; }
#footer-links { float: right; }
#footer-links a { color: #fdfaed; text-decoration: none; }
#footer-links a:hover { text-decoration: underline !important; }