@charset "UTF-8";
/* Ten Thirty-One Pictures - Global style */

/********************************************************
* Global Rules
********************************************************/
body {
margin: 0;
padding: 0;
background: #000;
text-align: center;
font: normal 11px myriad-pro-1, myriad-pro-2, sans-serif;
color: #999;
}
h1 {
font: bold 20px trajan-pro-1, trajan-pro-2, sans-serif;
color: #999;
margin: 10px 0px 0px 25px;
}
h2 {
font: bold 15px trajan-pro-1, trajan-pro-2, sans-serif;
color: #999;
margin: 25px 0px 0px 0px;
}
	h2 span {
	color: #666;
	}
h3 {
font: bold 11px trajan-pro-1, trajan-pro-2, sans-serif;
color: #999;
text-transform: uppercase;
}
h4 {
font: bold 11px trajan-pro-1, trajan-pro-2, sans-serif;
color: #666;
text-transform: uppercase;
}
p {
color: #999;
}
	p span {
		font: bold 11px trajan-pro-1, trajan-pro-2, sans-serif;
		color: #666;
	}
span {
color: #666;
}
ul li {
color: #999;
}
a {
color: #999;
text-decoration: underline;
}
	a:hover {
		color: #666;
		text-decoration: none;
	}

img {
border: 0px;
}
hr {
margin: 20px 0px;
padding: 0px;
width: 100%;
height: 1px;
border: none;
background-color: #333;
}
fieldset {
margin-top: 10px;
padding: 0px;
width: 550px;
border: 0px #212121 solid;
}
fieldset p {
float: left;
margin: 0px 0px 10px 7px;
}
fieldset br {
clear: left;
}
label {
float: left;
margin: 5px;
padding-left: 20px;
width: 100px;
text-align: left;
color:#666;
}
	label span {
	color:#333;
	}
input,textarea {
text-indent:5px;
/** disabled due to incompatibility with AddThis min-height: 26px; **/
}
input[type=text], textarea, select {
float: left;
margin: 5px;
padding: 0px;
width: 200px;
border: 2px solid #212121;
background: #999;
font: normal 11px myriad-pro-1, myriad-pro-2, sans-serif;
line-height: 15px;
}
input[type=submit] {
float: left;
margin: 5px;
padding: 0px;
}
table td {
padding-bottom: 12px;
padding-right: 2px;
padding-left: 2px;
margin: 0;
text-align: left;
}
#contain, #contain-nojs {
margin: -10px auto;
width: 1024px;
background: #000 url(../images/bg/bg_company.jpg) top left no-repeat;
}
.clear {
clear: both;
}

/********************************************************
* Top Navigation Rules
********************************************************/
#nav {
clear:both;
margin: 0px auto;
padding: 0px;
width: 800px;
height: 75px;
background: #000 url(../images/layout/top.jpg);
}
	#menu {
		clear:both;
		font: normal 11px trajan-pro-1, trajan-pro-2, sans-serif;
		color: #666;
		text-transform: uppercase;
	}
		#menu ul {
			width: 350px;
			position: relative;
			margin: 0px 0px 0px 415px;
			list-style-type: none;
		}
		#menu li {
			display: block;
			float: left;
			margin: 30px 5px 0px 0px;
		}
			#menu li a {
				color: #666;
				text-decoration: none;
			}
				#menu li a:hover {
				color: #999;
				text-decoration: none;
				}
			#menu li span {
				border-right: 1px solid #666;
				padding-right: 5px;
			}
		#menu h1 a {
			float: left;
			margin: 0px 0;
			padding: 0;
			display: block;
			text-indent: -7777px;
			width: 400px;
			height: 75px;
			background: transparent url(../images/logos/logo.png) top left no-repeat;
		}

/********************************************************
* Announcement Area Rules
********************************************************/
.announcement {
clear:both;
margin: 10px auto 10px auto;
padding: 10px;
width: 778px;
min-height: 10px;
overflow: auto;
}
	.announcement p {
		float: left;
		margin: 0px;
		padding: 10px 0px 0px 10px;
		width: 734px;
		min-height: 16px;
		font: bold 16px trajan-pro-1, trajan-pro-2, sans-serif;
		color: #000;
		text-align: left;
	}
	.announcement a {
		color: #000;
		text-decoration: underline;
	}
		.announcement a:hover {
			color: #000;
			text-decoration: none;
		}
	.announcement img {
		border: 0px;
	}
	
