html, body {font-family: Tahoma; height: 100%;}  

body {   
  background-color: #000000;
  background-image: url(../img/bg.jpg);
  background-position: center top; 
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-size: 9pt;
  margin: 0px;  
}

a:link {color: #FFFFFF; text-decoration: none;}
a:visited {color: #FFFFFF; text-decoration: none;}
a:active {color: #FFFFFF; text-decoration: none;}
a:hover {color: #FFFFFF; text-decoration: none;}
a img {border: 0px;}

#container {height: 760px; position: relative; width: 100%;}

/* TOP MENU */
#topbar {       
  background-image: url("../img/topbar.jpg"); 
  background-repeat: repeat-x;
  height: 40px;
  margin-top: -12px;
  padding: 0px;
  width: 100%;
}

#topbarinner {height: 40px; margin-left: auto; margin-right: auto; width: 1250px;}
#facebook {float: left; height: 13px; margin-left: 0px;padding-left: 10px; padding-top: 15px; width: 110px;}
#mp3player {float: left; height: 23px; padding-left: 10px; padding-top: 10px; width: 375px;}

#navcontainer ul li {
  float: left;
  height: 40px;
  list-style-type: none;
  list-style-image: url(../img/nav_icon.png);
  margin: 0px;        
  padding-right: 30px;
  text-align: center;
}

#navcontainer a { 
  color: #FFFFFF;
  display: block; 
  font-size: 8pt;
  font-weight: bold;
  height: 40px;
  margin: 0px;
  padding-top: 13px;
  text-decoration: none;
  text-transform: uppercase;
}

#navcontainer li#active { background: url(../img/nav_sel.jpg) no-repeat; display: block; margin-left: -15px; width: 76px;}
#navcontainer a:hover { background: #b9d62e repeat-x; height: 27px;}

#top {
  background: url(../img/bg-head.png) repeat;
  height: 80px; 
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 952px;
}

#main {
  background: url(../img/bg-head.png) repeat;
  height: 630px; 
  margin-left: auto;
  margin-right: auto;
  width: 952px;
}

#top .logo {background: url(../img/logo.png) no-repeat; float: left; height: 109px; margin-left: 10px; margin-top: 10px; width: 119px;}

#top .flyers {background: url(../img/home-flyers.png) repeat-x; float: left; height: 117px; margin-left: 100px; margin-top: 10px; text-align: left; width: 510px;}
#top .flyers .flyer {float: left; margin-left: 8px; margin-top: 8px;}
#top .flyers .party {color: #E4FF00; float: left; font-weight: bold; margin-left: 10px; margin-right: 10px; margin-top: 10px;}
#top .flyers .date {float: left; margin-left: 10px; margin-top: 10px;}
#top .flyers .club {float: left; margin-left: 10px; margin-top: 10px;}

#header {       
  height: 193px;   
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 940px;
}

.clear {  
    clear: both;  
}  
  
.slideshow {
  float: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 953px;
}  
  
.slideshow a {  
  float: left;  
  position: absolute;  
}  
      
.slideshow a img {  
  border: none;  
}  
      
.slideshow a.show {  
  z-index: 500;  
}  
  
.slideshow .caption {
  background-color: #000000;
  bottom: 0;    
  color: #FFFFFF;   
  height: 100px; 
  position: absolute;    
  width: 100%;
  z-index: 600;   
}  
  
.slideshow .caption .content {  
  margin: 5px;  
}  
      
.slideshow .caption .content h3 { 
  color: #1DCCEF; 
  margin: 0px;  
  padding: 0px;    
}  

#content {
  background: url(../img/bg-content.png) repeat;
  height: 366px; 
  margin-left: auto;
  margin-right: auto;
  margin-top: 65px;
  width: 940px;
}

