/* -------------------------------------- */
/* -------  GLOBAL ELEMENTS  ------------ */
body,h1,h2,h3,h4,h5,h6,form,img,span,div,ul,li,p {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0;
}
body {
	/* background: url(../images/page_bg.gif) #ffffff repeat-x 16px 0px; */
	font: 12px Arial;
	text-align: center;
	color: #2c2c2c;
}
	body.subpage {
		background: url(../images/subpage_bg.gif) #ffffff repeat-x;
	}

/* general elements */
a { text-decoration: none; color: #b59d3d; }
a:hover { text-decoration: none; }
.floatleft { float: left; }
.floatright { float: right; }
.block { display: block; }
.italics { font-style: oblique; }
.strong { font-weight: bold; }
.und { color: #0099cc; }
.clear { clear: both; }
.purple { color: #6c5399; }
.green { color: #507d00; }
h1 img, h2 img, h3 img, h4 img {
	display: block;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.centered {
	width: 949px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 43px;
	margin-top: 60px;
}
	#header a#logo {
		display: block;
		float: left;
		padding-top:4px;
	}
   #logo span { color: #4D4C4C !important; font-size: 22px;}
   #logo span span { font-weight: bold; }
		#header a#logo img {
			display: block;
		}
	#header ul {
		float: right; 
		display: table;
		list-style: none;
	}
		#header ul li {
			display: table-cell;
			float: left;
			padding-right: 4px;
		}
			#header ul li a {
				display: inline-block;
				height: 20px;
            font-weight: bold;
            font-size: 12px;
            font-family: "Arial", sans-serif;
				text-transform: uppercase;
            text-indent: 11.5px;
            color: #111;
            margin-top: 10px;
			}
				
				#header ul li a:hover, #header ul li a.active {
					background-position: bottom left;
               color: #b59d3d;
				}

				#logo h1 {color: #000;}

#loader {
	height: 538px;
	background: #ffffff;
}
	#loader > div {
		height: 538px;
		overflow: hidden;
	}
	#loader > div h2 {
		font: bold 19px Arial;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
				
#homepage {
	
}
	#homepage img {
		display: block;
	}
	
#biography {
	padding-right: 25px;
	position: relative;
}
	#biography div.bio {
		float: right;
		width: 340px;
		padding-right: 20px;
		margin-top: 40px;
		height: 430px;
		overflow: auto;
		z-index: 10000;
		position: relative;
	}
		#biography div.bio p {
			margin-bottom: 10px;
			line-height: 15px;
			font-size: 11px;
		}
	#biography > img {
		display: block;
		float: left;
		width: 532px;
		z-index: 500;
		position: relative;
	}
	
#faq {
	padding-right: 25px;
	position: relative;
	z-index:10000;
}
	#faq .faq_i {
		padding:25px;
	}
	#faq .faq_i h1.coming_soon {
		line-height:538px;
		vertical-align:center;
		text-align:center;
		font-size:38px;
	}
	
	
	
#albums {
	background: #ffffff;
	position: relative;
	padding: 35px 40px;
	height: 468px !important;
}
	#albums h2 {
		padding-left: 10px;
	}
	#albums > div.left, #albums > div.right {
		width: 320px;
		float: left;
		z-index: 900;
		position: relative;
	}
	#albums > div.right {
		float: right;
		width: 500px;
	}
	#albums > div > div {
		
	}
		#albums > div > a {
			text-decoration: none;
			display: block;
			padding: 10px;
			height: 80px;
			margin-bottom: 12px;
			font-size: 11px;
		}
			#albums > div.left > span {
				height: 400px;
				padding-bottom: 18px;
				font-size:11px;
			}
			#albums > div > a:hover {
				background: #f1f1f1;
			}
			#albums > div > a > img {
				display: block;
				float: left;
				margin: 0px 20px 0px 0px;
				width: 80px;
			}
				#albums > div.left > a > img {
					width: 300px;
					margin-bottom: 10px;
					float: none;
				}
			#albums > div > span.inactive > span {
				display: block;
				line-height: 18px;
				color: #444444;
			}
			#albums > div > span.inactive > strong {
				color: #323a4a;
				display: block;
				font-size: 12px;
				text-transform: uppercase;
				margin-bottom: 4px;
			}
				#albums > div.left > span.inactive > strong {
				margin-top: 4px;
			}
				#albums > div > span.inactive:hover > strong {
					text-decoration: underline;
					}
			#albums > div > span.active > span {
				display: block;
				line-height: 18px;
				color: #444444;
			}
			#albums > div > span.active > strong {
				color: #323a4a;
				display: block;
				font-size: 12px;
				text-transform: uppercase;
				margin-bottom: 4px;
			}
				#albums > div.left > span.active > strong {
				margin-top: 4px;
			}
				#albums > div > span.active:hover > strong {
					text-decoration: underline;
					}
					
			#soon {
				display: inline-block;
				background: #d20000;
				padding: 4px 0px;
				text-align: center;
				width: 100px;
				color: #ffffff;
				position: absolute;
				display: none;
				margin: -23px 0px 0px 220px;
				z-index: 100000000;
			}

