/* ---- =style reset ---- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h3, 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

a:active { outline: none; }


/* ---- =crowncouncil.info ---- */

html { min-height: 100%; height: 100%; }
body { height: 100%; background: #17202f; font: normal 100% Arial, Helvetica, sans-serif; color: #222; }
h2, h3, h4, h5 { margin: 0.6em 0 0.4em; font: normal 1.5em/88% "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; color: #293459; }
p { margin-bottom: 1em; font-size: 0.88em; line-height: 1.5em; }
ol { float: left; width: 250px; display: inline;  }
ol li { height: 40px; margin: 20px 0 0; padding-left: 38px; background: url(../images/numbers.gif) no-repeat; font-size: 0.8em; }
ol li a { font-size: 1.0567em; }
.col1 { margin-right: 12px;
}
.col1 li {
padding-left: 28px; }

#b1 { background-position: -16px 0; }
#b2 { background-position: -16px -64px; }
#b3 { background-position: -16px -128px; }
#b4 { background-position: -16px -192px; }
#b5 { background-position: -16px -256px; }
#b6 { background-position: -6px -320px; }
#b7 { background-position: -6px -384px; }
#b8 { background-position: -6px -448px; }
#b9 { background-position: -6px -512px; }
#b10 { background-position: -6px -576px; }

#container { width: 945px; margin: 0 auto; padding: 0 11px; background: #fff; }
#header h1 { display: block; position: relative; left: 0; top: 0; width: 945px; height: 81px; margin-bottom: 11px; font: normal 2em "Trajan Pro", Trajan, Goudy, Times New Roman, Times, serif; letter-spacing: -0.1em; color: #293459; }
#header h1 span { display: block; position: absolute;  left: 0; top: 0; z-index: 1; width: 945px; height: 81px; background: url(../images/logo-header.jpg) no-repeat; }
#content-main { float: right; width: 393px; padding-left: 10px; }
#content-main p { margin-bottom: 0.5em;  line-height: 1.4em; }

#register { display: block; position: relative; margin-top: 24px; left: 0; top: 0; width: 393px; height: 120px; background: #17202f; color: #fff; }
#register p, #register h3 { line-height: 0.88em; padding: 0; margin: 0; color: #fff; }
#register a { color: #fff; text-decoration: none; }
#register a:hover { color: #ffc; text-decoration: underline; }
#register #reg-link { padding-bottom: 10px; text-align: right; }
#register span { display: block; position: absolute;  left: 0; top: 0; z-index: 1; width: 393px; height: 120px; background: url(../images/become-member.jpg) no-repeat; cursor: pointer; }
#content-side { margin: 0 403px 13px 0; padding-bottom: 0; border-right: 1px dashed #ccc; }
#vision { width: 515px; height: 264px; padding: 16px 0 0 16px; background: #d5dde5 url(../images/vision-bkg.gif) left top no-repeat; }
#vision-side { display: inline; float: left; width: 175px; margin: -15px 24px 0 0; }
#vision p { font-size: 1.0em; line-height: 1.5em; }
#benefits { padding-top: 12px; }

#shop { display: block; position: relative; margin-top: 12px; left: 0; top: 0; width: 393px; height: 96px; background: #17202f; color: #4f8c2f; }
#shop p, #shop h3 { line-height: 0.88em; padding: 0; margin: 0; color: #fff; }
#shop a { color: #fff; text-decoration: none; }
#shop a:hover { color: #ffc; text-decoration: underline; }
#shop #reg-link { padding-bottom: 10px; text-align: right; }
#shop span { display: block; position: absolute;  left: 0; top: 0; z-index: 1; width: 393px; height: 96px; background: url(../images/shop-crown-council.jpg) no-repeat; cursor: pointer; }

#content-end { clear: both; margin-bottom: 20px; padding: 20px; border-top: 1px dashed #ccc; }
#messagebox { display: block; position: relative; margin-top: 13px; left: 0; top: 0; width: 393px; height: 96px; color: #293459; }
#messagebox span { display: block; position: absolute;  left: 0; top: 0; z-index: 1; width: 393px; height: 96px; background: url(../images//learn-more.jpg) no-repeat; }
#messagebox h3, #messagebox p { margin-bottom: 0; line-height: 1.0em; }
#footer { clear: both; padding: 12px; background: #d5dde5; font-size: 0.79em; color: #293459; }
.clearit { font-size: 1px; line-height: 1px; clear: both; }


.messagebox { display: block; position: relative; margin-top: 13px; left: 0; top: 0; width: 393px; height: 96px; background: #293459; color: #fff; }
.messagebox span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 393px; height: 96px; }
.messagebox h3, .messagebox p { line-height: 0.88em; padding: 0; margin: 0; color: #fff; }
.messagebox a { color: #fff; text-decoration: none; }
.messagebox a:hover { color: #ffc; text-decoration: underline; }
.messagebox .link { padding-bottom: 10px; text-align: right; }

#specialreport { margin-top: 24px; }
#specialreport span { background: url(../images/special-report.jpg) no-repeat; cursor: pointer; }


#register { height: 120px; background: #17202f; margin-top: 13px; }
#register span { height: 120px; background: url(../images/become-member.jpg) no-repeat; cursor: pointer; }

#shop { background: #4f8c2f; }
#shop span { background: url(../images/shop-crown-council.jpg) no-repeat; cursor: pointer; }

#learnmore span { background: url(../images//learn-more.jpg) no-repeat; }
#learnmore h3, #learnmore p { margin-bottom: 0; line-height: 1.0em; }


#social { width: 945px; height: 120px; margin: 0 0 13px; background: #17202f url(/images/social-bkg.jpg); color: #fff; }
#social div { display: block; position: relative; left: 0; top: 0; width: 945px; height: 71px; }
#social span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 945px; height: 71px; background: url(/images/social-bkg.jpg) no-repeat; cursor: pointer; }
#social p, #social h3 { line-height: 0.88em; padding: 0; margin: 0; color: #fff; }
#social ul { padding: 0 0 0 84px; }
#social li { display: inline; float: left; }
#social a { display: block; float: left; height: 36px; padding: 0 16px 0 42px; line-height: 34px; font-size: 12px; color: #fff; }
#social a:hover { color: #ffc; }
#fb a { background: url(/images/icn-facebook.png) no-repeat; }
#tw a { background: url(/images/icn-twitter.png) no-repeat; }
#bg a { background: url(/images/icn-blog.png) no-repeat; }
#yt a { background: url(/images/icn-youtube.png) no-repeat; }
