BODY {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    background: #231F20 url("../images/bg/body-bg.gif") repeat-x left top;
    color: #fff;
}
A {text-decoration: none;  color: #58595b;}
A:HOVER {text-decoration: underline;}
IMG {border: none;}
LABEL {cursor: pointer;}
H1, H2, H3, H4, H5, H6, P, UL, FORM {
	padding: 0;
	margin: 0;
}

.relax {
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 0;
}

/* Skulls */
.skulls {
	background: url("../images/bg/skulls.gif") no-repeat center 294px;
	width: 100%;
	min-width: 1118px;
	overflow: hidden;
}
.skulls.setlist {background: none;}

/*Page*/
.page {
    margin: auto;
    text-align: left;
    width: 1180px;
}

/*Header*/
.header {
    float: left;
    width: 100%;
    text-align: center;
    background: url("../images/bg/header-bg.png") no-repeat center top;
    height: 411px;
}
.setlist .header {background: url("../images/bg/header-bg-setlist.png") no-repeat center top;}
.header .page {position: relative;}

/* Logo */
.header .logo {
	position: absolute;
	top: 0;
	left: 100px;
	z-index: 1;
}
.header .logo A {
	background: url("../images/logo.png") no-repeat top left;
	width: 527px;
	height: 407px;
	display: block;
	text-indent: -5000px;
	cursor: pointer;
	outline: none;
}
.header .logo A:HOVER {text-decoration: none;}

/* Main Navigation */
.header .main-nav {
	margin-right: 60px;
	float: right;
	display: inline;
	width: 50%;
	position: relative;
	z-index: 20;
}
.header .main-nav UL LI {
	list-style: none;
	float: right;
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 18px;
	display: inline;
}
.header .main-nav UL LI A {
	color: #231F20;
	border-top: 6px solid #C41F3C;
	float: left;
}
.header .main-nav UL LI A:HOVER, .header .main-nav UL LI.selected A {
	text-decoration: none;
	color: #fff;
	border-top-color: #97040E;
}

/* About Us Frame */
.header .about-us {
	clear: both;
	float: right;
	margin: 120px 70px 0 0;
	display: inline;
	position: relative;
	z-index: 30;
}
.setlist .header .about-us {margin: 156px 116px 0 0;}

/*Content*/
.content {
    float: left;
    width: 100%;
    min-height: 900px;
    height: auto!important;
    height: 900px;
    margin-top: -72px;
    position: relative;
    z-index: 50;
}
.setlist .content {margin-top: -34px;}
.content P {
	font-size: 16px;
	line-height: 100%;
	text-transform: uppercase;
	font-weight: bold;
}

/* Main Stage */
.main-stage {
	background: url("../images/bg/main-stage-bg.gif") no-repeat left 227px;
	min-height: 400px;
	height: auto!important;
	height: 400px;
	width: 320px;
	margin-left: 64px;
	float: left;
	display: inline;
	text-align: right;
	text-transform: uppercase;
}
.main-stage FORM .input-box {
	width: 200px;
	height: 32px;
	margin: 38px 0 0 55px;
	background-color: #fff;
	float: left;
	display: inline;
}
.main-stage FORM .input-box INPUT.input-text {
	width: 190px;
	border: none;
	background-color: #fff;
	margin: 10px 0 0 8px;
	font-size: 11px;
	font-weight: bold;
	color: #231F20;
	text-transform: uppercase;
	outline: none;
	font-family: Helvetica, Arial;
}
.main-stage FORM INPUT.input-button {
	background: url("../images/buttons/send-button.png") no-repeat top left;
	border: none;
	height: 82px;
	width: 82px;
	cursor: pointer;
	text-indent: -5000px;
	font-size: 1px;
	line-height: 0px;
	float: left;
	margin: 14px 0 0 -20px;
	outline: none;
}
.main-stage H3, .main-stage P {text-align: right;}
.main-stage H3 {text-align: right;}
.main-stage P {margin: 10px 0 0 48px;}
.main-stage P.violet, .main-stage h6 {color: #A88EC2;}
.main-stage h6 { font-size: 16px; }


/* Headline Frame */
.headline-frame {
	float: left;
	width: 366px;
	min-height: 390px;
	height: auto!important;
	height: 390px;
	margin: 13px 0 0 20px;
	display: inline;
	background: url("../images/bg/headline-frame-bg.gif") no-repeat top left;
}
.headline-frame H3 {margin-top: 4px;}

/* Video Box */
.headline-frame .video-box {
	width: 300px;
	height: 250px;
	float: left;
	margin: 38px 0 0 0;
	background-color: #000;
}
.headline-frame .video-box A {
	margin: 0px;
	float: left;
}

/* Color Frame */
.color-frame {
	float: left;
	display: inline;
}
.color-frame.orange {
	background: url("../images/bg/color-frame-orange.png") no-repeat top left;
	width: 377px;
	height: 392px;
	margin: 0 0 0 -56px;
}
.color-frame.red {
	background: url("../images/bg/color-frame-red.png") no-repeat top left;
	width: 436px;
	height: 440px;
	margin: 55px 0 0 26px;
}
.color-frame.green {
	background: url("../images/bg/color-frame-green.png") no-repeat top left;
	width: 328px;
	height: 440px;
	margin: 44px 0 0 -36px;
	overflow:hidden;
}
.color-frame.blue {
	background: url("../images/bg/color-frame-blue.png") no-repeat top left;
	width: 429px;
	height: 440px;
	margin: 55px 0 0 -40px;
}
.color-frame A.go-button {
	margin-top: 120px;
	width: 74px;
	height: 75px;
	float: right;
	text-indent: -5000px;
	outline: none;
	position: relative;
	cursor: pointer;
}
.color-frame.orange A.go-button {
	background: url("../images/buttons/yellow-btn.png") no-repeat top left;
	margin-right: 42px;
}
.color-frame.red A.go-button {
	background: url("../images/buttons/red-btn.png") no-repeat top left;
	margin-right: 76px;
}
.color-frame.green A.go-button {
	background: url("../images/buttons/green-btn.png") no-repeat top left;
	margin-right: 28px;
	margin-top: 131px;
}
.color-frame.blue A.go-button {
	background: url("../images/buttons/blue-btn.png") no-repeat top left;
	margin-right: 90px;
}
.color-frame P {
	margin-top: 10px;
	width: 230px;
}
.color-frame.orange H3, .color-frame.orange P {margin-left: 96px; margin-top:22px;}
.color-frame.red H3, .color-frame.red P {margin-left: 130px;}
.color-frame.red P {margin-top:22px;}
.color-frame.green H3, .color-frame.green P {margin-left: 58px;}
.color-frame.blue H3, .color-frame.blue P {margin-left: 102px;}

/* Stripes */
.stripe-red, .stripe-green, .stripe-blue, .stripe-yellow {
	float: left;
	display: inline;
	margin: 190px 0 0 137px;
	background-position: top left;
	background-repeat: no-repeat;
	width: 31px;
	height: 135px;
}
.stripe-red {background-image: url("../images/bg/stripes-red.gif");}
.stripe-green {background-image: url("../images/bg/stripes-green.gif");}
.stripe-blue {background-image: url("../images/bg/stripes-blue.gif");}
.stripe-yellow {background-image: url("../images/bg/stripes-yellow.png");}

/* Side buttons */
#green-button, #blue-button, #red-button {
  border: 1px solid #fff;
  width: 82px;
  height: 82px;
  margin-left: 130px;
  float: left;
}

#green-button {
  background: url(../images/buttons/green-btn.png) no-repeat top left;

}
#red-button {
  margin-top: 400px;
  background: url(../images/buttons/red-btn.png) no-repeat top left;
}
#blue-button {
  background: url(../images/buttons/blue-btn.png) no-repeat top left;
}