.info {
background: #99CCFF;
border: #0066FF 1px solid;
}
	.info h2 {
		text-indent: -77777px;
		background: transparent url(../images/icons/info.png) top center no-repeat;
		float: left;
		margin: 0px;
		padding: 0px 2px 0px 0px;
		width:32px;
		height: 32px
	}
	.info span {
		color: #0066FF;
	}

.maintenance {
background: #FFCC66;
border: #996600 1px solid;
}
	.maintenance h2 {
		text-indent: -77777px;
		background: transparent url(../images/icons/alert.png) top center no-repeat;
		float: left;
		margin: 0px;
		padding: 0px 2px 0px 0px;
		width:32px;
		height: 32px
	}
	.maintenance span {
		color: #996600;
	}

.warning {
background: #FF9F9F;
border: #cc3300 1px solid;
}
	.warning h2 {
		text-indent: -77777px;
		background: transparent url(../images/icons/warning.png) top center no-repeat;
		float: left;
		margin: 0px;
		padding: 0px 2px 0px 0px;
		width:32px;
		height: 32px
	}
	.warning span {
		color: #cc3300;
	}
	
/********************************************************
* Content Area Rules
********************************************************/
#main {
clear:both;
margin: 150px auto 0px auto;
width: 800px;
min-height: 500px;
background: #000 url(../images/layout/main_bg.jpg) no-repeat;
padding: 10px 0px;
text-align: justify;
overflow: visible;
}
	#main h1 {
		width: 750px;
	}
#content {
clear:both;
float: left;
margin: 25px 25px 25px 25px;
width: 750px;
background: #000;
overflow: visible;
}
/** defined here due to incompatibility with AddThis when in Global rules **/
	#content input,textarea {
		min-height: 26px;
	}

/***Sub***/
#sub {
clear:both;
float: left;
margin: 0px 0px 0px 0px;
width: 550px;
}
	#sub p {
		width: 500px;
	}
	#sub h2 {
		width: 500px;
	}
	#sub ul li {
		width: 425px;
	}
	#sub hr {
		margin: 20px 0px;
		padding: 0px;
		width: 500px;
		height: 1px;
		border: none;
		background-color: #333;
	}
	
/***Feature***/
#feature {
float: left;
margin: 0px 0px 0px 0px;
width: 550px;
background: #000;
color: #999;
text-align: left;
line-height: 100%;
white-space: normal;
}
	#feature img {
		margin: 0;
	}
	#feature p {
		margin: 5px 0px 0px 0px;
		width: 350px;
	}
	#feature span {
		color: #333;
	}
	
/***Video***/
#video {
text-align: center;
}
	#video h4 {
		font-size: 12px;
		color: #999;
		text-transform: none;
	}

/***Forms***/
#blankfields {
position:absolute; left:-999em;
}

#captcha {
float:left;
margin: 20px 0px 20px 0px;
}

label.error {
padding-left: 5px;
width: 150px;
display: block;
float: left;
color: #cc3300;
}
input.error, textarea.error, select.error{
border: 2px solid #cc3300;
background: #FF9F9F;
}

.contactbttn {
	display:inherit;
	float:left;
	margin:10px auto 10px -5px;
	width:123px;
	height:35px;
	text-indent: -99999px;
	background:transparent url(../images/buttons/button_sendmessage.png) 0px 0px no-repeat;
}
.contactbttn:hover {
	background-position:-123px 0px;
}

.applybttn {
	background:transparent url(../images/buttons/button_apply.png) 0px 0px no-repeat;
}

.rsvpbttn {
	background:transparent url(../images/buttons/button_rsvp.png) 0px 0px no-repeat;
}

.signupbttn {
	background:transparent url(../images/buttons/button_signup.png) 0px 0px no-repeat;
}

.loginbttn {
	background:transparent url(../images/buttons/button_login.png) 0px 0px no-repeat;
}

.paybttn {
	background:transparent url(../images/buttons/button_pay.png) 0px 0px no-repeat;
}