#videos {
	position: relative;
	background: #ffffff;
	padding: 35px;
	padding-bottom: 0px;
	height: 503px !important;
}
	#videos > div {
		height: 180px;
		margin-bottom: 20px;
		border-bottom: 2px solid #e8e8e8;
		position: relative;
		z-index: 900;
	}
		#videos > div a {
			font-size: 11px;
			display: block;
			float: left;
			margin-right: 20px;
			width: 150px;
		}
			#videos > div a:hover img {
				border: 3px solid #323a4a;
			}
			#videos > div a img {
				display: block;
				width: 140px;
				border: 3px solid #b8a146;
				padding: 2px;
				margin-bottom: 7px;
			}
					
#press {
	position: relative;
	background: #ffffff;
}
	#press > img {
		width: 532px;
		display: block;
		float: left;
	}
	#press > div {
		float: right;
		width: 360px;
		padding-right: 20px;
		margin-top: 40px;
		height: 450px;
		z-index: 10000;
		position: relative;
	}

	#press #clips {
		
	}
		#press #clips div {
			margin-bottom: 27px;
		}
			#press #clips div img {
				float: left;
				display: block;
			}
			#press #clips div blockquote {
				float: right;
				width: 230px;
				padding: 0px;
				margin: 0px 0px 6px;
				font-size: 11px;
			}
			#press #clips div cite {
				float: right;
				width: 230px;
				padding: 0px;
				display: block;
				margin: 0px;
				color: #323a4a;
				font-size: 11px;
			}
			
#scores {
	position: relative;
	background: #ffffff;
}
	#scores > img {
		width: 532px;
		display: block;
		float: left;
	}
	#scores > div {
		float: right;
		width: 360px;
		padding-right: 20px;
		margin-top: 40px;
		height: 450px;
		z-index: 10000;
		position: relative;
	}

	#scores #clips {
		
	}
		#scores #clips div {
			margin-bottom: 27px;
		}
			#scores #clips div img {
				float: left;
				display: block;
			}
			#scores #clips div blockquote {
				float: right;
				width: 230px;
				padding: 0px;
				margin: 0px 0px 6px;
				font-size: 11px;
			}
			#scores #clips div cite {
				float: right;
				width: 230px;
				padding: 0px;
				display: block;
				margin: 0px;
				color: #323a4a;
				font-size: 11px;
			}
				
#events {
	position: relative;
	background: #ffffff;
}
	#events #np {
		position: absolute;
		margin: 414px 0px 0px 0px;
		z-index: 100000;
		width: 360px;
	}
		#events #np a {
			display: block;
			padding: 4px 0px 4px 20px;
			float: right;
		}
			#events #np a#next {
				
			}
			#events #np a#prev {
				display: none;
			}
			
	#events > img {
		width: 532px;
		display: block;
		float: left;
	}
	#events > div {
		float: right;
		margin: 30px 25px 0px 0px;
		width: 365px;
		position: relative;
		z-index: 900;
	}
	
	#events #event_switcher {
		height: 28px;
		margin-bottom: 20px;
		color:#000;
	}
	#events #event_switcher a {
		color:#000;
	}
		#events #event_switcher > a {
			display: block;
			float: left;
			width: 65px;
			height: 28px;
			line-height:28px;
			font-weight:bold;
		}
		#events #event_switcher a.link_active {
			color:#b59d3d !important;
		}
			#events #event_switcher > a.two {
				width: 50px !important;
			}
			#events #event_switcher > div {
				float: right;
				width: 163px;
				display: none;
				/* background: url(../images/years.gif) no-repeat; */
			}
				#events #event_switcher > div.twelve {
					/* background: url(../images/years.gif) no-repeat 0px -28px; */
				}
				#events #event_switcher > div.prev {
					/* background: url(../images/years.gif) no-repeat 0px -56px; */
				}
				
				#events #event_switcher > div > a {
					float: left;
					margin-top:6px;
					font-weight:bold;
					padding:0 3px;
					/* width: 44px; */
					display: block;
					color:#000;
					border-left:1px solid #000;
					/* text-indent: -100000px; */
				}
				#events #event_switcher > div > a:first-child {
					border:0;
				}
				#events #event_switcher > div > a.active {
					color:#B59D3D;
				}
		
		#events .event {
			float: left;
			margin-bottom: 15px;
		}
			#events .event span {
				display: block;
				float: left;
				width: 107px;
				line-height: 15px;
			}
			#events .event div {
				float: left;
				width: 230px;
				line-height: 15px;
			}
			#events .event div > a {
				color: #b59d3d;
			}
		
		#upcoming_events {
			padding-right: 20px;
			height: 430px;
			z-index: 10000;
			position: relative;
			font-size: 11px;
		}
		#past_events {
			display: none;
			height: 410px;
			z-index: 10000;
			position: relative;
			font-size: 11px;
		}
			#past_events .twelve {
				display: none;
			}
			#past_events .prev {
				display: none;
			}
