/* RESET */
* { font-family: Helvetica, Arial, sans-serif; color: #ffe696; font-size: 13px; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, object, embed { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; margin: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: '"'; }
abbr, acronym { border: 0; }
a { cursor: pointer; }
html, body { width: 100%; height: 100%; }

/* WALLPAPAER */
body { background: #0f202d url('bg.jpg') repeat; }

#admin { position: absolute; z-index: 99; width: 150px; height: 50px; top: 0px; right: 0px; background-color: red; border: 2px solid yellow; }
#admin input { color: #000; }
#calendar_edit { display: none; z-index: 100; position: absolute; top: 30px; left: 30px; right: 30px; background-color: #440000; border: 2px solid red; padding: 5px; }
#calendar_edit input { color: #000; }
#calendar_data { display: none; }

#super-container { width: 100%; height: 100%; }
#container { width: 992px; height: 613px; position: relative; }

/* NAJLA LOGO */
#logo { position: absolute; top: 0px; left: 9px; z-index: 10; }
#logo #nav-home { width: 156px; height: 94px; background: url('logo.png') no-repeat; text-indent: -5000px; display: block; }

/* NAVIGATION BAR */
#nav { position: absolute; top: 31px; right: 14px; height: 48px; }
#nav ul { height: 32px; float: right; display: inline; }
#nav li { float: left; display: inline; margin-left: 33px; }
#nav a { height: 32px; background-position: top !important; text-indent: -5000px; display: block; overflow: hidden; }
#nav a:hover, #nav a.active { background-position: bottom !important; }
#nav-bio { width: 77px; background: url('nav-bio.png') no-repeat; }
#nav-photos { width: 58px; background: url('nav-photos.png') no-repeat; }
#nav-videos { width: 53px; background: url('nav-videos.png') no-repeat; }
#nav-schedule { width: 122px; background: url('nav-schedule.png') no-repeat; }
#nav-bookings { width: 146px; background: url('nav-bookings.png') no-repeat; }
#nav-classes { width: 154px; background: url('nav-classes.png') no-repeat; }

/* MAIN */
#frame { position: absolute; top: 64px; left: 0px; width: 992px; height: 532px; background: #ffe696 url('frame.png') no-repeat; }
#frame-pad { padding: 16px; }
#main { width: 960px; height: 500px; background: #01251f; font-size: 14px; text-align: left; }

#splash { position: absolute; padding: 0px 0px; }
#splash img { display: block; border: 0; margin: 0; padding: 0; }

/* FOOTER */
#footer { position: absolute; top: 601px; left: 16px; height: 12px; width: 960px; font-size: 11px; }
#footer-copyright { float: left; display: inline; font-size: 11px; }
#footer-credits { float: right; display: inline; font-size: 11px; }
#footer-credits small { color: #998d71; font-size: 10px; }
#footer-credits a { font-size: 11px; }

/* SECTION - PHOTOS */
#photos { position: absolute; padding: 10px 9px; }
#photos li { float: left; display: inline; margin: 5px 6px; border: 1px solid #ffe696; }
#photos a { display: block; }
#photos img { width: 143px; height: 108px; border: 0px; }

#videos { position: absolute; padding: 10px 5px; }
#videos div { float: left; display: inline; padding: 0px 5px; }
#videos embed { float: left; display: inline; }

#bio { position: absolute; padding: 10px 10px; }
#bio img { float: left; border: 1px solid #ffe696; }
#bio-text { float: right; display: inline; width: 620px; height: 480px; overflow: auto; }
#bio-text-pad { padding: 0px 10px; padding-bottom: 70px; background: url('pagebreak.png') center bottom no-repeat; }
#bio-text p { margin-bottom: 10px; font-size: 13px; text-align: justify; }

#classes { position: absolute; padding: 10px 10px; }
#classes-text { float: left; display: inline; background: #0d0502; border: 1px solid #ffe696; }
#classes-text-pad { width: 638px; height: 478px; float: left; display: inline; position: relative; }
#classes-text img { position: absolute; top: 0px; left: 0px; }
#classes-performances { padding: 5px 20px 5px 0px; overflow: hidden; }
#classes-text .performance { float: right; display: inline; width: 330px; margin: 5px 0px; }
#classes-text .performance .performance-title { font-size: 16px; }
#classes-text .performance .performance-price { font-size: 14px; color: #37c0ae; }
#classes-text .performance .performance-desc { font-size: 12px; }
#classes-text .performance .performance-duration { font-size: 11px; font-style: italic; }
#classes-text .performance-notes { position: absolute; bottom: 15px; right: 20px; padding-top: 95px; background: url('pagebreak.png') left top no-repeat; width: 330px; font-size: 11px; font-style: italic; }
#classes-form { float: left; display: inline; width: 300px; }
#classes-form-pad { padding: 0px 0px 0px 10px; }
#classes-email { width: 100%; background: #01251f; border: 1px solid #ffe696; margin: 0; padding: 0; }
#classes-phone { width: 100%; background: #01251f; border: 1px solid #ffe696; margin: 0; padding: 0; }
#classes-submit { background: #01251f; border: 1px solid #ffe696; margin: 0; padding: 0; }
#classes-submit:hover { background: #ffe696; border: 1px solid #fff; margin: 0; padding: 0; color: #01251f; }
#classes-form textarea { width: 100%; background: #01251f; border: 1px solid #ffe696; margin: 0; padding: 0; }
#classes-form ul { padding: 5px 10px; background: #10342e; }
#classes-form li { padding: 5px 0px; }
#classes-form .instructions { padding: 10px 0px 5px 0px; font-size: 11px; font-style: italic; }
#classes-form p { margin-top: 33px; text-align: center; }
#classes-form p em { display: block; font-size: 24px; }

#bookings { position: absolute; padding: 10px 10px; }
#bookings-text { float: left; display: inline; background: #b0c115; /* #0d0502; */ border: 1px solid #ffe696; }
#bookings-text-pad { width: 638px; height: 478px; float: left; display: inline; position: relative; overflow: hidden; }
#bookings-img { position: absolute; top: 0px; left: 0px; }
#bookings-performances { padding: 5px 20px 5px 0px; }
#bookings-performances .performance { float: right; display: inline; width: 330px; margin: 5px 0px; }
#bookings-performances .performance .performance-title { font-size: 16px; color: #010709; }
#bookings-performances .performance .performance-price { font-size: 15px; color: #e3260b; /* #37c0ae; */ }
#bookings-performances .performance .performance-desc { font-size: 12px; color: #010709; }
#bookings-performances .performance .performance-duration { font-size: 11px; font-style: italic; color: #010709; }
#bookings-performances .performance-notes { position: absolute; bottom: 10px; right: 20px; padding-top: 78px; background: url('pagebreak.png') left top no-repeat; width: 330px; font-size: 11px; font-style: italic; }
#bookings-form { float: left; display: inline; width: 310px; }
#bookings-form-pad { padding: 0px 10px; }
#bookings-email { width: 100%; background: #01251f; border: 1px solid #ffe696; margin: 0; padding: 0; }
#bookings-phone { width: 100%; background: #01251f; border: 1px solid #ffe696; margin: 0; padding: 0; }
#bookings-submit { background: #01251f; border: 1px solid #ffe696; margin: 0; padding: 0; }
#bookings-submit:hover { background: #ffe696; border: 1px solid #fff; margin: 0; padding: 0; color: #01251f; }
#bookings-form textarea { width: 100%; background: #01251f; border: 1px solid #ffe696; margin: 0; padding: 0; }
#bookings-form ul { padding: 5px 10px; background: #10342e; }
#bookings-form li { padding: 5px 0px; }
#bookings-form .instructions { padding: 10px 0px 5px 0px; font-size: 11px; font-style: italic; }
#bookings-form p { margin-top: 33px; text-align: center; }
#bookings-form p em { display: block; font-size: 24px; }

#schedule { position: absolute; padding: 10px 10px; }
#schedule img { float: left; border: 1px solid #ffe696; }
#schedule-text { float: right; display: inline; width: 620px; height: 480px; overflow: auto; }
#schedule-text-pad { padding: 0px 10px; }
#schedule table td { font-size: 13px; }
#schedule h3 { display: block; height: 14px; text-indent: -5000px; }
#schedule-date { width: 41px; background: url('calendar-date.gif') no-repeat; }
#schedule-time { width: 37px; background: url('calendar-time.gif') no-repeat; }
#schedule-place { width: 48px; background: url('calendar-place.gif') no-repeat; }

/* FORMATTING */