li, li a:link, li a:visited,  td {padding: 3px 10px;}
a, td, p, li, ul, table, body, div, span, h1, h2, h3, h4, h5 {font-family: 'PT Sans Narrow', sans-serif;  margin: 0; padding: 0;}
a:link, a:visited {text-decoration: none; color: #bbb;}
a:hover {color: #d41650;}
body, div {margin: 0;  color: #868686;}
p {margin-bottom: 15px;  color: #868686;}
h1 {margin-bottom: 15px; color: #d41650;}

ul.menu {
position: absolute; right: 0; top: 0;
height: 50px;
float: right; 
}
ul.menu li {float: left; padding: 0; position: relative; padding: 0; margin: 0;  display: block;}
ul.menu a:link, ul.menu a:visited, ul.menu .td_not_clickable  {
padding: 10px 25px; 
margin: 0; 
float: left; 
color: #555; 
font-weight: bold; 
z-index: 150; 
font-size: 13pt; 
text-transform: uppercase; 
border-left: 1px solid #ddd;
text-align: center;
transition: 0s;
}
ul.menu a:hover {background-color: #f4f4f4; color: #aaa; }
ul.menu li a#active {background-color: #f4f4f4; color: #555;}
ul.menu li a#active:hover {color: #888;}


ul.submenu {z-index: 150; display: none; position: absolute; top: 140px; width: 242px; border-top: 0; margin: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd;}
ul.submenu li a:link, ul.submenu li a:visited {
width: 242px;
font-size: 11pt; 
border-bottom: 1px solid #ddd; 
border-top: 0;
border-left: 0;
text-transform: uppercase; 
display: block; margin: 0; 
background: url('/files/nav-corner.gif'),#e9e9e9;
background-repeat: no-repeat;
background-position: top right;
color: #888; 
padding: 5px 10px; 
text-align: left;
height: 20px;
float: left;}
ul.submenu li a:hover {background: url('/files/nav-corner.gif'),#fff; background-repeat: no-repeat; background-position: top right; color: #333; }
ul.submenu li:first-child  {}

.block {float: left; width: 1000px; position: relative; padding: 0;}
.blockleft {float: left; width: 230px; min-height: 100px; padding-left:10px;}
.blockright {float: right; width: 715px; min-height: 400px; padding-right: 35px;}
.blockright table span, .blockright table div {color: #666;}


.td_slick {border-bottom: 1px solid #ddd; height: 250px; width: 1000px; float: left; }



body {
  background-image: url('/files/temp.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover; 
  }

@media only screen and (max-width: 767px) {
  body {
    background-image: url('/files/bg-mobile.jpg');
  }
	}


h1 {font-weight: bold; font-size: 24pt; }
.reference h2 {color: #868686; font-size: 16pt;}
h3 {font-size: 14pt; color: #d41650;}
h4 {color: #999; font-size: 16pt;}


.padding15 {padding: 15px; float: left; width: 75%; display: inline-block;}

header, nav, article, footer { 
float: left;
position: relative;
display: block;
}

header {width: 100%;background-color: white; padding: 0;}
footer {width: 100%; text-align: center;}
footer .centered { padding-top: 55px; padding-bottom: 15px;}

nav {width: 15%;  padding: 15px; display: inline-block;}
article {width: 100%;}

article div, article p {padding: 0; margin-bottom: 10px; margin-top: 10px;}

/* WHITEFIELD LOADING */
.td_whitefield {width: 100%; height: 100%; display: block; background-color: white; position: fixed; top: 0; left: 0; z-index: 100000;}
.td_loading {position: absolute; top: 50%; left: 50%; z-index: 100000; margin-left: -100px; margin-top: -100px;}

.centered {margin: auto auto; width: 1000px; display: block; position: relative; overflow: hidden; background-color: rgba(0,0,0,0.8);}

.logo {position: absolute; height: 230px; left: 20px; top: 5px;}
.dj {position: absolute; top: 0; right: 0; height: 200px;}
.contact {position: absolute; top: 70px; left: 300px;}
.fancybox_tn {position: relative; display: block;}
div.thumbnail {position: relative; display: block; padding: 0; margin: 2px; float: left;}
.image_captions {display: none; position: absolute; z-index: 5; top: 0; left: 0;}
.smalltext {font-size: 14px; margin: 0px;  display: block; margin-top: 0px; padding-top: 5px; padding: 0; line-height: normal; color: #555; border-top: 1px solid #aaa; width: 140px; font-weight: normal;}


.flat {position: absolute; left: 15px; top: 0; z-index: -50; border-left: 5px solid white; border-right: 5px solid white; }


.table-corners {border-spacing: 0px; padding: 10px; background-color: #eee; margin-bottom: 5px; position: relative; float: left;}
.table-corners td {padding: 2px 10px; color: #333;}
.table-corners thead td {background-color: #d41650; color: #fff; font-weight: bold;}
.table-corners th {background-color: #d41650; color: #fff; font-weight: bold;}
.width {width: 100%;}



.table-corners a:link, .table-corners a:visited {color: #000;}
.table-corners a:hover { color: #d41650;}

.required {color: red; }

.topleft {position: absolute; top: 0; left: 0;}
.topright {position: absolute; top: 0; right: 0;}
.botright {position: absolute; bottom: 0; right: 0;}
.botleft {position: absolute; bottom: 0; left: 0;}

img.thumbnail, img.thumbnails img {width: 128px; height: 128px;}
.thumbnails img {border: 3px solid black;}
.thumbnails img:hover {border: 3px solid white;}

table.radiotable {margin-bottom: 0;}
table.radiotable td {padding: 0;}



	/*  Define the background color for all the ODD background rows  */
.blockright	.table-sizes tr:nth-of-type(odd){ 
		background: #efefef;
	}
	/*  Define the background color for all the EVEN background rows  */
.blockright	.table-sizes tr:nth-of-type(even){
		background: #f9f9f9;
	}
.floating {width: 695px;}


.itemdescription {width: 500px; margin-right: 20px; padding-left: 10px; float: right; top: 0; right: 0; color: #888;}
.itemdescription p{color: #888;}

 ul {list-style-type: none;}
 .blockright ul {float: left;}
.blockright ul li {margin-bottom: 7px;background: url('/images/arrow.gif') no-repeat 0 7px; padding-left: 15px; color: #fff;}
.blockright .table-corners  ul li {margin-bottom: 7px;background: url('/images/arrow.gif') no-repeat 0 7px; padding-left: 15px; color: #333;}


.ticket {position: absolute; z-index: 550; font-family: 'Advent Pro', sans-serif;font-weight:700; font-size:80px; line-height:115px; color:#fff; text-align:right; right: 25px; top: 180px;}
.ticket span {color:#d41650;}
.ticket .date {font-size:30px;   width: 100%; line-height:38px; color:#d41650;text-transform:uppercase;margin-bottom: -25px;}
.ticket .top-01 {color:#fff; font-size: 38pt; line-height: 100%; margin-top: 25px;}
.ticket .top-01 span {margin-top: -10px; float: right;  width: 100%;}
.ticket .place {font-size:40px;line-height:0px; color:#aaa; font-weight:400;  width: 100%; text-transform:uppercase; margin-top:5px; float: right;}
