@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
	
}
body {
	color: #FFF;
	margin: 0px;
	padding: 0px;
	background: #000;
	font: 12px/15px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

/* @group general */

a:link, a:visited {
	color: #000000;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
	color: #006699;	
}

img {
	border: none;
}

#border {
	padding: 0px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	height: 100%;
}
#box {
	text-align: left;
	width: 850px;
	margin: 0 auto;
	top: 0px;
	position: relative;
	left: 0;
}


#footer {
	width: 100%;
	font-size: 10px;
	text-align: center;
	height: 40px;
	color: #666;
	margin: 100px 0 10px 0px;
}

#footer a {
	color: #999;
}

#footer a:hover, #footer a:active, #footer a:focus {
	color: #003399;
}

#footer p.fot1 {
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
}

#footer p.fot2 {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
}

/* @end */
#header {
	left: 0px;
	width: 100%;
	text-align: center;
	height: 310px;
	margin-top: 20px;
}

#header img.logo2 {
}
#header img {
	margin: 20px 0 0;
	border: none;
}

#header div.tickets {
	width: 200px;
	height: 50px;
	position: absolute;
	top: 230px;
	right: 0;
	text-align: left;
	margin-right: 40px;
}

#header div.tickets ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#header div.tickets ul li {
	float: right;
}

#header div.tickets ul li a{
	display: block;
	margin-bottom: 10px;
	text-indent: -9999em;
}

#header div.tickets ul li a.tickets {
	background: url(images/buy-tickets.gif) no-repeat 0 -21px;
	width: 150px;
	height: 24px;
}

#header div.tickets ul li a.facebook {
	width: 150px;
	height: 21px;
	background: url(images/facebook.gif) no-repeat 17px -22px;
}

#header div.tickets ul li a.facebook:hover {
	background-position: 17px 0;
}

#tabs {
	text-align: left;
	color: #000;
}

#tabs h1 {
	margin: 30px auto 1px;
	width: 750px;
}

#detailsTab {
	margin-bottom: 10px;
}

#header div.tickets ul li a:hover {
background-position: 0 0;
}

#detailsTab div.details {
	width: 850px;
	margin: 0 auto;
	height: 120px;
	padding-top: 20px;
}

.box {
	width: 850px;
	margin: 0 auto;
	height: 148px;
}

#detailsTab div.details div.blurb {
	width: 500px;
	float: left;
}

#detailsTab div.details div.detail {
	width: 300px;
	float: left;
	margin-left: 50px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 850px; /*Width of Carousel Viewer itself*/
height: 148px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 168px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.right {
	text-indent: -9999em;
	float: right;
}

.left {
	text-indent: -9999em;
	float: left;
}

.right a {
	background: url(images/right-arrow.gif) no-repeat 0 0;
	display: block;
	width: 21px;
	float: right;
	height: 47px;
	margin-right: -25px;
	margin-top: -99px;
}

.left a {
	background: url(images/left-arrow.gif) no-repeat 0 0;
	display: block;
	width: 21px;
	height: 47px;
	margin-left: -25px;
	float: left;
	margin-top: 49px;
}

#noir2009 {
	display: block;
	margin-top: 7px;
}