/*********RESET********/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0;
}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;}
ol, ul  {list-style: none;}/*{list-style: disc; padding-left: 2em; line-height: 20px;}*/
:focus {outline: 0;}

.bulleted {list-style: disc; padding-left: 2em; line-height: 20px;}

/*********LAYOUT********/
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: #858584 url(images/bg_body.jpg) top left repeat-x; color: #636363;}
h1 {font-family: "Trebuchet MS", Arial, sans-serif; font-size: 28px; font-weight: normal;}
h2 {font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 15px; line-height: 18px;}
p {line-height: 18px;}
a {color: #636363; text-decoration: underline;}
a:hover, a:focus {color: #000; text-decoration: underline;}
a.readMore {line-height: 17px; padding-right: 24px; background: url(images/bullet_links.gif) right center no-repeat;}
a.pdf { padding: .5em 0 .5em 30px; background: url(images/icon_pdf.png) 0 50% no-repeat; }
.lidisc {list-style: disc; padding-left: 2em; line-height: 20px; margin-bottom: 14px;}
.loading { display: block; min-height: 50px; background: url(images/loading.gif) 50% 50% no-repeat; }

#readmore-video {
display: none;
margin-bottom: 14px;
float: left;
}

.related-links { font: 19px Georgia, Arial, Calibri, Helvetica, sans-serif; }
.related-links li { display: inline; float: left; margin-right: 5px; background: url(images/bg_button1.png) repeat-x; }
.related-links li a { float: left; padding-left: 9px; background: url(images/bg_button1-left.png) no-repeat; }
.related-links li a, .related-links li a:link, .related-links li a:visited { color: #fff; text-decoration: none; }
.related-links li a span { float: left; padding: 0 17px 8px 0; background: url(images/bg_button1-right.png) 100% 0 no-repeat; }
.related-links li a span em { float: left; height: 51px; padding-right: 18px; background: url(images/arrow1-rightwards-white.png) 100% 50% no-repeat; font-style: normal; line-height: 50px; }

.related-links2 { font: 19px Georgia, Arial, Calibri, Helvetica, sans-serif; width: 285px; }
.related-links2 li { display: inline; float: left; margin-right: 5px; background: url(images/bg_bands-button.png) no-repeat; }
.related-links2 li a { float: left; padding-left: 9px; }
.related-links2 li a, .related-links li a:link, .related-links li a:visited { color: #fff; text-decoration: none; }
.related-links2 li a span { float: left; padding: 0 17px 8px 0; }
.related-links2 li a span em { float: left; height: 51px; padding-right: 20px; background: url(images/arrow1-rightwards-white.png) 100% 50% no-repeat; font-style: normal; line-height: 50px; }

.related-links3 { font: 19px Georgia, Arial, Calibri, Helvetica, sans-serif; width: 500px; }
.related-links3 li { display: inline; float: right; margin-right: 5px; background: url(images/bg_button1.png) repeat-x; }
.related-links3 li a { float: left; padding-left: 9px; background: url(images/bg_button1-left.png) no-repeat; }
.related-links3 li a, .related-links li a:link, .related-links li a:visited { color: #fff; text-decoration: none; }
.related-links3 li a span { float: left; padding: 0 17px 8px 0; background: url(images/bg_button1-right.png) 100% 0 no-repeat; }
.related-links3 li a span em { float: left; height: 51px; padding-right: 18px; background: url(images/arrow1-rightwards-white.png) 100% 50% no-repeat; font-style: normal; line-height: 50px; }

.gallery {  }
.gallery .large { overflow: hidden; position: relative; width: 363px; height: 220px; margin-bottom: 3px; border: solid 3px #bcbcbc; background: url(images/loading.gif) 50% 50% no-repeat; }
.gallery .large .caption { position: absolute; bottom: 5px; left: 5px; }
.gallery .large .next, .gallery .large .prev { display: none !important; }
.gallery .large img.dynamic { position: absolute; top: 0; left: 0; }
.gallery .large .overlay { position: absolute; top: 0; left: 0; z-index: 100; width: 123px; height: 117px; background: url(images/patch_all-galleries.png) no-repeat; }
.gallery ul, .gallery ul li { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.gallery ul li { display: inline; float: left; margin-right: 3px !important; }
.gallery ul li a { overflow: hidden; position: relative; float: left; width: 43px; height: 43px; border: solid 1px #bcbcbc; }
.gallery ul li.on a { border-color: #291174; }
.gallery ul li img { position: relative; margin: -21px 0 0 -23px; }

#wrapper {width: 1022px; margin: 24px auto;}

/*png bg - to be AVOIDED*/
#header {width: 1022px; height: 161px; background: transparent scroll url(images/bg_header.png) top left no-repeat; position: relative;}
#bgWrap {width: 1022px; min-height: 545px; background: transparent scroll url(images/bg_wrap.png) top left repeat-y; position: relative; z-index: 10;}
#endWrap {width: 1022px; height: 77px; clear: both; background: transparent scroll url(images/bg_bottom.png) top left no-repeat; position: relative; z-index: 1;}
#endWrap2 {width: 1022px; height: 77px; clear: both; background: transparent scroll url(images/bg_bottom_2.png) top left no-repeat; position: relative; z-index: 1;}
#decoPic1 {width: 94px; height: 377px; background: transparent scroll url(images/bg_decopic1.gif) top left no-repeat; position: absolute; top: 172px; right: 16px;}
#decoPic2 {width: 378px; height: 209px; background: transparent scroll url(images/bg_bands.png) top left no-repeat; position: absolute; bottom: -46px; right: -18px;}
/*png bg END*/


/*header*/
#header div {width: 1022px; height: 161px; position: relative;}
#header a#homeLink {display: block; width: 369px; height: 99px; position: absolute; bottom: 0px; right: 58px;}
#header img {display: block;}
#header p {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; color: #1c1c74; position: absolute; top: 70px; left: 58px;}
#header p a {color: #1c1c74; text-decoration: none;}
#header img {display: block;}
#header ul.social-links { position: absolute; top: 117px; left: 58px; }
#header ul.social-links li { display: inline; float: left; margin-right: 3px; }
#header ul.social-links li a { overflow: hidden; float: left; width: 34px; height: 0; padding-top: 32px; background-position: 0 0; background-repeat: no-repeat; }
#header ul.social-links li.facebook a { background-image: url(images/icon_facebook.png); }
#header ul.social-links li.twitter a { background-image: url(images/icon_twitter.png); }
#header ul.social-links li.soundcloud a { background-image: url(images/icon_soundcloud.png); }
#header ul.social-links li.youtube a { margin-top: -2px; background-image: url(images/icon_youtube.png); }
#header ul.social-links li.flckr a { background-image: url(images/icon_flckr.png); }

/*topnav*/
#topNavigation {width: 948px; height: 59px; margin-left: 12px; padding-left: 46px; background: url(images/bg_navbar.gif) top left repeat-x;}
#topNavigation li {display: inline;}
#topNavigation a {width: 102px; height: 59px; display: block; line-height: 69px; overflow: hidden; float: left; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; background: url(images/bg_topnav_a.gif) bottom center no-repeat;}
#topNavigation a:hover, #topNavigation a:focus, #topNavigation a.on {text-decoration: none; background: url(images/bg_topnav_a.gif) top center no-repeat;}

/*page title*/
#pageTitle {height: 90px; line-height: 90px; margin-left: 12px; margin-bottom: 32px; text-indent: 68px; background: url(images/bg_pagetitle_main.jpg) top left no-repeat; color: #fff;}
#pageTitle span {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal;}

#titleBar { overflow: hidden; height: 50px; margin-left: 12px; margin-bottom: 32px; padding: 20px 45px; background: url(images/bg_pagetitle_main.jpg) top left no-repeat; color: #fff; font: 17px Georgia, sans-serif; }
#titleBar ul, #titleBar ul li { list-style: none; margin: 0; padding: 0; width: 100%; }
#titleBar blockquote p { margin: 0; font-size: 17px; line-height:20px;}
#titleBar blockquote cite { display: block; font-size: 12px; text-align: right; }

/*frontpage stuff*/
#frontGallery {width: 369px; float: left; margin-left: 59px;}
#frontGallery img.gallBigPic {display: block; margin-bottom: 21px;}
#frontGallery ul {height: 53px; margin-bottom: 16px;}
#frontGallery ul li {display: inline; padding-left: 3px;}
#frontGallery a.viewMore {font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #000; text-decoration: none; line-height: 17px; padding: 0px 24px 2px 4px; background: url(images/bullet_links.gif) right center no-repeat;}
#frontGallery a.viewMore:hover, #frontGallery a.viewMore:focus {text-decoration: underline;}

#frontContent {width: 468px; float: left; padding-left: 56px; position: relative;}
#frontContent h2 { margin: 0 0 .5em; color: #303031; font: 22px Georgia, Arial, Calibri, Helvetica, sans-serif; }
#frontContent h5 { color: #303031; font-size: 1em; }
#frontContent p {line-height: 18px; margin-bottom: 14px;}
#frontPageLinks {margin-bottom: 24px;}
#frontPageLinks li {width: 102px; height: 33px; float: left; padding-left: 43px; margin-right: 16px; background: url(images/bg_frontpage_links.gif) top left no-repeat;}
#frontPageLinks li.lastItem {margin-right: 0px;}
#frontPageLinks li a {font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; color: #000; text-decoration: none; line-height: 29px;}
#frontPageLinks li a:hover, #frontPageLinks li a:focus {text-decoration: underline;}
#frontContent .youtube { float: left; width: 290px; }
#frontContent .twitter { float: right; width: 160px; }
#frontContent .twitter h2 { padding: 8px 0 8px 30px; background: url(images/twitter-bird.png) no-repeat; }

#frontBandsBox {width: 274px; height: 142px; padding: 15px 0px 0px 17px; background: url(images/bg_front_bandsbox.jpg) top left no-repeat; float: left;}
#frontBandsBox p.boxTitle, #frontEventsBox p.boxTitle {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; margin-bottom: 8px;}
#frontBandsBox ul li {height: 20px; padding-left: 24px; background: url(images/bullet_links.gif) left center no-repeat;}
#frontBandsBox ul li a {color: #636363; text-decoration: none; line-height: 20px;}
#frontBandsBox ul li a:hover, #frontBandsBox ul li a:focus {text-decoration: underline;}
#frontEventsBox  { background: url(images/bg_front_eventsbox.gif) no-repeat left top; padding: 15px 0 0 17px; width: 128px !important; height: 142px; float: right }
#frontBlogBox  { background: url(images/bg_front_blogbox_small.gif) no-repeat left top; padding: 15px 0 0 17px; width: 369px !important; height: 115px; float: left }
/*about page and similar*/
#aboutContent {width: 592px; padding-left: 78px; padding-right: 43px; float: left;}
#aboutContent p {line-height: 18px; margin-bottom: 14px;}
.picAbout {display: block; float: left; position: relative;}

#aboutContent2 {width: 420px; padding-left: 20px; float: left;}
#aboutContent2 p {line-height: 18px; margin-bottom: 14px;}

/*gallery page*/
#bigPicBox {width: 422px; padding-left: 78px; float: left;}
#bigPicBox img {display: block;}
#bigPicBox p {text-align: center; margin-top: 21px;}
#bigPicBox a.prevPic {font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #000; text-decoration: none; line-height: 18px; padding: 0px 14px 2px 24px; background: url(images/bullet_links_inv.gif) left center no-repeat; border-right: 1px solid #000;}
#bigPicBox a.nextPic {font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #000; text-decoration: none; line-height: 18px; padding: 0px 24px 2px 14px; background: url(images/bullet_links.gif) right center no-repeat;}
#bigPicBox a:hover, #bigPicBox a:focus {text-decoration: underline;}

#galleryThumbs {width: 429px; height: 100px; float: left; margin-left: 28px; position: relative;}
#galleryThumbs a {display: block; width: 128px; height: 87px; margin: 0px 0px 15px 15px; float: left;}
#galleryThumbs a img {display: block;}

/*bands index and similar*/
#leftNav {width: 185px; height: 360px; margin-left: 56px; float: left; background: url(images/bg_leftnav.jpg) top left no-repeat;}
#leftNav ul {padding-left: 19px;}
#leftNav ul li {padding-top: 17px;}
#leftNav ul li a {font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #fff; text-decoration: none;}
#leftNav ul li a:hover, #leftNav ul li a:focus {text-decoration: underline;}

#contentBands { position: relative; z-index: 1000; padding: 0 45px 0 65px; }
#contentBands p {line-height: 18px; margin-bottom: 14px; width:880px; }
#contentBands ul, #contentBands ul li { list-style: none; margin: 0; padding: 0; }
#contentBands ul { overflow: hidden; position: relative; margin-right: -22px; }
#contentBands ul li.colset { clear: both; float: left; width: 100%; }
#contentBands ul li.colset ul { margin: 0; }
#contentBands ul li.colset ul li { display: inline; float: left; width: 283px; margin: 0 22px 1em 0; }
#contentBands ul li.colset ul p { display: inline; float: left; width: 283px; margin: 0 22px 1em 0; }
#contentBands ul li.colset ul li img { margin-bottom: 1em; border: solid 3px #bcbcbc; }

#sideBarBands {width: 240px; float: left; position: relative; padding-left: 30px;}

#pageTitleBands {width: 994px; height: 90px; line-height: 90px; margin-left: 12px; margin-bottom: 32px;}
#pageTitleBands span {display: none;}
#pageTitleBands img {display: block;}

#introBand { margin: 0 45px 1.5em 65px; }
#introBand h2 { display: inline; float: left; }
#introBand ul.related-links { float: right; }

#introAgent { margin: 0 45px 0 65px; }
#introAgent h2 { float: left; }
#introAgent ul.related-links { float: right; }

#sidebarBand, #contentBand {line-height: 18px; margin-bottom: 14px;}
#sidebarBand h2, #contentBand h2 { margin: 0 0 .5em; color: #303031; font: 22px Georgia, Arial, Calibri, Helvetica, sans-serif; }
#sidebarBand h5, #contentBand h5 { margin-top: 1em; color: #303031; font-size: 1em; }
#sidebarBand ul, #contentBand ul { margin-bottom: 1em; }
#sidebarBand { display: inline; float: left; width: 369px; margin-left: 65px; }
#contentBand { display: inline; float: right; width: 470px; margin-right: 65px; }

/*contact page*/
#contactForm table {width: 592px;}
#contactForm table td {width: 50%; padding: 18px 0px 18px 20px; vertical-align: top;}
#contactForm table td.titleCell {padding: 8px 0px 8px 20px; background: #7ba12d url(images/bg_titlecell.jpg) top left repeat-y;}
#contactForm table td.commentsCell {padding-left: 0px; padding-bottom: 5px;}
#contactForm table td.sendCell {text-align: right; padding: 0px;}
#contactForm table td h3 {color: #fff; font-size: 14px;}
#contactForm p {clear: both; margin-bottom: 7px;}
#contactForm p span {display: block; width: 97px; float: left;}
#contactForm input {width: 176px; height: 18px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #c8c6c6; background-color: #fff;}
#contactForm input:hover, #contactForm input:focus {border: 1px solid #98989a; background-color: #ffffef;}
#contactForm textarea:hover, #contactForm textarea:focus {border: 1px solid #98989a; background-color: #ffffef;}
#contactForm input.checkBand {width: auto; border: 0px;}
#contactForm p span.checkBand {width: 165px;}
#contactForm textarea {width: 176px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #c8c6c6;}
#contactForm table td.commentsCell textarea {width: 590px;}
#contactForm input.reset {width: 134px; height: 38px; border: 0px; background: #003300 url(images/bg_input_reset.gif) top left no-repeat; cursor: pointer;}
#contactForm input.submit {width: 134px; height: 38px; border: 0px; background: #003399 url(images/bg_input_submit.gif) top left no-repeat; cursor: pointer;}
#contactForm input.reset:hover, #contactForm input.reset:focus {border: 0px;}
#contactForm input.submit:hover, #contactForm input.submit:focus {border: 0px;}
#contactForm ul {}
#contactForm ul li {margin-bottom: 14px; padding-left: 15px; background: url(images/bg_list_item.gif) top left no-repeat;}

/*bands - amberstar*/
.sideBoxFunk {width: 240px; height: 111px; margin-bottom: 8px; background: transparent scroll url(images/bg_band_sidebox_funk.png) top left no-repeat;}
.sideBoxSwing {width: 240px; height: 111px; margin-bottom: 8px; background: transparent scroll url(images/bg_band_sidebox_swing.png) top left no-repeat;}
.sideBoxAmber {width: 240px; height: 111px; margin-bottom: 8px; background: transparent scroll url(images/bg_band_sidebox_amber.png) top left no-repeat;}
.sideBoxUrban {width: 240px; height: 111px; margin-bottom: 8px; background: transparent scroll url(images/bg_band_sidebox_urban.png) top left no-repeat;}
.sideBoxAudio {width: 240px; height: 111px; margin-bottom: 8px; background: transparent scroll url(images/bg_band_sidebox_audiobox.png) top left no-repeat;}
.sideBoxFunk h2, .sideBoxSwing h2, .sideBoxAmber h2, .sideBoxUrban h2, .sideBoxAudio h2 {font-family: Georgia, "Times New Roman", Times, serif; color: #000; margin: 0px; padding: 14px 15px 9px 15px;}
.sideBoxFunk p, .sideBoxSwing p, .sideBoxAmber p, .sideBoxUrban p, .sideBoxAudio p {margin: 0px 15px 0px 15px; line-height: 300px;}
.sideBoxFunk a.readMore {line-height: 20px; padding-right: 24px; padding-left: 15px; background: url(images/bullet_links_funk.gif) right center no-repeat;}
.sideBoxSwing a.readMore {line-height: 20px; padding-right: 24px; padding-left: 15px; background: url(images/bullet_links_swing.gif) right center no-repeat;}
.sideBoxAmber a.readMore {line-height: 20px; padding-right: 24px; padding-left: 15px; background: url(images/bullet_links_amber.gif) right center no-repeat;}
.sideBoxUrban a.readMore {line-height: 20px; padding-right: 24px; padding-left: 15px; background: url(images/bullet_links_urban.gif) right center no-repeat;}
.sideBoxAudio a.readMore {line-height: 20px; padding-right: 24px; padding-left: 15px; background: url(images/bullet_links_audiobox.gif) right center no-repeat;}

#leftNavAmber {width: 185px; height: 360px; margin-left: 56px; float: left; background: url(images/bg_leftnav_amberstar.jpg) top left no-repeat;}
#leftNavAmber ul {padding-left: 19px;}
#leftNavAmber ul li {padding-top: 15px;}
#leftNavAmber ul li a {font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #fff; text-decoration: none;}
#leftNavAmber ul li a:hover, #leftNavAmber ul li a:focus {text-decoration: underline;}
#topNavigation.topNavAmber a.on {text-decoration: none; background: url(images/bg_topnav_a_amber.gif) top center no-repeat;}

#leftNavFunk {width: 185px; height: 360px; margin-left: 56px; float: left; background: url(images/bg_leftnav_funkification.jpg) top left no-repeat;}
#leftNavFunk ul {padding-left: 19px;}
#leftNavFunk ul li {padding-top: 15px;}
#leftNavFunk ul li a {font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #fff; text-decoration: none;}
#leftNavFunk ul li a:hover, #leftNavFunk ul li a:focus {text-decoration: underline;}
#topNavigation.topNavFunk a.on {text-decoration: none; background: url(images/bg_topnav_a_amber.gif) top center no-repeat;}

#leftNavAudio {width: 185px; height: 360px; margin-left: 56px; float: left; background: url(images/bg_leftnav_audiobox.jpg) top left no-repeat;}
#leftNavAudio ul {padding-left: 19px;}
#leftNavAudio ul li {padding-top: 15px;}
#leftNavAudio ul li a {font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #fff; text-decoration: none;}
#leftNavAudio ul li a:hover, #leftNavAudio ul li a:focus {text-decoration: underline;}
#topNavigation.topNavAudio a.on {text-decoration: none; background: url(images/bg_topnav_a_amber.gif) top center no-repeat;}

#leftNavSwing {width: 185px; height: 360px; margin-left: 56px; float: left; background: url(images/bg_leftnav_swingcon.jpg) top left no-repeat;}
#leftNavSwing ul {padding-left: 19px;}
#leftNavSwing ul li {padding-top: 15px;}
#leftNavSwing ul li a {font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #fff; text-decoration: none;}
#leftNavSwing ul li a:hover, #leftNavSwing ul li a:focus {text-decoration: underline;}
#topNavigation.topNavSwing a.on {text-decoration: none; background: url(images/bg_topnav_a_amber.gif) top center no-repeat;}

#leftNavUrban {width: 185px; height: 360px; margin-left: 56px; float: left; background: url(images/bg_leftnav_urbanjazz.jpg) top left no-repeat;}
#leftNavUrban ul {padding-left: 19px;}
#leftNavUrban ul li {padding-top: 15px;}
#leftNavUrban ul li a {font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #fff; text-decoration: none;}
#leftNavUrban ul li a:hover, #leftNavUrban ul li a:focus {text-decoration: underline;}
#topNavigation.topNavUrban a.on {text-decoration: none; background: url(images/bg_topnav_a_amber.gif) top center no-repeat;}

/*footer*/
#footer {width: 1022px; margin: 0px auto;}
#footer p {text-align: center; color: #fff; font-size: 11px;}
#footer p span {padding: 0px 60px;}
#footer a {color: #fff; text-decoration: underline;}
#footer a:hover {color: #fff; text-decoration: underline;}

/* read nore home page*/

#readmore { display: none; float: left; margin-bottom: 14px;}
.hide { display: none;}
.more { display: inline; width: 50px;}

#readmore, #readmore-story { display: none; float: left; margin-bottom: 14px;}

/*********CLEANER | STUFF********/
.cleaner {
	clear: both;
	height: 1px;
	margin-top: -1px;
	line-height: 0px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}