/* Text Frame */
.text-frame {
	float: left;
	width: 560px;
	padding-bottom: 33px;
}
.text-frame H3 {
	margin: 10px 0 0 55px;
}
.text-frame P, .text-frame H4, .text-frame UL, .text-frame H5 {
	margin: 0 20px 0 55px;
	line-height: 120%;
}
.text-frame H4 {margin-top: 14px;}
.text-frame P, .text-frame UL, .text-frame P, .text-frame H5 {margin-top: 18px;}
.text-frame P, .text-frame UL {font-size: 14px;}
.text-frame P.white {
	font-weight: normal;
	text-transform: none;
}
.text-frame P.small {
	font-size: 11px;
	text-transform: none;
	margin-top: 0;
}
.text-frame P.upprecase-p {text-transform: uppercase;}
.text-frame P.white, .text-frame H4.white, .text-frame A {color: #fff!important;}
.text-frame.red-text P, .text-frame.red-text H4,
.text-frame.red-text UL LI, .text-frame.red-text H5 {color: #E22546;}
.text-frame.green-text P {color: #52C897;}
.text-frame.blue-text P {color: #55B2E4;}
.text-frame.yellow-text P {color: #F2B600;}
.text-frame H4 {
	font-size: 18px;
	text-transform: uppercase;
}
.text-frame UL LI {
	list-style: none;
	display: inline;
	text-transform: uppercase;
}
.text-frame H5 {font-size: 16px;}

/* for the Backstage "about" panels */
.expanded {
    border: 1px solid #fff;
    float: right;
}

.about-text {
    border: 1px solid green;
    padding: 10px;
    background: #444547;
}

.about-text p {
    border: 1px solid blue;
    padding-top: 0px!important;
    width: 400px;
}

.about-image {
    float: left;
    padding-right: 15px;
}

/* Image Frame */
.image-red, .image-green, .image-blue {
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
	display: inline;
}
.image-red {
	background-image: url("../images/bg/color-frame-red-text.png");
	width: 437px;
	height: 420px;
	margin-left: 15px;
}
.image-green {
	background-image: url("../images/bg/color-frame-green-text.jpg");
	width: 328px;
	height: 405px;
	margin-left: 50px;
}
.image-blue {
	background-image: url("../images/bg/color-frame-blue-text.jpg");
	width: 429px;
	height: 396px;
	margin-left: 10px;
}

.image-yellow {
	background-image: url("../images/bg/color-frame-yellow-text.png");
	background-repeat: no-repeat;
	width: 429px;
	height: 450px;
	margin-left: 10px;
	margin-top: 0px;
	padding: 0px;
	float: right;
}

/* Selector */
.selector {
	float: left;
	width: 100%;
}
.selector DIV {
	width: 560px;
	float: left;
	display: inline;
	margin: 0 0 0 168px;
	height: 6px;
	background-color: #333332;
	font-size: 1px;
	line-height: 0;
}

/*Footer*/
.footer {
     float: left;
     width: 100%;
     background-color: #080605;
     margin-top: 60px;
     padding-bottom: 13px;
}
.footer .copyright {
	width: 40%;
	float: left;
	margin: 13px 0 0 84px;
	display: inline;
	color: #463e40;
	font-size: 14px;
	font-weight: bold;
}
.footer UL {
	margin: 13px 94px 0 0;
	float: right;
	width: 40%;
	display: inline;
}
.footer UL LI {
	list-style: none;
	font-size: 14px;
	float: right;
}
.footer UL LI A {
	color: #463e40;
	font-weight: bold;
	margin: 0 7px;
	text-transform: uppercase;
}