/* reset defaults */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea { margin: 0; padding: 0; }
html, body { height: 100%; margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }


/* base */
body { background: #ddd; font-family: Verdana,Arial,Helvetica,Geneva,sans-serif; font-size: 12px; color: #444; }
a { color: #C90000; }
a:visited { color: #C90000; }
a:hover { }
a:active { color: #00699B; }
h1 { }
h2 { color: #00699B; font-family: Georgia, Times, serif; font-size: 21px; line-height: 32px; margin: 0 0 10px 0; }
h3 { color: #00699B; font-family: Georgia, Times, serif; font-size: 18px; line-height: 26px; margin: 25px 0 5px 0; }
h4 { color: #00699B; font-family: Georgia, Times, serif; font-size: 14px; line-height: 21px; margin: 10px 0 5px 0; }
h1 em, h2 em, h3 em, h4 em { font-style: italic; }
p { font-size: 12px; line-height: 24px; margin: 0 0 14px 0; color: #444; }
em { font-style: italic; }
strong { font-weight: bold; }
label { }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
img.border { border: 5px solid #ddd; }


/* layout */
div#wrapper { width: 100%; padding-top: 10px; }
div#container { width: 800px; margin: 0 auto 10px auto; background: #fff; border: 7px solid #ccc; }
div#header { background: #ffcc66; text-align: center; padding: 15px 0; clear: both; overflow: hidden; }
div#main { padding: 15px; }
div#footer { text-align: center; color: #444; }


/* nav */
div#nav { background: #aaa; height: 31px; clear: both; text-align: center; overflow: hidden; }
div#nav ul { display: block; position: relative; top: 10px; }
div#nav ul li { display: inline; }
div#nav ul li a { background: #cb4d4d; color: #fff; text-decoration: none; padding: 7px 18px; }
div#nav ul li.selected a { background: #fff; color: #000; text-decoration: none; }
div#nav ul li a:hover { background: #fff; color: #000; text-decoration: underline; }


/* other */
div#header h1 a { display: block; height: 0; overflow: hidden; padding-top: 68px; width: 452px; background: #ffcc66 url('images/bickner-logo.gif') no-repeat 0 0; margin: 0 auto; }
div#footer { background: #aaa; padding: 10px; margin: 25px 0 0 0; }
div#main ol { list-style-type: decimal; margin: 0 0 16px 25px; }
div#main ol li { margin: 0 0 8px 0; }
div#main ul { list-style-type: disc; margin: 0 0 14px 25px; }
div#main ul li { margin: 0 0 8px 0; }
table#rental-chart { width: 100%; }
table#rental-chart tr th { padding: 3px 5px; text-align: left; font-weight: bold; }
table#rental-chart tr td { padding: 3px 5px; border-top: 1px solid #ddd; }
table#rental-chart tr.alt td { background: #eee; }
div.callout { background: #ffeac0; padding: 15px; margin: 0 0 15px 0; }
div.callout h1, div.callout h2, div.callout h3, div.callout h4 { margin-top: 0; }
p.large { font-family: Georgia, Times, serif; font-size: 18px; line-height: 32px; color: #666; }
div#seen-at { width: 250px; float: right; margin-left: 15px; }
div#seen-at h4 { margin-bottom: 0; }
div#footer p { margin-bottom: 0; }
table#dance-floor-pricing { background: #ffeac0; margin: 0 0 15px 0; }
table#dance-floor-pricing tr { vertical-align: top; }
table#dance-floor-pricing tr td { padding: 0 15px; width: 33%; }
table#dance-floor-pricing tr td table { margin: 0 0 10px 0; font-weight: bold; color: #555; }
table#dance-floor-pricing tr td table tr td { width: auto; margin: 0; padding: 0; }
table#dance-floor-pricing tr td table tr td.first { width: 65px; }
table.two-column tr { vertical-align: top; }
table.two-column tr td.first { width: 52%; padding-right: 30px; }
table.three-column tr { vertical-align: top; }
table.three-column tr td { width: 33%; padding-right: 15px; }
div.callout-overlay { background: transparent url('images/white-pixel-60.png') repeat 0 0; padding: 15px; margin: 0 0 15px 0; border: 5px solid #ddd; }
div.callout-overlay h1, div.callout-overlay h2, div.callout-overlay h3, div.callout-overlay h4 { margin-top: 0; }
div#main div.form { background: #ffeac0; padding: 15px; margin: 0 0 15px 0; }
div#main div.form ul { margin: 0; padding: 0; }
div#main div.form ul li { list-style-type: none; margin: 0 0 15px 0; padding: 0; }
.input-text { border: 1px solid #ccc; background: #fff; font-size: 14px; padding: 4px; font-family: Helvetica, Arial, sans-serif; }
.medium { width: 240px; }
.btn { background: #cb4d4d; color: #fff; text-decoration: none; padding: 7px 18px; border: none; cursor: pointer; font-size: 13px; }
label { display: block; margin: 0 0 3px 0; }