* {margin:0;padding:0}
body {font-family:Courier New, Arial;background:#111;color:#fff;font-size:12px}
h2 {padding:40px 0 15px 0;font-size:22px;font-weight:normal;border-bottom:1px dotted #666;width:480px}
h3 {margin:20px 0 15px 0;font-size:16px;font-weight:bold}
p {margin-bottom:15px}
th {text-align:left;font-size:14px;}
a {color:#999965;text-decoration:none;outline:none}
a:hover {text-decoration:underline}
img {border:1px solid #ccc;margin-right:20px}
.hdr-wrapper {width:100%;background:#111;height:68px;border-bottom:1px solid #333}
.hdr {background:#111;width:880px;height:68px;margin:0 auto}
.hdr h1 {text-indent:-999em}
.hdr div {list-style:none;float:right;width:363px;height:70px;}
.hdr span {float:left;height:70px}
.hdr span {display:block;text-indent:-999em;height:70px;cursor:pointer;}

.ftr-wrapper {width:100%;background:#111111;border-top:1px solid #333}
.ftr {width:880px;height:180px;margin:0 auto}
.ftr p {font-size:12px;color:#999;font-family:Arial}
.ftr a {font-size:12px;color:#999;text-decoration:none;font-weight:bold}
.ftr a:hover {color:#fff;}

/* backgrounds */
.cnt-home {background:url(../img/bg-home.jpg) no-repeat 50% 50%;height:300px;width:400px;margin:0 auto;padding-top:100px}
.cnt-news {background:url(../img/bg-news.jpg) no-repeat 95% 0%;height:580px;width:900px;margin:0 auto}
.cnt-band {background:url(../img/bg-band.jpg) no-repeat 95% 0%;height:580px;width:900px;margin:0 auto}
.cnt-audio {background:url(../img/bg-audio.jpg) no-repeat 95% 0%;height:580px;width:900px;margin:0 auto}
.cnt-video {background:url(../img/bg-video.jpg) no-repeat 95% 0%;height:580px;width:900px;margin:0 auto}
.cnt-gigs {background:url(../img/bg-gigs.jpg) no-repeat 95% 0%;height:580px;width:900px;margin:0 auto}
.cnt-photos {background:url(../img/bg-photos.jpg) no-repeat 95% 0%;height:580px;width:900px;margin:0 auto}
.cnt-contact {background:url(../img/bg-contact.jpg) no-repeat 95% 0%;height:580px;width:900px;margin:0 auto}
.cnt-links {background:url(../img/bg-links.jpg) no-repeat 95% 0%;height:580px;width:900px;margin:0 auto}

.cnt-news h2 {color:#999965}
.cnt-band h2 {color:#FF3300}
.cnt-audio h2 {color:#CC9900}
.cnt-video h2 {color:#CC0001}
.cnt-gigs h2 {color:#98CB00}
.cnt-photos h2 {color:#FF3300}
.cnt-contact h2 {color:#666666}
.cnt-links h2 {color:#999965}

ul.social {background:url(../img/ico-social.jpg) no-repeat;width:400px;height:50px;float:left;list-style:none;margin-left:0}
ul.social li {float:left;width:130px;height:40px}
ul.social a {display:block;text-indent:-999em;height:40px}

/* content */
.cnt {width:500px;height:440px;overflow:auto}
.jflow-content-slider {width:100%;background:#000;margin-top:1px}
#slides {width:900px;}

#myController { padding:0px 0;width:900px;background:url(../img/nav-news.jpg) no-repeat}
.band-nav { background:url(../img/nav-band.jpg) no-repeat !important}
.audio-nav { background:url(../img/nav-audio.jpg) no-repeat !important}
.video-nav { background:url(../img/nav-video.jpg) no-repeat !important}
.gigs-nav { background:url(../img/nav-gigs.jpg) no-repeat !important}
.photos-nav { background:url(../img/nav-photos.jpg) no-repeat !important}
.contact-nav { background:url(../img/nav-contact.jpg) no-repeat !important}
.links-nav { background:url(../img/nav-links.jpg) no-repeat !important}

.slide-wrapper { padding: 5px; }
.slide-thumbnail { width:300px; float:left; }
.slide-thumbnail img {max-width:300px; }
.slide-details { width:290px; float:right; margin-left:10px;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }

.jFlowControl, .jFlowSelected { color:#FFF; cursor:pointer }
#myController .news {width:70px;margin-right:30px}
#myController .band {width:70px;margin-right:30px}
#myController .audio {width:80px;margin-right:30px}
#myController .video {width:80px;margin-right:30px}
#myController .gigs {width:70px;margin-right:30px}
#myController .photos {width:85px;margin-right:40px}
#myController .contact {width:110px;margin-right:30px}
#myController .links {width:70px}

.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#aaa;}
.jScrollPaneDrag{position:absolute;background:#666;cursor:pointer;overflow:hidden;}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}
a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:9px;}
a.jScrollArrowUp:hover{}
a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;height:9px;}
a.jScrollArrowDown:hover{}
a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover{}
a.jScrollArrowUp{background:url("../img/basic_arrow_up.gif") repeat-x scroll 0 0 transparent;}
a.jScrollArrowUp:hover{background-position:0 -15px;}
a.jScrollArrowDown{background:url("../img/basic_arrow_down.gif") repeat-x scroll 0 0 transparent;}
a.jScrollArrowDown:hover{background-position:0 -15px;}
a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover{background-position:0 -30px;}