@charset "utf-8";
html, body, dl, dt, dd, ul, h1, h2, h3, p { margin: 0; padding: 0; }

body { font-size: 100%; background: #231103; }

li { list-style: none; }
img { display: block; }
a img { border: 0; }

table th { text-align: left; vertical-align: top; }
table td { vertical-align: top; }

.clear { clear: both; }
.hidden { display: none; }

#headerHolder { height: 400px; background: url(../img/headerHolder.jpg) repeat-x; }
#headerCenter { position: relative; z-index: 50; height: 110px; width: 960px; margin: 0 auto; background: url(../img/headerCenter.jpg); }

#siteLogo { position: absolute; left: 10px; top: 44px; background: url(../img/siteLogo.png); }
#siteLink { position: absolute; right: 0; top: 43px; background: url(../img/siteLink.png); }

#siteLogo span, #siteLink span, #headerCenter strong, #scrollCenter h2 span, #footerCenter h2, #backLink span { display: none; }

#menuOne, #menuTwo { position: absolute; top: 39px; width: 160px; }
#menuOne { left: 307px; }
#menuTwo { left: 468px; }
#menuOne dt { background: url(../img/menuOne.jpg) no-repeat; }
#menuTwo dt { background: url(../img/menuTwo.jpg) no-repeat; }

#headerCenter dt { display: block; height: 70px; }
#headerCenter dt.hover { background-position: 0 -70px; } 
#headerCenter dd { background: url(../img/dropDown.png); margin: 2px 0 0; }
#headerCenter ul { padding: 18px; }
#headerCenter li.border { border-bottom: 1px solid #010000; padding: 0 0 7px; margin: 0 0 6px; }
#headerCenter ul a { color: #AD9585; text-decoration: none; }
#headerCenter ul a:hover { color: #FFF; text-decoration: underline; }
#headerCenter ul a.active { color: #FFF; }

#scrollHolder { position: absolute; width: 100%; height: 290px; left: 0; top: 110px; }
#scrollCenter { position: relative; width: 960px; height: 290px; margin: 0 auto; background: url(../img/scrollCenter.jpg); }
#scrollCenter h2 { height: 58px; background: url(../img/scrollTitle.png) no-repeat; }

#scrollCenter #scrollControls { position: absolute; width: 630px; height: 21px; left: 320px; top: 18px; }

#scrollCenter #scrollNext, #scrollCenter #scrollPrev { position: absolute; top: 0; width: 21px; height: 21px; }
#scrollCenter #scrollNext { right: 0; background: url(../img/scrollNext.gif); }
#scrollCenter #scrollPrev { right: 35px; background: url(../img/scrollPrev.gif); }
#scrollCenter #scrollNext:hover, #scrollCenter #scrollPrev:hover { background-position: 0 -21px; }

#scrollCenter #scrollNums { height: 21px; }
#scrollCenter #scrollNums span { float: left; margin: 0 10px 0 0; }
#scrollCenter #scrollNums span a { display: block; width: 21px; height: 21px; background: url(../img/scrollNum.gif); }
#scrollCenter #scrollNums span a:hover { background-position: 0 -21px; }
#scrollCenter #scrollNums span a.active { background-position: 0 -42px; }

#scrollContent { position: absolute; left: 0; top: 20px; width: 960px; height: 200px; padding: 40px 0 0; overflow: hidden; }
#scrollContent .scrollItem { position: relative; width: 940px; height: 200px; padding: 0 10px; margin: 0 0 200px; }
#scrollContent .scrollItem p { position: absolute; width: 320px; height: 200px; right: 10px; top: 0; background: #FFF; }
#scrollContent .scrollItem p span { position: absolute; width: 26px; height: 71px; left: 102px; top: -40px; background: url(../img/peg.png) no-repeat; } 
#scrollContent .scrollItem p img { position: absolute; width: 300px; height: 180px; left: 10px; top: 10px; }
#scrollContent .scrollItem h3 { width: 600px; padding: 16px 0 10px; }
#scrollContent .scrollItem div { width: 600px; }
#scrollContent .scrollItem div a { color: #FFF; font-size: 11px; text-transform: uppercase; }

#contentHolder { min-width: 960px; background: url(../img/contentHolder.jpg); }
#contentBorder { background: url(../img/contentBorder.jpg) repeat-x; }
#contentCenter { position: relative; width: 960px; margin: 0 auto; color: #361F0F; }

#contentMain { float: left; width: 650px; padding: 87px 0 20px 10px; }
#contentSide { float: right; width: 220px; padding: 87px 10px 30px 50px; }

#contentMain.news { background: url(../img/contentMainNews.png) no-repeat; }
#contentMain.archive { background: url(../img/contentMainArchive.png) no-repeat; }
#contentMain.concerts { background: url(../img/contentMainConcerts.png) no-repeat; }
#contentMain.bands { background: url(../img/contentMainBands.png) no-repeat; }
#contentMain.clubs { background: url(../img/contentMainClubs.png) no-repeat; }
#contentMain.festivals { background: url(../img/contentMainFestivals.png) no-repeat; }
#contentMain.eshop { background: url(../img/contentMainEshop.png) no-repeat; }
#contentMain.events { background: url(../img/contentMainEvents.png) no-repeat; }
#contentMain.offer { background: url(../img/contentMainOffer.png) no-repeat; }
#contentMain.about { background: url(../img/contentMainAbout.png) no-repeat; }
#contentMain.references { background: url(../img/contentMainReferences.png) no-repeat; }
#contentMain.press { background: url(../img/contentMainPress.png) no-repeat; }
#contentMain.contact { background: url(../img/contentMainContact.png) no-repeat; }

#contentSide.concerts { background: url(../img/contentSideConcerts.png) no-repeat; }
#contentSide.news { background: url(../img/contentSideNews.png) no-repeat; }

#contentMain h1 { margin: 0 0 1em; }

#contentMain div { position: relative; min-height: 92px; height: auto !important; height: 92px; padding: 0 0 0 160px; margin: 0 0 30px; }
#contentMain div p { position: absolute; width: 125px; height: 92px; left: 0; top: 0; background: url(../img/listThumb.png) no-repeat; }
#contentMain div p img { position: absolute; width: 80px; height: 80px; left: 6px; top: 6px; }
#contentMain div.active p { background-position: 0 -92px; }
#contentMain div.active h1 { color: #FF7D0A; }

#contentMain dt strong { display: block; margin: 0 0 13px; }
#contentMain dd { overflow: hidden; clear: both; margin: 0 0 13px; }
#contentMain dd div { position: static; min-height: 0; padding: 0; margin: 0; } 
#contentMain dd div.band { float: left; width: 290px; }
#contentMain dd div.place { margin: 0 0 0 310px; }

#contentSide dt strong { display: block; margin: 0 0 13px; }
#contentSide dd { overflow: hidden; clear: both; padding: 0 0 13px; }

#contentSide.concerts dl { margin: 0 0 13px; }
#contentSide.concerts dd { overflow: hidden; clear: both; padding: 0 0 13px; }
#contentSide.concerts dd div.band { float: left; width: 100px; }
#contentSide.concerts dd div.place { margin: 0 0 0 120px; }

#backLink { position: absolute; width: 106px; height: 58px; left: 544px; top: 0; background: url(../img/backLink.png); }
#backLink:hover { background-position: 0 -58px; }

#addThis { position: absolute; z-index: 100; left: 10px; top: 205px; }

#bannerHolder { clear: both; background: url(../img/bannerHolder.png) top center no-repeat; }
#bannerCenter { padding: 30px 0 30px; overflow: hidden; }
#bannerCenter #bannerOne { float: left; }
#bannerCenter #bannerTwo { float: right; }

#footerHolder { background: url(../img/footerHolder.jpg) repeat-x; }
#footerCenter { width: 960px; margin: 0 auto; padding: 0 0 30px; background: url(../img/footerCenter.jpg) no-repeat; }
#footerCenter a { color: #AD9585; text-decoration: none; }
#footerCenter a:hover { text-decoration: underline; }
#footerCenter div { float: left; width: 230px; padding: 40px 0 0 10px; }