#repertoire_switcher {
   height: 37px;
}
#repertoire_switcher strong {
   font-size: 15px;margin-right: 10px;
}
#repertoire_switcher a, #repertoire_switcher span {
   font-size: 14px;color: #111;text-transform: uppercase;
}
#repertoire_switcher a:hover, #repertoire_switcher a.active {
   color: #b59d3d;
}
#photos {

}
	#showcase {
		width: 532px;
		height: 538px;
		background: url(../images/loader.gif) no-repeat center center #323a4a;
		position: relative;
		z-index: 500;
		float: left;
	}
	
	#credit {
		background: #323a4a;
		position: absolute;
		margin-top: 486px;
		z-index: 100000;
		color: #ffffff;
		padding: 14px 20px;
		text-align: right;
		float: none;
		width: 492px;
		opacity: 0.8;
		font-size: 11px;
	}
		
	.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 532px;
	height: 538px;
}
.wraptocenter * {
    vertical-align: middle;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
	
	#thumbs {
		float: right;
		width: 365px;
		padding-right: 20px;
		margin-top: 40px;
		height: 466px;
		z-index: 10000;
		position: relative;
	}
		#thumbs a {
			display: block;
			float: left;
			padding: 3px;
			margin: 0px 15px 15px 0px;
			border: 1px solid #cccccc;
		}
			#thumbs a.active, #thumbs a:hover {
				border: 1px solid #323a4a;
			}
			#thumbs a.last {
				margin-right: 0px;
			}
			#thumbs a img {
				display: block;
				width: 95px;
			}

#blog {
	
}
	#blog > div {
		padding: 35px 50px;
		position: relative;
		z-index: 100000;
	}
			
#contact {

}
	#contact > img {
		float: left;
		display: block;
	}
	#contact .contact_details {
		float: right;
		width: 365px;
		padding-right: 20px;
		margin-top: 40px;
		height: 430px;
		overflow: auto;
		z-index: 10000;
		position: relative;
	}
		#contact .contact_details p {
			margin-bottom: 20px;
			line-height: 18px;
			font-size: 11px;
		}
		
	#contact form {
	
	}
		#contact form label {
			display: block;
			font-size: 11px;
			color: #323a4a;
			font-weight: bold;
			margin-bottom: 8px;
		}
		#contact form .input1 {
			padding: 5px 6px;
			font: 11px Arial;
			color: #333333;
			float: left;
			margin-right: 6px;
			border: 1px solid #e8e8e8;
		}
		#contact form .input2 {
			float: left;
			padding: 6px 10px;
			background: #323a4a;
			border: 0px;
			font-size: 11px;
			color: #ffffff;
		}

#border {
	position: relative;
	margin-top: -538px;
	height: 538px;
	background: url(../images/border.png);
	margin-bottom: 15px;
	z-index: 750;
}

#extra {
	height: 50px;
}
#music {
	float: left;
}
	#music div.tracklist {
		display: none;
	}
	#music p.description {
		display: none !important;
	}

#social {
	float: right;
	padding-right: 10px;
}
	#social a {
		display: inline-block;
		margin-left: 5px;
	}
		#social a img {
			display: block;
		}
		
#footer {
	border-top: 1px solid #e5e5e5;
	padding-top: 15px;
	font-size: 11px;
	color: #9e9e9e;
	text-transform: uppercase;
	margin-bottom: 20px;
    clear: both;
}