/***Download PDF Link***/
	#download-pdf p {
		float: left;
		margin: 0px;
		padding: 2px 0px 0px 2px;
		text-align: left;
		font: normal 10px trajan-pro-1, trajan-pro-2, sans-serif;
		text-transform: uppercase;
	}
	#download-pdf h1 {
		text-indent: -77777px;
		background: transparent url(../images/icons/document.png) top center no-repeat;
		float: left;
		margin: 0px;
		padding: 0px 2px 0px 0px;
		width:16px;
		height: 16px;
	}
	#download-pdf span {
		font: normal 10px trajan-pro-1, trajan-pro-2, sans-serif;
		color: #666;
		text-transform: uppercase;
	}

/***Social Networking Links***/
#snlinks{
margin:25px 0px 0px 0px;
padding:0px;
display:block;
width:auto;
min-height:48px;
background:transparent;
}
	#snlinks ul {
		list-style-type: none;
		margin:0px;
		padding:0px;
		width:auto;
		height:48px;
		line-height:2;
	}
		#snlinks ul li {
			width: auto;
		}
	#snlinks li {
		float:left;
		margin:0px 25px 0px 0px;
		width:auto;
		height:48px;
	}

#snlinks .facebook a{
width:48px;
height:48px;
display: block;
background: transparent url(../images/icons/facebook.png) 0px 0px no-repeat;
text-indent: -99999px;
}
	#snlinks .facebook a:hover{
		background-position: -50px 0px;
	}

#snlinks .myspace a{
width:48px;
height:48px;
display: block;
background: transparent url(../images/icons/myspace.png) 0px 0px no-repeat;
text-indent: -99999px;
}
	#snlinks .myspace a:hover{
		background-position: -50px 0px;
	}

#snlinks .twitter a{
width:48px;
height:48px;
display: block;
background: transparent url(../images/icons/twitter.png) 0px 0px no-repeat;
text-indent: -99999px;
}
	#snlinks .twitter a:hover{
		background-position: -50px 0px;
	}

#snlinks .youtube a{
width:48px;
height:48px;
display: block;
background: transparent url(../images/icons/youtube.png) 0px 0px no-repeat;
text-indent: -99999px;
}
	#snlinks .youtube a:hover{
		background-position:-50px 0px;
	}

#snlinks .indiegogo a{
width:48px;
height:48px;
display: block;
background: transparent url(../images/icons/indiegogo.png) 0px 0px no-repeat;
text-indent: -99999px;
}
	#snlinks .indiegogo a:hover{
		background-position:-50px 0px;
	}

/***Notice***/
.notice {
clear:both;
margin: 20px auto;
padding: 10px;
width: 85%;
min-height: 10px;
overflow: auto;
}
	.notice p {
		float: left;
		margin: 0px;
		padding: 10px 0px 0px 10px;
		min-height: 16px;
		font: bold 14px trajan-pro-1, trajan-pro-2, sans-serif;
		color: #000;
		text-align: left;
	}
	.notice a {
		color: #000;
		text-decoration: underline;
	}
		.notice a:hover {
			color: #000;
			text-decoration: none;
		}
	.notice img {
		border: 0px;
	}

/**Tables**/
.table {
display:table;
margin:10px 20px;
width:auto;
}
.row {
display: table-row;
width:auto;
text-align: left;
}
.header {
font:bold 12px trajan-pro-1, trajan-pro-2, sans-serif;
color:#666;
}
.odd {
background:#333;
}
.cell {
display: table-cell;
padding:5px 20px 5px 5px;
border: none;
width:auto;
}
.left {
width:50%;
font: bold 11px myriad-pro-1, myriad-pro-2, sans-serif;
color:#333;
text-align: left;
text-transform:uppercase;
}
.right {
display: table-cell;
padding-bottom:5px;
border: none;
width:auto;
font: normal 11px myriad-pro-1, myriad-pro-2, sans-serif;
color:#999;
text-align: left;
}
.buytickets {
font:bold 11px myriad-pro-1, myriad-pro-2, sans-serif;
text-transform:uppercase;
color:#cc3300;
}
.buytickets a{
color:#cc3300;
text-decoration:underline;
}
.buytickets a:hover{
color:#cc3300;
text-decoration:none;
}

/********************************************************
* Right Navigation Area Rules
********************************************************/
#nav-right {
float: left;
margin: 0 0 0 0;
width: 200px;
min-height: 200px;
background: #000 url(../images/layout/right_bg.jpg) top left no-repeat;
font: normal 10px trajan-pro-1, trajan-pro-2, sans-serif;
color: #666;
text-transform: uppercase;
text-align: left;
}
	#nav-right h2 {
		margin: 0px;
		padding: 35px 0px 0px 25px;
		font: bold 12px trajan-pro-1, trajan-pro-2, sans-serif;
		color: #666;
		text-transform: none;
		text-decoration: none;
	}
	#nav-right h3 {
		margin: 0px;
		padding: 5px 0px 0px 25px;
		font: normal 10px trajan-pro-1, trajan-pro-2, sans-serif;
		color: #666;
		text-transform: none;
		text-decoration: none;
	}
		#nav-right h3 a {
			color: #666;
			text-decoration: underline;
		}
			#nav-right h3 a:hover {
			color: #999;
			text-decoration: none;
			}
	#nav-right ul {
		list-style-type: none;
		margin: 0px;
		padding: 10px 0px 0px 25px;
		width: 150px;
		text-indent: 0px;
		font: normal 10px trajan-pro-1, trajan-pro-2, sans-serif;
		color: #666;
		text-align: left;
		text-transform: uppercase;
	}
	#nav-right li {
		float: left;
		width: 150px;
		margin: 2px 0px 3px 0px;
		color: #666;
	}
	#nav-right a {
		margin: 0px 0px 0px 0px;
		color: #666;
		text-decoration: none;
	}
		#nav-right a:hover {
			color: #999;
			text-decoration: none;
		}
		#nav-right ul ul {
			list-style-type: none;
			margin:5px 0px 10px 10px;
			padding:0px;
			width: 150px;
			text-indent: 0px;
			color: #333;
			text-align: left;
			text-transform: uppercase;
		}
			#nav-right ul ul li {
				float: left;
				width: 150px;
				margin: 0px 0px 5px 0px;
				color: #333;
			}
			#nav-right ul ul a {
				margin: 0px 0px 0px 0px;
				color: #333;
				text-decoration: none;
			}
				#nav-right ul ul a:hover {
					color: #666;
					text-decoration: none;
				}
	#nav-right img {
		padding: 0px 0px 10px 25px;
	}

/********************************************************
* Footer Area Rules
********************************************************/
#footer, #footer-nojs {
clear:both;
margin: 0px auto 25px auto;
padding: 25px 0px;
width: 800px;
font: normal 9px trajan-pro-1, trajan-pro-2, sans-serif;
color: #666;
text-transform: uppercase;
}
	#footer p, #footer-nojs p {
		margin: 0px auto;
		padding: 0px 0px 5px 25px;
		color: #666;
		text-align: left;
		text-transform: uppercase;
	}
	#footer ul, #footer-nojs ul {
		margin: 0px auto;
		padding: 0px 0px 5px 25px;
		list-style-type: none;
		color: #666;
	}
		#footer li, #footer-nojs li {
			float: left;
			margin: 0px 10px 0px 0px;
			color: #666;
			line-height: 16px;
		}
			#footer li a, #footer-nojs li a {
				color: #666;
				text-decoration: none;
			}
				#footer li a:hover, #footer-nojs li a:hover {
					color: #999;
					text-decoration: none;
				}
			#footer li span, #footer-nojs li span {
				border-right: 1px solid #666;
				padding-right: 10px;
			}

/***Powered by (mt) Media Temple logo***/
	#footer h3, #footer-nojs h3 {
		clear:both;
		display: block;
	}
		#footer h3 a, #footer-nojs h3 a {
			float:left;
			margin:-5px auto 0px 25px;
			width:110px;
			height:19px;
			display: block;
			background: transparent url(../images/footer/powered_by_mt.png) 0px 0px no-repeat;
			text-indent: -99999px;
		}
			#footer h3 a:hover, #footer-nojs h3 a:hover {
				background-position: -110px 0px;
			}