.unique {color: #A9A9A9; float: right; font-size: 8pt; margin-right: 10px; margin-top: 10px;}
.unique p {line-height: 1px; text-align: right;}

#content .latest-news {background: url(../img/latestnews.png) no-repeat; float: left; height: 32px; margin-left: 10px; margin-top: 20px; padding-top: 42px; width: 252px;}
#content .latest-news .news a {color: #D0FF00;}
#content .latest-news .news a:hover {color: #FFFFFF;}
#content .latest-news .news ul {list-style-type: none; margin-left: -40px; margin-top: 3px;}
#content .latest-news .news .date {font-size: 7pt;}
#content .latest-news .news .newsdate {color: #A9A9A9; font-size: 7pt;}

#content .random-photos {background: url(../img/randomphotos.png) no-repeat; float: left; height: 32px; margin-left: 15px; margin-top: 20px; padding-top: 42px; width: 284px;}
#content .random-photos .randomphotos {margin-left: 25px;}

#content .about-me {background: url(../img/aboutme.png) no-repeat; color: #A9A9A9; float: left; height: 19px; margin-left: 15px; margin-top: 21px; padding-top: 25px; width: 352px;}
#content .about-me-more a {color: #D2FF00; float: right; margin-right: 16px; margin-top: 46px; text-decoration: none;}
#content .about-me-more a:hover {color: #FFFFFF;}

#content .nextdates {background: url(../img/nextdates.png) no-repeat; float: left; height: 32px; margin-left: -552px; margin-top: 130px; width: 554px;}
.nextdates .alldates a {color: #D2FF00; float: left; margin-left: 470px;}
#content .alldates a:hover {color: #FFFFFF;}
#content .nextdates .table {color: #FFFFFF; padding-top: 40px; width: 555px;}
table.nextdatestbl {background: url(../img/nextdatestable.png); border: none;}
td.nextdatestitle {background: url(../img/tabletitle.png); border-bottom: 1px #07080A solid; color: #D2FF00; height: 19px; padding-left: 10px;}
td.nextdatestext {background: url(../img/nextdatestable.png); border-bottom: 1px #07080A solid; color: #FFFFFF; padding-bottom: 4px; padding-left: 10px; padding-right: 0px; padding-top: 4px;}
#content .nextdates tr:hover {background: #000000;}
#content .nextdates a:hover {color: #D2FF00;}

#content .newsletters {background: url(../img/newsletters.png) no-repeat; color: #A9A9A9; float: left; font-size: 8pt; height: 19px; margin-left: 575px; margin-top: -80px; padding-top: 25px; width: 352px;}
#content .newsletters-stats {float: right; font-size: 8pt; margin-left: 0px; margin-top: -48px; padding-top: 25px; text-align: right;}
#content input {background: url(../img/input.png) repeat-x; border: 1px #303030 solid; color: #A9A9A9; height: 13px; padding-bottom: 5px; padding-left: 5px; padding-right: 12px; padding-top: 5px; width: 244px;}
#content input.button {background: url(../img/input-go.png); border: none; height: 27px; margin-left: -15px; margin-top: 10px; width: 47px;}

#content .partners {background: url(../img/partners.png) no-repeat; color: #A9A9A9; float: left; height: 19px; margin-left: 575px; margin-top: 21px; padding-top: 25px; width: 352px;}
#content .partnersicons {white-space: normal; margin-left: 10px; margin-top: 5px;}

#content .nextdates .bookme a {color: #F2FF00;}
#content .nextdates .bookme a:hover {color: #FFFFFF;}
  
/** NEWS **/
#content .newspage {background: url(../img/news.png) no-repeat; float: left; height: 32px; margin-left: 10px; margin-top: 20px; padding-top: 32px; text-align: justify; width: 921px;}
#content .newspage a {color: #D2FF00;}
#content .newspage a:hover {color: #FFFFFF;}
#content .newspage .newstitle {font-weight: bold; text-transform: uppercase;} 
#content .newspage ul {list-style-type: none; margin-left: -40px; margin-top: 13px;} 
#content .newspage .newsdate {color: #A9A9A9; font-size: 7pt;}

/** DATES **/
div.scroll {
  border: 0px;
  height: 299px;
  margin: 0px 0px 0px 0px;
  overflow: auto; 
  padding: 0;
  width: 920px;
}
#content .party-dates {background: url(../img/party-dates.png) no-repeat; float: left; height: 32px; margin-left: 10px; margin-top: 20px; padding-top: 42px; width: 921px;}
table.party-dates-table {background: url(../img/nextdatestable.png); border: none; width: 894px;}
td.datestitle {background: url(../img/tabletitle.png); border-bottom: 1px #07080A solid; color: #D2FF00; height: 19px; padding-left: 10px;}
td.dates-date {background: url(../img/nextdatestable.png); border-bottom: 1px #07080A solid; color: #FFFFFF; padding-bottom: 4px; padding-left: 10px; padding-right: 0px; padding-top: 4px; width: 80px;}
td.dates-event {background: url(../img/nextdatestable.png); border-bottom: 1px #07080A solid; color: #FFFFFF; padding-bottom: 4px; padding-left: 10px; padding-right: 0px; padding-top: 4px; width: 200px;}
td.dates-club {background: url(../img/nextdatestable.png); border-bottom: 1px #07080A solid; color: #FFFFFF; padding-bottom: 4px; padding-left: 10px; padding-right: 0px; padding-top: 4px; width: 150px;}
td.dates-website {background: url(../img/nextdatestable.png); border-bottom: 1px #07080A solid; color: #FFFFFF; padding-bottom: 4px; padding-left: 10px; padding-right: 0px; padding-top: 4px; width: 140px;}
#content .party-dates tr:hover {background: #000000;}
#content .party-dates a:hover {color: #D2FF00;}

/** BIOGRAPHY **/
#content .biography {background: url(../img/biography.png) no-repeat; float: left; height: 32px; margin-left: 10px; margin-top: 20px; padding-top: 46px; text-align: justify; width: 550px;}
#content .biography-info {background: url(../img/biography-info.png) no-repeat; color: #FFFFFF; float: left; height: 19px; margin-left: 15px; margin-top: 21px; padding-top: 25px; width: 356px;}
#content .biography-info .biotitle {color: #A9A9A9; font-weight: bold;}
#content .biography-info ul {list-style-type: none; margin-left: -10px;}
#content .biography-info ul li {padding-bottom: 10px;}
#content .biography .clubs {color: #D2FF00; font-weight: bold;}

/** PHOTOS **/
#content .gallery {background: url(../img/gallery.png) no-repeat; float: left; height: 32px; margin-left: 10px; margin-top: 20px; padding-top: 42px; text-align: center; width: 556px;}
#content .gallery-title {margin-top: 3px; text-align: left;}
#content .gallery-choose {background: url(../img/choose-gallery.png) no-repeat; color: #A9A9A9; float: left; height: 19px; margin-left: 15px; margin-top: 21px; padding-top: 25px; width: 352px;}
#content .topfive a:hover {color: #D2FF00;}
#content .gallery-choose a:hover {color: #D2FF00;}
#content .gallery-choose ul {list-style-type: none;}
#content .gallery-choose ul li {padding-bottom: 10px;}

/** MEDIA **/
#content .live-sets {background: url(../img/live-sets.png) no-repeat; float: left; height: 32px; margin-left: 10px; margin-top: 20px; padding-top: 42px; width: 252px;}
#content .live-sets .setslinks a {color: #FFFFFF; display: block; line-height: 20px; text-decoration: none;}
#content .live-sets .setslinks a:hover {color: #D2FF00;}
#content .my-tracks {background: url(../img/my-tracks.png) no-repeat; float: left; height: 32px; margin-left: 15px; margin-top: 20px; padding-top: 42px; width: 284px;}
#content .my-tracks .trackslinks a {color: #FFFFFF; display: block; line-height: 20px; text-decoration: none;}
#content .my-tracks .trackslinks a:hover {color: #D2FF00;}
#content .topfive {background: url(../img/top5.png) no-repeat; color: #A9A9A9; float: left; height: 19px; margin-left: 15px; margin-top: 21px; padding-top: 25px; width: 352px;}
#content .topfive a:hover {color: #D2FF00;}
#content .download-counter {color: #A9A9A9; font-size: 8pt;}
#content .links-statistics {background: url(../img/links-statistics.png) no-repeat; color: #A9A9A9; float: left; height: 19px; margin-left: 575px; margin-top: 150px; padding-top: 25px; width: 352px;}
#content .links-statistics ul {list-style-type: none;}
#content .links-statistics ul li {padding-bottom: 10px;}
#content .stat-result {color: #FFFFFF;}

#page_navigation a {
	color: #A9A9A9;
	float: left;
  margin-top: 50px;
  margin-right: 5px;
  padding: 3px;
}

.active_page{
	background: #D2FF00;
	color: #000000 !important;
}

/** LINKS **/
#content .links {background: url(../img/links.png) no-repeat; float: left; height: 32px; margin-left: 10px; margin-top: 20px; padding-top: 42px; width: 556px;}
#content .links ul li {
  display: block;
  float: left;
  margin-left: 8px;
  margin-top: -20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  text-align: center;
}

#content .links-text {background: url(../img/links-text.png) no-repeat; color: #A9A9A9; float: left; height: 19px; margin-left: 15px; margin-top: 21px; padding-top: 25px; width: 356px;}
#content .links-text ul {list-style-type: none;}
#contest .links-text ul li {padding-bottom: 10px;}
#content .links-text ul li a {
  display: block;
  line-height: 20px;
  padding-bottom: 10px;
}

#content .links-text a:hover {
  color: #D0FF00; 
}

/** BOOKING **/
#content .booking {background: url(../img/booking.png) no-repeat; float: left; height: 32px; margin-left: 10px; margin-top: 20px; padding-top: 32px; width: 550px;}
#content textarea {background: url(../img/input.png) repeat-x; border: 1px #303030 solid; color: #A9A9A9; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 251px;}
#content .booksend {background: url(../img/input-go.png) no-repeat; border: none; float: left; height: 27px; width: 47px;}
#content .booking-status {margin-left: 170px; margin-top: -33px; margin-bottom: 19px;}
#content .booking-info {background: url(../img/bookinginfo.png) no-repeat; color: #A9A9A9; float: left; height: 19px; margin-left: 15px; margin-top: 21px; padding-top: 25px; width: 356px;}
#content .booking-ok {float: left; margin-left: 160px; margin-top: -348px;}
#content .booking-error {color: #FF0000; float: left; margin-left: 160px; margin-top: -348px;}

/** CONTACT **/
#content .contact {background: url(../img/contact.png) no-repeat; float: left; height: 32px; margin-left: 10px; margin-top: 20px; padding-top: 42px; width: 502px;}
#content .contact-title {font-weight: bold;}
#content .contact-info {background: url(../img/contactinfo.png) no-repeat; color: #A9A9A9; float: left; height: 19px; margin-left: 15px; margin-top: 21px; padding-top: 25px; width: 356px;}
#content .contactsend {background: url(../img/input-go.png) no-repeat; border: none; float: left; height: 27px; width: 47px;}

/** FOOTER **/
#footer {
  background: url(../img/footer.jpg) no-repeat;
  height: 241px; 
  margin-left: auto;
  margin-right: auto; 
  width: 1280px;
}