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: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both; }

.cf { zoom: 1; }

body { background: #000; color: #fff; font: normal 12px/1.3 helvetica, arial, sans-serif; }

#page { position: relative; margin: 0 auto; width: 847px; height: 653px; background: black url("../i/ct_bg01.jpg") no-repeat center; }

#secondary {
  display: none;
}
#ct_home #secondary {
  position: relative; margin: 0 auto; width: 847px; height: auto; background: #000; font-size: 1.1em; display: block;
}
#secondary .widget {
  padding: 1.5em 2em;
  text-align: justify;
  line-height: 1.4;
}
#secondary p {
  margin-bottom: 1em;
}

#ct_music #page { background: black url("../i/ct_bg02.jpg") no-repeat center; }

#ct_video #page, #ct_gallery #page { background: black url("../i/ct_bg03.jpg") no-repeat center; }

#branding { position: absolute; left: 0; top: 0; width: 375px; }

#main { position: absolute; right: 5px; top: 10px; width: 260px; height: 445px; background: black; }

/* #ct_home #main { background: transparent; text-align: center; width: 200px; right: 15px; top: 35px; } */

#ct_video #main { right: 95px; top: 70px; width: 620px; height: 280px; padding: 10px; background: rgba(128, 128, 128, 0.5); }

#ct_gallery #main { right: 15px; top: 15px; width: 450px !important; height: 325px !important; background: #333; padding: 0 !important; }
#ct_gallery #main #content { width: 450px !important; height: 325px !important; padding: 0 !important; margin: 0 !important; overflow: hidden; background: yellow; }
#ct_gallery #main .royalSlider, #ct_gallery #main .royalSlider * { -moz-box-sizing: content-box; box-sizing: content-box; }
#ct_gallery #main .rsDefault .rsGCaption { top: 0; bottom: auto; left: 0; width: 100%; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 10px; background: rgba(0, 0, 0, 0.6); }

#ct_music #main { width: 670px; height: 520px; right: 25px; top: 80px; }

#ct_epk #main { height: auto; }
#ct_epk #content { height: 525px; }

#jazzcorner { height: 15px; line-height: 15px; font-size: 12px; text-align: center; margin: 15px 0 10px; }
#jazzcorner a { color: #dc8032; text-decoration: none; }
#jazzcorner a:hover, #jazzcorner a:focus { text-decoration: underline; }
#jazzcorner iframe { width: 145px; height: 15px; overflow: hidden; border: none; display: inline-block; background: transparent; vertical-align: middle; }

