/* CSS Reset */
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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline }
h1,h2,h3,h4,h5,h6 { font-weight: normal }
strong { font-weight: bold }
/*HTML5display-roleresetforolderbrowsers*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block }
body{ line-height:1 }
ol,ul { list-style:none }
blockquote,q { quotes:none }
blockquote:before,blockquote:after, q:before,q:after { content:''; content:none }
table{ border-collapse:collapse; border-spacing:0 }
body { background: #fff; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 20px; color: #444; border-bottom: 50px solid #777 }
strong { color: #000 }
a { text-decoration: underline; color: #792745 }
a:visited { color: #7c4f5f }
a:active { color: #e28cab }
a:hover { text-decoration: underline }
a[href^="tel"] { color: #444 }
p { margin-bottom: 20px }
h1 { font-size: 60px; color: #914c60; font-style: italic; margin-top: 80px }
h2 { font-size: 32px; color: #000; line-height: 35px }
hr { height: 0px; width: 100%; clear: both; border: none; border-bottom: 1px solid #ccc; padding-top: 40px; margin-bottom: 60px }
.clear { clear: both }
.fixed { position: fixed; top: 0 }
.absolute { position: absolute }
#container { width: 1000px; margin: 0 auto; padding: 20px 0 0; position: relative }
header { background: url('images/chicago.png') top right no-repeat; height: 297px; margin-bottom: 20px }
header nav { width: 400px; padding: 10px 0 10px 120px; border-top: 1px solid #bbb; border-bottom: 2px solid #bbb; margin-top: 5px }
header nav a { display: block; float: left; background: url('images/menu-apostrophe-up.png') 0% 50% no-repeat; height: 40px; vertical-align: middle; line-height: 40px; padding-left: 32px; margin-right: 20px; font-size: 18px; color: #666666 }
header nav a:nth-child(3) { margin-right: 0 }
section#intro { float: left; width: 580px; margin-left: 120px; clear: both; margin-top: 60px; padding-bottom: 20px; border-bottom: 1px solid #ccc ; font-size: 18px; line-height: 30px }
section#faq-where { float: left; clear: left; width: 500px; padding: 0 40px; margin-left: 120px; margin-top: 60px }
section#faq-where h2 { width: 310px; float: left; padding-bottom: 10px }
section#faq-where p { width: 180px; float: right; clear: none }
div#register-wrapper { position: absolute; right: 0; width: 250px }
section#register { width: 220px; clear: none; float: right; padding-top: 60px; padding-left: 29px; border-left: 1px solid #ccc }
section#register h4 { font-family: 'Aller Light', Aller, Georgia, Arial, Helvetica, sans-serif; font-size: 36px; color: #666; line-height: 40px; margin-bottom: 10px }
section#register a#button { font-size: 24px; font-family: 'AllerDisplay', Aller, Arial, Helvetica, sans-serif; color: #fff; display: block; background: url('images/register-button.png') top left no-repeat; width: 224px; height: 49px; line-height: 49px; text-align: center; text-transform: uppercase; text-decoration: none; text-shadow: 0 -1px 1px #33101d }
section#register p { font-style: italic; color: #666; margin-top: 10px }
section#register img { margin: 20px auto 0; width: 94px; display: block }
section#faq-cost { float: left; width: 400px; padding: 0 100px 0 40px; margin-left: 120px; border-right: 1px solid #ccc }
section#faq-cost h2 { padding-bottom: 10px }
section#faq-cost img { margin-bottom: 20px }
section#faq-cost p:nth-child(3) { font-size: 18px; font-style: italic }
section#faq-register { float: right; width: 300px }
section#faq-register h2 { padding-bottom: 10px }
section#faq-register img { margin-bottom: 20px }
/* Agenda */
article#agenda { margin-left: 120px; width: 580px }
article#agenda h1 { width: 200px }
article#agenda nav { display: block; float: right; width: 330px; margin-top: 15px; font-style: italic; color: #666; text-align: right; padding-right: 20px }
article#agenda nav a { margin-left: 20px; color: #6d9021 }
article#agenda hr { clear: none; margin: 0; margin-top: 20px; padding: 0 }
article#agenda section { padding-top: 60px; clear: both }
div.meta { float: left; width: 40px; white-space: nowrap }
div.meta p { margin: 0; font-family: Aller, Arial, Helvetica, sans-serif; font-size: 36px; color: #666; white-space: nowrap; text-transform: uppercase; line-height: 40px; text-align: center }
div.meta div.date { background: url('images/agenda-date-background.png') top center no-repeat; width: 43px; height: 76px; text-align: center; color: #fff; font-family: Aller, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 17px; padding-top: 3px }
div.meta a { display: block; background: url('images/triangle.png') top center no-repeat; margin-top: 30px; padding-top: 15px; width: 40px; text-align: center; font-size: 12px; font-style: italic; color: #666 }
div.schedule { width: 510px; float: right }
div.schedule img#hr { margin-bottom: 20px }
div.schedule p { font-style: italic }
div.schedule-item { margin-bottom: 20px }
div.schedule-item p { font-style: normal; color: #666; margin-bottom: 0 }
div.schedule-item a { font-family: Aller, Arial, Helvetica, sans-serif; font-size: 24px; color: #792745; line-height: 30px }
div.schedule-item span.speaker { font-family: Aller, Arial, Helvetica, sans-serif; font-size: 16px; color: #666 }
/* Topics */
article#topics { margin-left: 120px; width: 580px }
article#topics section { margin-bottom: 40px }
article#topics section p:first-child { color: #666; margin: 0 }
article#topics section p:first-child strong { font-weight: normal; color: #000 }
article#topics section h4 { font-family: Aller, Arial, Helvetica, sans-serif; font-size: 24px; color: #6e9523; line-height: 30px; margin-bottom: 10px }
footer { clear: both; padding: 110px 0 0 120px; background: url('images/footer-figures.png') bottom right no-repeat; height: 73px }
footer p { font-size: 12px; font-style: italic; color: #666; margin-bottom: 10px }
footer a:nth-child(2) { margin-right: 20px }