body {
	margin: 0px;
	padding: 0px;
	background-color:#000;
	background-image:url(../images/websiteBackground.png);
	background-repeat:repeat-x;
	background-position:left top;
}
/*Auto center container*/
#container {
	position: absolute;
	left: 50%;
	width: 1020px;
	margin-left: -510px;
	z-index: 1;
	top: 0px;
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: px; /*for IE*/
}
.roundedBg {
	background-image: url(../images/contentBgRound.jpg);
	height: 870px;
	width: 920px;
	position: relative;
	z-index: 3;
	margin: auto;
}
/* MENU CSS */

#leftMenuContainer {
	position:absolute;
	left:25px;
	top:200px;
	z-index:1001;
}
.leftButtonTop {
	background-image: url(../images/GB_LeftTop.png);
	background-repeat: no-repeat;
	height: 125px;
	width: 176px;
}
.leftButtonMiddle {
	background-image: url(../images/GB_LeftMiddle.png);
	background-repeat: no-repeat;
	height: 133px;
	width: 176px;
}
.leftButtonBottom {
	background-image: url(../images/GB_LeftBottom.png);
	background-repeat: no-repeat;
	height: 166px;
	width: 176px;
}
.leftButtonTop:hover {
	background-image: url(../images/GB_LeftTop.png);
	background-repeat: no-repeat;
	height: 125px;
	width: 176px;
	background-position: 0px -125px;
}
.leftButtonMiddle:hover {
	background-image: url(../images/GB_LeftMiddle.png);
	background-repeat: no-repeat;
	height: 133px;
	width: 176px;
	background-position: 0px -133px;
}
.leftButtonBottom:hover {
	background-image: url(../images/GB_LeftBottom.png);
	background-repeat: no-repeat;
	height: 166px;
	width: 176px;
	background-position: 0px -166px;
}
#rightMenuContainer {
	position:absolute;
	right:25px;
	top:200px;
	z-index:1000;
}
.rightButtonTop {
	background-image: url(../images/GB_RightTop.png);
	background-repeat: no-repeat;
	height: 125px;
	width: 176px;
}
.rightButtonMiddle {
	background-image: url(../images/GB_RightMiddle.png);
	background-repeat: no-repeat;
	height: 133px;
	width: 176px;
}
.rightButtonBottom {
	background-image: url(../images/GB_RightBottom.png);
	background-repeat: no-repeat;
	height: 166px;
	width: 176px;
}
.rightButtonTop:hover {
	background-image: url(../images/GB_RightTop.png);
	background-repeat: no-repeat;
	height: 125px;
	width: 176px;
	background-position: 0px -125px;
}
.rightButtonMiddle:hover {
	background-image: url(../images/GB_RightMiddle.png);
	background-repeat: no-repeat;
	height: 133px;
	width: 176px;
	background-position: 0px -133px;
}
.rightButtonBottom:hover {
	background-image: url(../images/GB_RightBottom.png);
	background-repeat: no-repeat;
	height: 166px;
	width: 176px;
	background-position: 0px -166px;
}
/*
to create auto vertical align text (includes Internet explorer # hack)
**REQUIRED RULES TO APPLY TO OUTER CONTAINER BEFORE WRAPPER AND MIDDLETEXT**
display: table; 
#position: relative; 
overflow: hidden;
*/

/*.middleTextWrapper {
 #position:absolute;
 #top:50%;
	display:table-cell;
	vertical-align: middle;
}*/
/*.middleText {
 #position: relative;
 #top: -50%
}*/
.leftButtonTop a {
	text-align:center;
	margin-left:66px;
	display:block;
	width: 90px;
	height: 90px;
}
.rightButtonTop a {
	text-align:center;
	margin-left:20px;
	display:block;
	width: 90px;
	height: 90px;
}
.leftButtonMiddle a {
	text-align:center;
	width: 100px;
	margin-left:16px;
	display:block;
	height: 100px;
}
.rightButtonMiddle a {
	text-align:center;
	width: 100px;
	margin-left:62px;
	display:block;
	height: 100px;
}
.leftButtonBottom a {
	text-align:center;
	width: 124px;
	margin-left:32px;
	display:block;
	height: 124px;
}
.rightButtonBottom a {
	text-align:center;
	width: 124px;
	margin-left:20px;
	display:block;
	height: 124px;
}
#footerGradient {
	position:absolute;
	top:640px;
	width:530px;
	height:230px;
	z-index:2;
	left: 245px;
	background-image: url(../images/footerGradient.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.footerType {
	font-family: 'AvenirRoman', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	text-align: center;
	width: 530px;
	position: absolute;
	z-index: 900;
	left: 242px;
	top: 810px;
}
.footerType2 {
	font-family: 'AvenirRoman', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	text-align: center;
}
.homeBackgroundPic {
	position:absolute;
	left: 92px;
	top: 194px;
	z-index: 4;
}
.insideContents {
	position: absolute;
	left: 180px;
	top: 250px;
	width: 560px;
	z-index: 5;
	text-align: center;
}
.insideContents h1 {
	font-family: AvenirRoman, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 22px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #DFAE38;
}
#flashFooter {
	position: absolute;
	left: 60px;
	top: 530px;
	z-index: 10;
}
#flashFooterSwoosh {
	position: absolute;
	left: 60px;
	top: 605px;
	z-index: 10;
}
#flashOverFooter {
	position: absolute;
	left: 32px;
	top: 599px;
	z-index: 11;
}
.footerType a, .footerType2 a {
	color: #CCC;
	text-decoration: none;
}
.insideContents p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}
.showsRolesBackgroundPic {
	position:absolute;
	left: 473px;
	top: 326px;
	z-index: 4;
}
/* scrollable div area */
			#scrollable1 {
	float: left;
	width: 330px;
	height: 160px;
	overflow: hidden;
	white-space: normal;
	background-image: url(../images/divscroll-bg.png);
	background-repeat: repeat;
	padding-right: 10px;
	padding-left: 10px;
}
#scrollable2, #scrollable3, #scrollable4, #scrollable5 {
	float: left;
	width: 255px;
	height: 120px;
	overflow: hidden;
	white-space: normal;
	padding-right: 10px;
}
/* vertical track */
			#track1 {
	float: left;
	width: 15px;
	height: 160px;
	background-color: #999;
}
#track21, #track31, #track41, #track51 {
	float: left;
	width: 15px;
	height: 120px;
	background-color: #888;
}
/* vertical track handle */
			#handle1, #handle21, #handle31, #handle41, #handle51 {
	width: 15px;
	height: 20px;
	background-color: #CCC;
	cursor: move;
	background-image: url(../images/verticalScroller.png);
	background-repeat: no-repeat;
}
/* horizontal track */
			#track2 {
	float: left;
	clear: both;
	width: 350px;
	height: 15px;
	background-color:#999;
}
#track22, #track32, #track42, #track52 {
	float: left;
	clear: both;
	width: 265px;
	height: 15px;
	background-color:#888;
}
/* horizontal track handle */
			#handle2, #handle22, #handle32, #handle42, #handle52 {
	width: 20px;
	height: 15px;
	background-color: #CCC;
	cursor: move;
}
#wickedText {
	position: absolute;
	z-index: 12;
	left: 210px;
	top: 445px;
}
#wickedText p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
#wickedText h3 {
	font-family: 'AvenirMedium', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #DFAE38;
}
#wickedText h2 {
	font-family: 'AvenirHeavy', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	font-size: 16px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #FFF;
}
#experienceText {
	position: absolute;
	z-index: 11;
	left: 210px;
	top: 355px;
	width: 320px;
}
#experienceText2 {
	position: absolute;
	z-index: 11;
	left: 210px;
	top: 325px;
	width: 320px;
}
#experienceText3 {
	position: absolute;
	z-index: 11;
	left: 210px;
	top: 325px;
	width: 320px;
}
#experienceText p, #experienceText2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
#experienceText h3, #experienceText2 h3 {
	font-family: 'AvenirMedium', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #DFAE38;
}
#experienceText h2, #experienceText2 h2 {
	font-family: 'AvenirMedium', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #CD6328;
}
.tooltipA {
	font-size:10px;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}
a:hover.tooltipA {
	color: #036;
}
div#test-accordion {
	background-color:#666;
	background-repeat: repeat-x;
	background-position: top;
}
div.accordion {
	position: relative; /* required for bounding */
	width:300px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-left-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
div.accordion-toggle {
	position: relative; /* required for effect */
	z-index: 10;
	background-image:url(../images/gradientAccordian.png);
	background-repeat:repeat-x;
	background-position:top;
	color:#CD6328;
	cursor: pointer;
	margin-bottom:1px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	background-color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
div.accordion-toggle:hover, div.accordion-toggle-active {
	/* [disabled]background-image:url(../img/on.jpg);
*/
	background-color:#DDD;
	color: #666;
}
div.accordion-content {
	overflow: hidden;
	color:#CCC;
	border-bottom:1px solid #000000;
	padding-top: 5px;
	padding-right: 10px;
	/* [disabled]padding-bottom: 5px;
*/
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.orangeText {
	font-family: 'AvenirRoman', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #CD6328;
}
.orangeText2 {
	font-family: 'AvenirRoman', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #CD6328;
}
.orangeText a {
	color: #CD6328;
}
.orangeText2 a {
	color: #555;
	line-height: 13px;
}
.orangeText a:hover, .orangeText2 a:hover {
	color: #DFAE38;
}
#experienceText h4, #experienceText2 h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.invisible {
	visibility: hidden;
}
.experienceText2 p {
	margin-top: 6px;
	margin-bottom: 6px;
}
.footerType a:hover, .footerType2 a:hover {
	color: #999;
}
.accordion-content div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFF;
	line-height: 16px;
}
.accordion-content div img {
	padding-top: 5px;
	padding-bottom: 2px;
}

#ButtonContainer {
	font-family: 'AvenirHeavy', Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #333;
	background-image: url(../images/showsButton.png);
	height: 90px;
	width: 250px;
	background-repeat: no-repeat;
	display: table;
#position: relative;
	overflow: hidden;
	text-align:center;
}
#ButtonContainer:hover {
	background-image: url(../images/showsButton_Over.png);
	background-repeat: no-repeat;
}
#ButtonWrapper {
#position: absolute;
#top: 50%;
	display: table-cell;
	vertical-align: middle;
	padding-right: 15px;
	padding-left: 15px;
}
#ButtonContent {
#position: relative;
#top: -50%;
}

a.roles { 
color:#FFF; 
text-decoration:none;
}

#ButtonContent a {
	color: #333;
	text-decoration: none;
}