.jp-audio { position: absolute; bottom: 5px; left: 0; color: #fff; width: 500px; }
.jp-audio a { color: #ddf; }

.jp-playlist { position: absolute; bottom: 25px; left: 5px; }

.jp-playlist ol { padding-left: 0 !important; }

.jp-playlist li { display: none; }
.jp-playlist li.jp-playlist-current { display: block !important; font-size: 13px; font-weight: bold; color: #fff; text-shadow: 1px 2px rgba(0, 0, 0, 0.9); }
.jp-playlist li.jp-playlist-current a { text-decoration: none; color: #fff; }

#now_playing { position: absolute; bottom: 25px; left: 5px; font-size: 13px; font-weight: bold; color: #fff; text-shadow: 1px 2px rgba(0, 0, 0, 0.9); }

.jp-controls { position: absolute; bottom: 0; left: 5px; float: left; height: 20px; }
.jp-controls li { height: 20px; width: 20px; padding: 0; margin: 0; float: left; }
.jp-controls a { background-image: url("../i/ct_player.png"); background-repeat: no-repeat; width: 20px; height: 20px; overflow: hidden; text-indent: 20px; display: inline-block; position: absolute; bottom: 0; }
.jp-controls a.jp-previous { background-position: 0 0; left: 0; }
.jp-controls a.jp-previous:hover, .jp-controls a.jp-previous:focus { background-position: 0 -100px; }
.jp-controls a.jp-play { background-position: 0 -20px; left: 20px; }
.jp-controls a.jp-play:hover, .jp-controls a.jp-play:focus { background-position: 0 -120px; }
.jp-controls a.jp-pause { background-position: 0 -40px; left: 20px; }
.jp-controls a.jp-pause:hover, .jp-controls a.jp-pause:focus { background-position: 0 -140px; }
.jp-controls a.jp-stop { background-position: 0 -60px; left: 60px; }
.jp-controls a.jp-stop:hover, .jp-controls a.jp-stop:focus { background-position: 0 -160px; }
.jp-controls a.jp-next { background-position: 0 -80px; left: 40px; }
.jp-controls a.jp-next:hover, .jp-controls a.jp-next:focus { background-position: 0 -180px; }

.jp-current-time { margin-left: 120px; display: inline-block; }

.jp-duration { display: inline-block; }
.jp-duration:before { content: "/"; margin-right: 2px; }

.jp-mute, .jp-unmute, .jp-volume-max { width: 22px; height: 22px; background-image: url("../i/speaker.png"); background-repeat: none; overflow: hidden; text-indent: 22px; display: inline-block; }

.jp-mute { background-position: left bottom; }

.jp-volume-max { background-position: 0 0; }

#site-title, #site-title a { width: 375px; height: 60px; line-height: 60px; display: block; overflow: hidden; padding: 0; text-indent: 375px; background: transparent url("../i/ct_title.png") no-repeat left top; }

#site-title { position: absolute; left: 5px; top: 10px; }

.assistive-text, .skip-link { display: none; }

#access ul { width: 150px; position: absolute; left: 0; top: 90px; padding: 0; margin: 0; list-style: disc; font-size: 14px; /*.current_page_item,
.current_page_item a { color: lighten(#900, 10%);
}*/ }
#access ul li { margin-left: 20px; color: #fff; line-height: 1.5; }
#access ul li:hover, #access ul li:focus { color: #900; }
#access ul a { color: #fff; font: 600 14px/1.5 "nimbus-sans-extended", helvetica, arial, sans-serif; text-decoration: none; text-transform: lowercase; text-shadow: 1px 1px rgba(0, 0, 0, 0.9); letter-spacing: 1px; display: block; }
#access ul a:hover, #access ul a:focus { color: #900; }

.page-title { text-transform: lowercase; font: 600 28px/30px "nimbus-sans-extended", helvetica, arial, sans-serif; color: #900; padding: 0 8px 5px; height: 35px; margin: 0; }

strong { font-weight: bold; }

#content { height: 405px; overflow: auto; padding: 0 0 0 8px; font: normal 12px/1.3 helvetica, arial, sans-serif; }
#content .scrollpane { width: 100%; height: 100%; overflow: auto; }
#content .scrollpane p { padding-right: 8px; }
#content p { margin-bottom: 0.5em; }
#content a { color: #dc8032; text-decoration: none; font-weight: bolder; }
#content a:hover, #content a:focus { text-decoration: underline; }

#ct_reviews h3 { color: #ff0; font-weight: bold; font-size: 14px; margin: 0 0 0.75em; }
#ct_reviews p { margin-bottom: 1em; }

#ct_home .latest-cd { font-size: 14px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.95); letter-spacing: 1px; }
#ct_home .latest-cd a { color: #fff; font-weight: bold; }
#ct_home .latest-cd a img { padding: 2px; background-color: #fff; border: 1px solid #000; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); }
#ct_home .latest-cd a:hover, #ct_home .latest-cd a:focus { color: #c00; text-decoration: none; }
#ct_home .latest-cd a:hover img, #ct_home .latest-cd a:focus img { background-color: #c00; }

#ct_music #content { height: 520px; }
#ct_music .page-title { padding: 0 2px 5px; }
#ct_music ol { list-style-type: decimal; padding-left: 25px; font-weight: bold; font-size: 14px; line-height: 1.3; }
#ct_music .buylinks { width: 100%; text-align: center; }
#ct_music .buylink { font-size: 14px; font-weight: bold; color: #fff; background: #900; line-height: 14px; height: 22px; padding: 5px 20px 3px; border-radius: 10px; text-align: center; display: inline-block; margin: 5px 0 10px; }
#ct_music .buylink:hover, #ct_music .buylink:focus { text-decoration: none; background: #b00; }

#cd-info h1 { font-size: 14px; font-weight: bold; line-height: 16px; }
#cd-info h2 { font-size: 13px; font-style: italic; }

.cd-left { float: left; width: 275px; padding: 0 20px 0 0; }
.cd-left img { border: 2px solid #fff; }

.cd-right { float: left; width: 250px; padding-right: 10px; line-height: 1.2;}
.cd-right p { padding: 0; margin: 0 0 0.5em; line-height: 1.2;}

#cd-nav { position: absolute; right: 0; top: 35px; width: 110px; list-style: none; }
#cd-nav li { padding: 0; margin: 0 0 5px; }
#cd-nav img { border: 2px solid #fff; }
#cd-nav a:hover img, #cd-nav a:focus img { border-color: #c00; }

.tracklist { float: left; width: 275px; padding: 1em 20px 1em 0; }
#tracklist {
  padding-right: 0 !important; float: left;
}
#tracklist ol {
  clear: none;
}
.tracklist a { color: #c00; }
#tracklist-2 { clear: left; }

.image-col { width: 115px; padding: 0; margin: 0; list-style: none; float: left; }
.image-col li { padding: 0 0 5px; }
.image-col img { border: 2px solid #fff; }
.image-col a:hover img, .image-col a:focus img { border: 2px solid #900; }

.docs-col { float: right; width: 120px; font-weight: bold; }
.docs-col ul { padding: 0; margin: 1em 0; list-style: disc; }
.docs-col li { margin: 0 0 5px 15px; padding: 0; }

p.image-credit { font-weight: bold; clear: both; line-height: 2.0; }

#ct_video #content { width: 600px; height: 260px; overflow: hidden; }

#ct_contact #content { padding-left: 15px; padding-right: 15px; }
#ct_contact input[type="text"], #ct_contact input[type="email"], #ct_contact textarea { font-family: helvetica, arial, sans-serif; background: #000; border: 1px solid #fff; font-size: 13px; line-height: 13px; padding: 2px 3px; color: #fff; margin-bottom: 6px; width: 100%; }
#ct_contact textarea { line-height: 1.3; height: 8em; }
#ct_contact input[type="submit"] { background: #000; border: 1px solid #fff; font-size: 13px; line-height: 13px; padding: 2px 3px; color: #fff; width: auto; float: right; }
#ct_contact input[type="submit"]:hover, #ct_contact input[type="submit"]:focus { background: #900; }
#ct_contact label { font-weight: bold; line-height: 1.2; }
#ct_contact .gfield_required { color: #c00; margin-left: 3px; }
#ct_contact p { clear: both; margin-top: 3em; text-align: right; }

/* CSS Styles that are needed by jScrollPane for it to operate correctly.  Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane may not operate correctly without them. */
.jspContainer { overflow: hidden; position: relative; }

.jspPane { position: absolute; }

.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; }

.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }

.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }

.jspCap { display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack { background: #000; position: relative; }

.jspDrag { background: #000; position: relative; top: 0; left: 0; cursor: pointer; border: 1px solid; border-color: #fff #666 #666 #fff; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }

.jspArrow { background: #000; border: 1px solid #fff; text-indent: -20000px; display: block; cursor: pointer; }

.jspArrow.jspDisabled { cursor: default; background-color: #000; }

.jspVerticalBar .jspArrow { height: 16px; }

.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }

.jspVerticalBar .jspArrow:focus { outline: none; }

.jspArrowUp { color: #000; background: black url("../i/ct_arrows.png") no-repeat -1px center; }

.jspArrowDown { color: #000; background: black url("../i/ct_arrows.png") no-repeat -17px center; }

.jspCorner { background: #eeeef4; float: left; height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }