@charset "utf-8";
/* ===============================
	STRUCTURE
   =============================== */

#navigation #logos img {
float: left;
}

#navigation #nav {
padding: 65px 0 0 0;
}

#navigation ul {
float: right;
}

#navigation ul li {
margin: 0 20px 0 0;
float: left;
display: inherit;
list-style: none;
}

#navigation ul li#nav_tickets {
margin: 0;
}

li#nav_eventdetails a,
li#nav_dancerprofiles a,
li#nav_schedule a,
li#nav_privates a,
li#nav_tickets a {
height: 15px;
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../img/topnav.gif) no-repeat;
}

li#nav_eventdetails a {
width: 89px;
}

li#nav_eventdetails a:hover {
background-position: 0 -15px;
}

li#nav_dancerprofiles a {
width: 107px;
background-position: -112px 0;
}

li#nav_dancerprofiles a:hover {
background-position: -112px -15px;
}

li#nav_schedule a {
width: 66px;
background-position: -239px 0;
}

li#nav_schedule a:hover {
background-position: -239px -15px;
}

li#nav_privates a {
width: 108px;
background-position: -327px 0;
}

li#nav_privates a:hover {
background-position: -327px -15px;
}

li#nav_tickets a {
width: 50px;
background-position: -454px 0;
}

li#nav_tickets a:hover {
background-position: -454px -15px;
}

#navigation #nav img {
float: right;
}

#header img {
margin: -36px 0 40px 0;
position: relative;
}

.top {
width: 49px;
height: 20px;
float: right;
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../img/top.gif) no-repeat;
}

h1#eventdetails {
margin-bottom: 30px;
}

h1#schedule {
margin: 0 auto;
text-align: center;
margin-bottom: 0;
}

h2#scheduledate {
margin: 0 auto 30px auto;
text-align: center;
display: block;
}

table#scheduletable tbody td {
width: 436px;
height: 77px;
padding: 12px 0 10px 12px;
background: url(../img/schedule_table_cell.jpg) no-repeat;
vertical-align: top;
}

table#scheduletablenight tbody td {
width: 436px;
height: 77px;
padding: 12px 0 10px 12px;
background: url(../img/schedule_table_cell_small.jpg) no-repeat;
vertical-align: top;
}

table#scheduletable tbody td .time,
table#scheduletable tbody td .title {
margin: 0 0 10px 0;
font-size: 19px;
float: left;
}

table#scheduletablenight tbody td .time,
table#scheduletablenight tbody td .title {
margin: 0 0 10px 0;
font-size: 19px;
float: left;
}

table#scheduletable tbody td .description {
clear: both;
color: #eba2a0;
}

table#scheduletablenight tbody td .description {
clear: both;
color: #eba2a0;
}

table#scheduletable tbody td .time {
width: 75px;
text-align: right;
}

table#scheduletablenight tbody td .time {
width: 75px;
text-align: right;
}

table#scheduletable tfoot td {
padding-top: 10px;
}

table#scheduletablenight tfoot td {
padding-top: 10px;
}

#content img {
margin-bottom: 20px;
}

#content table td {
vertical-align: top;
}

#content table thead td {
margin: 0;
}

.divider {
width: 940px;
height: 2px;
margin-bottom: 30px;
overflow: hidden;
display: block;
background: url(../img/divider.jpg) repeat-x;
}

#profile {
margin-bottom: 10px;
}

#profile #img {
width: 400px;
display: block;
float: left;
}

#profile #description {
width: 510px;
padding: 12px 0 0 25px;
float: left;
}

.clip1, .clip2 {
width: 300px;
margin-bottom: 30px;
padding: 0 20px 0 0;
float: left;
}

.clip3 {
width: 300px;
margin-bottom: 30px;
float: left;
}

.clip1 p, 
.clip2 p,
.clip3 p{
font-size: 11px;
}

.clip1 h4, 
.clip2 h4,
.clip3 h4 {
font-weight: bold;
margin: 7px 0 5px 0;
}

.clip1 a {
width: 99px;
height: 58px;
margin-right: 12px;
display: block;
overflow: hidden;
float: left;
text-indent: -9999px;
background: url(../img/clip1.gif) no-repeat;
}

.clip2 a {
width: 99px;
height: 58px;
margin-right: 12px;
display: block;
overflow: hidden;
float: left;
text-indent: -9999px;
background: url(../img/clip2.gif) no-repeat;
}

.clip3 a {
width: 99px;
height: 58px;
margin-right: 12px;
display: block;
overflow: hidden;
float: left;
text-indent: -9999px;
background: url(../img/clip3.gif) no-repeat;
}

.clip1 a:hover,
.clip2 a:hover,
.clip3 a:hover {
background-position: 0 -58px;
}

#mapworkshops {
width: 464px;
height: 150px;
display: block;
overflow: hidden;
background: url(../img/mapworkshops.gif) no-repeat;
}

#mapfriday {
width: 464px;
height: 150px;
display: block;
overflow: hidden;
background: url(../img/mapfriday.gif) no-repeat;
}

#mapduello {
width: 464px;
height: 150px;
display: block;
overflow: hidden;
background: url(../img/mapduello.gif) no-repeat;
}

#mapfriday:hover,
#mapworkshops:hover,
#mapduello:hover {
background-position: 0 -150px;
}

#privates {
margin-bottom: 30px;
}

#privatesinfo {
float: left;
}

#privatesimg {
float: left;
padding-right: 20px;
}

#ticketstable {
margin: 0 auto 30px auto;
}

#ticketstable td {
height: 77px;
vertical-align: top;
}

#ticketstable thead td {
height: 1px;
}

#ticketstable .early td.price {
font-size: 48px;
background: url(../img/ticketsleftearly.jpg) no-repeat;
}

#ticketstable .early td.classdetails {
background: url(../img/ticketscenterearly.jpg) no-repeat;
}

#ticketstable .early td.addtocart {
background: url(../img/ticketsrightearly.jpg) no-repeat;
}

#ticketstable .early td.addtocart a {
width: 161px;
height: 55px;
display: block;
background: url(../img/addtocartearly.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

#ticketstable td.price {
padding: 4px 8px 0 10px;
text-align: right;
font-size: 48px;
background: url(../img/ticketsleft.jpg) no-repeat;
}

#ticketstable td.classdetails {
padding: 8px 0 0 12px;
background: url(../img/ticketscenter.jpg) no-repeat;
}

#ticketstable td.classdetails p {
color: #ff7e00;
}

#ticketstable td.addtocart {
padding: 6px 0 0 0;
background: url(../img/ticketsright.jpg) no-repeat;
}

#ticketstable td.addtocart a {
width: 161px;
height: 55px;
display: block;
background: url(../img/addtocart.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

#ticketstable td.addtocart .quantity {
width: 60px;
height: 38px;
margin: 6px 10px 0 10px;
padding: 6px 8px 8px 0;
line-height: 30px;
font-size: 30px;
float: right;
text-align: right;
overflow: hidden;
border: none;
background: url(../img/inputbg.jpg) no-repeat;
}

#ticketstable .early td.addtocart .quantity {
background: url(../img/inputbgearly.jpg) no-repeat;
}

#ticketstable td.addtocart img {
margin: 0 !important;
padding: 0 !important;
}

#ticketstable td.addtocart a.cancel {
width: 61px;
height: 55px;
margin-right: 12px;
display: block;
float: right;
background: url(../img/cancel.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

#ticketstable .early td.addtocart a.cancel {
background: url(../img/cancelearly.jpg) no-repeat;
}

#ticketstable td.addtocart a:hover,
#ticketstable tfoot #checkout a:hover,
#ticketstable .early td.addtocart a.cancel:hover {
background-position: 0 -55px;
}

#ticketstable td.classdetails h2,
#ticketstable td.classdetails p {
margin-bottom: 3px !important;
}

#ticketstable td.classdetails p {
clear: both;
}

#ticketstable tfoot td {
padding-top: 10px;
padding-right: 10px;
text-align: right;
}

#ticketstable tfoot td p {
text-align: right;
}

#ticketstable tfoot tr#errormsg td p span {
font-size: 24px;
text-align: right;
color: #ffff00 !important;
}

#ticketstable tfoot #checkout {
padding-top: 0;
text-align: left;
}

#ticketstable tfoot #checkout a {
width: 161px;
height: 55px;
display: block;
background: url(../img/checkout.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

#new {
padding-left: 55px;
background: url(../img/new.jpg) no-repeat left bottom;
}

#footer .container_12 {
padding: 20px 0;
}

p#copyright {
margin: 0 auto 20px auto;
text-align: center;
font-size: 12px;
color: #d56b66;
}

/* ===============================
	COLOR
   =============================== */

body {
background: #d81c13;
}

a {
color: #ff9c00;
}

table#scheduletable tbody td .time {
color: #feba29;
}

table#scheduletablenight tbody td .time {
color: #feba29;
}

/* ===============================
	FONT
   =============================== */

body {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #ffe3e2;
}

p {
line-height: 18px;
}

p strong, 
strong em, 
em strong {
font-weight: bold;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

h1 {
margin: 0 auto 20px auto;
text-align: center;
display: block;
font-size: 30px;
clear: both;
}

h2 {
font-size: 27px;
}

h3 {
font-size: 18px;
}

h4 {
font-size: 13px;
}