/*********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;}
:focus {outline: 0;}

/*********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: "Trebuchet MS", Arial, sans-serif; font-size: 16px; 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;}

#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: 97px; left: 58px;}
#header p a {color: #1c1c74; text-decoration: none;}
#header img {display: block;}

/*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: 82px; 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;}

/*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 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;}

#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 {width: 128px; height: 142px; padding: 15px 0px 0px 17px; background: url(../images/bg_front_eventsbox.gif) top left no-repeat; float: right;}

/*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;}

/*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 {width: 425px; padding-left: 20px; float: left;}
#contentBands p {line-height: 18px; margin-bottom: 14px;}

#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;}

/*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: 16px;}
.sideBoxFunk a.readMore {line-height: 20px; padding: 2px 24px 2px 15px; background: url(../images/bullet_links_funk.gif) right center no-repeat;}
.sideBoxSwing a.readMore {line-height: 20px; padding: 2px 24px 2px 15px; background: url(../images/bullet_links_swing.gif) right center no-repeat;}
.sideBoxAmber a.readMore {line-height: 20px; padding: 2px 24px 2px 15px; background: url(../images/bullet_links_amber.gif) right center no-repeat;}
.sideBoxUrban a.readMore {line-height: 20px; padding: 2px 24px 2px 15px; background: url(../images/bullet_links_urban.gif) right center no-repeat;}
.sideBoxAudio a.readMore {line-height: 20px; padding: 2px 24px 2px 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_funk.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_audio.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_swing.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_urban.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;}

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

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