html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	color: #000;
	font-size: 12px;
	font-family: Helvetica, Tahoma, Geneva, sans-serif;
}

	body#home {
		overflow: hidden;
		height: 100%;
	}

	body#about-us {
		background: url(../images/about-us/background.jpg) top center repeat;
	}
	
	body#venue {
		background: url(../images/venue/background.jpg) top center repeat;
		font-family: "Times", "Times New Roman", sans-serif;
		color: #343434;
	}
	
	body#supporting-cast {
		background: #94c330;
		font-family: "Times", "Times New Roman", sans-serif;
		color: #343434;
	}
	
	body#artist {
		color: #343434;
	}
	
		body#artist.blue {
			background: #28b4f0;
		}
		
		body#artist.teal {
			background: #78b6aa;
		}
		
		body#artist.green {
			background: #94c330;
		}
		
		body#artist.yellow {
			background: #edc402;
		}
		
		body#artist.orange {
			background: #f6a146;
		}
		
		body#artist.red {
			background: #e86749;
		}
		
		body#artist.violet {
			background: #b85f90;
		}
		
	body#calendar {
		background: #78b6aa;
		color: #343434;
	}
	
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

.clear {
	clear: both;
}

/** menu **/
#menu {
	width: 100%;
	height: 330px;
	background: #fff url(../images/background-menu.png) bottom left repeat-x;
	position: absolute;
	top: -360px;
	left: 0;
	z-index: 100;
}

	#menu #panel {
		width: 760px;
		height: 280px;
		margin: 0 auto 0 auto;
	}
		
		#menu #panel ul {
			width: 225px;
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
			background: url(../images/background-menu-list.gif) top left repeat-y;
		}
		
		#menu #panel li {
			margin: 0;
			padding: 2px 0 2px 30px;
			list-style: none;
			font-family: Helvetica, Tahoma,Geneva,sans-serif;			
			font-size: 15px;
			color: #343434;
			background: url(../images/menu-arrow-dx.png) 15px 5px no-repeat;
		}
		
		#menu #panel li.first {
			padding: 0 0 0 15px;
			background: transparent;
		}
			
			#menu #panel li a {
				color: #343434;
				text-decoration: none;
			}
			
			#menu #panel li a:hover {
				text-decoration: underline;
			}
	
	#menu #panel-menu {
		width: 190px;
		margin: 18px auto 0 auto;
	}	
	
		#menu #panel-menu #close-menu {
			background: url(../images/close-menu.png) top center no-repeat;
			width: 190px;
			height: 19px;
			overflow: hidden;
			text-indent: -10000px;
		}
		
			#menu #panel-menu #close-menu {
				display: block;
				width: 190px;
				height: 19px;
				overflow: hidden;
				text-indent: -10000px;
			}	

/** header **/
#header {
	width: 100%;
	height: 135px;
	padding: 25px 0 0 0;
	background: #fff url(../images/background-header.gif) bottom left repeat-x;
	text-align: left;
}

	#header h1 {
		background: url(../images/club21.jpg) top center no-repeat;
		width: 255px;
		height: 105px;
		margin: 0 0 0 10px;
		overflow: hidden;
		text-indent: -10000px;
		z-index: 200;
		position: absolute;
	}
	
		#header h1 a {
			display: block;
			width: 255px;
			height: 105px;
			overflow: hidden;
			text-indent: -10000px;
		}
	
	#header #open-menu {
		background: url(../images/open-menu.png) top center no-repeat;
		width: 209px;
		height: 32px;
		overflow: hidden;
		text-indent: -10000px;
		margin: 85px auto 0 auto;
	}
	
		#header #open-menu {
			display: block;
			width: 209px;
			height: 32px;
			overflow: hidden;
			text-indent: -10000px;
		}
		
/** home **/
#home #flash-home { 
	width: 100%; 
	height: 100%; 
}
	
/** about-us **/

/** wrapper **/
#about-us #wrapper {
	width: 964px;
	margin: 16px auto;
}

/** content **/
#about-us #content {
	width: 964px;
	margin: 16px 0 0 0;
	float: left;
}
	
	#about-us #content h2 {
		background: url(../images/about-us/about-the-project.png) top center no-repeat;
		width: 348px;
		height: 371px;
		overflow: hidden;
		text-indent: -10000px;
		float: left;
	}
	
	#about-us #content #text {
		background: url(../images/about-us/background-content.gif) top center no-repeat;
		width: 555px;
		height: 341px;
		float: left;
		color: #fff;
		padding: 15px 30px 15px 30px;
	}
	
		#about-us #content #text h3{
			font-size: 16px;
		}	
		
		#about-us #content #text p {
		}
		
		#about-us #content #text strong {
			font-size: 14px;
		}
		
/** footer **/		
#about-us #footer {
	background: url(../images/about-us/background-footer.gif) top center no-repeat;
	width: 964px;
	height: 22px;
	float: left;
	margin: 3px auto 0 auto;
	padding: 0 0 20px 0;
}	


/** venue **/

/** wrapper **/
#venue #wrapper {
	width: 964px;
	margin: 8px auto;
}

/** content **/
#venue #content {
	width: 964px;
	height: 1015px;
	margin: 0;
	padding: 0 0 20px 0;
	float: left;
	background: url(../images/venue/background-content.png) top center no-repeat;
}

	#venue #content h2 {
		background: url(../images/venue/marylebone.png) top center no-repeat;
		width: 385px;
		height: 35px;
		overflow: hidden;
		text-indent: -10000px;
		margin: 171px auto 0 auto;
	}

	#venue #content #images {
		width: 894px;
		height: 429px;
		margin: 46px auto 0 auto;
	}
	
		#venue #content #images img{
			margin: 0 3px 0 3px;
			display: block;
			float: left;
		}
		
	#venue #content #text {
		width: 794px;
		margin: 0 50px 0 50px;
		padding: 40px 0 0 0;
	}
	
		#venue #content #text p {
			font-size: 16px;
			line-height: 1.4em;
		}
		
		#venue #content #text a {
			font-size: 16px;
			color: #b13c21;
		}
		
		#venue #content #text strong {
			font-size: 20px;
		}
		
		#venue #content #text strong.red {
			color: #b13c21;
		}

/** supporting-cast **/

/** wrapper **/
#supporting-cast #wrapper {
	width: 964px;
	margin: 0 auto;
}

/** content **/
#supporting-cast #content {
	width: 964px;
	height: 1242px;
	margin: 0;
	padding: 0 0 20px 0;
	float: left;
	background: url(../images/supporting-cast/background-content.jpg) top center no-repeat;
}

	#supporting-cast #content h2 {
		background: url(../images/supporting-cast/supporting-cast.png) top center no-repeat;
		width: 349px;
		height: 70px;
		overflow: hidden;
		text-indent: -10000px;
		margin: 60px auto 17px auto;
	}
	
		#supporting-cast #content #text #box1 {
			height: 237px;
		}
		
		#supporting-cast #content #text #box2 {
			height: 265px;
		}
		
		#supporting-cast #content #text #box3 {
			height: 299px;
		}
		
		#supporting-cast #content #text #box4 {
			height: 246px;
		}
	
		#supporting-cast #content #text .box {
			width: 594px;
			margin: 0 0 0 270px;
			padding: 0 100px 0 0;
		}
		
			#supporting-cast #content #text .box h4 {
				font-size: 16px;
				text-decoration: underline;
				margin: 0 0 20px 0;
			}
	
			#supporting-cast #content #text .box p {
				font-size: 12px;
				line-height: 1.4em;
			}
			
			#supporting-cast #content #text .box a {
				font-size: 16px;
				color: #85a540;
				font-style: italic;
			}
			
			#supporting-cast #content #text .box strong {
			}

/** artist **/

/** wrapper **/
#artist #wrapper {
	width: 909px;
	margin: 0 auto;
}

/** content **/
#artist #content {
	width: 909px;
	margin: 0;
	padding: 20px 0 20px 0;
	float: left;
}

	#artist #content h2 {
		width: 909px;
		color: #fff;
		font-size: 120px;
		text-align: center;
		font-family: Arial;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
		line-height: 0.7em;
	}

	#artist #content #top {
		width: 909px;
		height: 25px;
		background: url(../images/artists/background-artist-top.gif) top center no-repeat;
		float: left;
	}
	
	#artist #content #middle {
		width: 837px;
		padding: 26px 36px 26px 36px;
		background: url(../images/artists/background-artist-middle.gif) top center repeat-y;
		float: left;
	}
	
		#artist #content #middle #images {
			width: 588px;
			padding: 0 33px 0 0;
			float: left;
		}
		
			#artist #content #middle #images #image-detail {
				width: 500px;
				height: 500px;
				padding: 44px;
				background: #e2e2e2;
			}
			
			#artist #content #middle #images #image-detail-loader {
				width: 50px;
				height: 50px;
				position: absolute;
				margin: 225px 0 0 225px;
				background: url(../images/loading.gif) top center no-repeat;
				display: none;
			}
			
			
		#artist #content #middle #images #images-slideshow {
		}
		
			#artist #content #middle #images #images-slideshow img{
				width: 125px;
				height: 125px;
			}
			
		#artist #content #middle #paint {
			width: 212px;
			padding: 0;
			float: left;
		}
		
			#artist #content #middle #paint h4 {
				width: 182px;
				padding: 20px 15px;
				margin: 0 0 12px 0;
				background: #353535;
				color: #fff;
				text-transform: uppercase;
				float: left;
				font-size: 15px;
			}
			
			#artist #content #middle #paint a {
				width: 182px;
				padding: 20px 15px;
				margin: 6px 0 6px 0;
				background: #e2e2e2;
				color: #333;
				text-transform: uppercase;
				font-size: 15px;
				text-decoration: none;
				font-weight: bold;
				float: left;
				
			}
			
		#artist #content #middle #spacer {
			width: 837px;
			height: 4px; 
			margin: 20px 0;
			float: left;
			background: url(../images/artists/spacer.gif) top center no-repeat;
		}
		
		#artist #content #middle #text {
			float: left;
		}
		
			#artist #content #middle #text p {
				font-size: 12px;
				margin: 10px 0;
				padding: 0 12px 0 12px;
				text-align: justify;
			}
			
	#artist #content #bottom {
		width: 909px;
		height: 25px;
		background: url(../images/artists/background-artist-bottom.gif) top center no-repeat;
		float: left;
	}
	
/** calendar **/

/** wrapper **/
#calendar #wrapper {
	width: 909px;
	margin: 0 auto;
}

/** content **/
#calendar #content {
	width: 909px;
	margin: 0;
	padding: 20px 0 20px 0;
	float: left;
}	

	#calendar #content h2 {
		background: url(../images/calendar/calendar.jpg) top center no-repeat;
		width: 964px;
		height: 156px;
		overflow: hidden;
		text-indent: -10000px;
	}
	
	#calendar #content #text {
		width: 914px;
		padding: 25px;
		margin: 0 0 5px 0;
		float: left;
		background: #fff;
	}
	
		#calendar #content #text p {
			font-size: 15px;
		}

	#calendar #content #days {
		width: 964px;
		float: left;
	}
	
		#calendar #content #day13 {
			margin: 0 9px 0 0;
		}
		
		#calendar #content #day14 {
			margin: 0 9px 0 0;
		}
		
		#calendar #content #day15 {
			margin: 0 10px 0 0;
		}
		
		#calendar #content #day16 {
			margin: 0 0 0 0;
		}
	
		#calendar #content #days .day {
			width: 234px;
			float: left;
		}
		
			#calendar #content #days .day h3 {
				width: 234px;
				height: 46px;
				background: #343434;
				color: #fff;
				text-align: center;
				font-size: 24px;
				padding: 17px 0 0 0;
				float: left;
			}
			
				#calendar #content #days .day a {
					color: #fff;
					text-decoration: none;
				}
				
				#calendar #content #days .day a.select {
					color: #78b6aa;
				}
			
				#calendar #content #days .day h3.past {
					background: #858585;
				}
			
			#calendar #content .day sup {
				font-size: 12px;
			}
		
		#calendar #content #program-day13,
		#calendar #content #program-day14,
		#calendar #content #program-day15,
		#calendar #content #program-day16 {		
			margin: 3px 0 7px 0;
			width: 234px;
			height: 200px;
			color: #fff;
			float: left;
			background: #485b57;
			
		}
		
			#calendar #content .past {
				background: #919d9a !important;
			}
			
			#calendar #content #program-day13 ul,
			#calendar #content #program-day14 ul,
			#calendar #content #program-day15 ul,
			#calendar #content #program-day16 ul {
				float: left;
			}
			
			#calendar #content #program-day13 li,
			#calendar #content #program-day14 li,
			#calendar #content #program-day15 li,
			#calendar #content #program-day16 li {
				font-size: 13px;
				font-weight: bold;
				padding: 5px 0 0 0;
				list-style: square;
			}
			
			#calendar #content #program-day13 a,
			#calendar #content #program-day14 a,
			#calendar #content #program-day15 a,
			#calendar #content #program-day16 a {
				color: #fff;
				text-decoration: none;
			}
			
		#calendar #content .day-detail {
			background: #fff;
			width: 924px;
			padding: 20px;
			margin: 0 0 8px 0;
			float: left;			
		}
		
			#calendar #content .day-detail h4{
				color: #78b6aa;
				font-size: 22px;
			}
			
			#calendar #content .day-detail em{
				font-size: 16px;
				font-style: normal;
			}
			
			#calendar #content .day-detail p{
				margin: 10px 0 0 0;
			}
			
			#calendar #content .day-detail img{
				width: 460px;
				height: 345px;
				margin: 30px 0 0 20px;
				float: right;
			}
			
			#calendar #content .day-detail .social {
				margin: 20px 0 0 0;
			}
			
			#calendar #content .day-detail .social a.addthis_button_compact {
				color: #343434;
				margin: 0 20px 0 0;
				text-decoration: none;
			}
			
			#calendar #content .day-detail .social .addthis_button_facebook_like {
				margin: 0 0 0 20px;
				width: 150px;
			}
			
			#calendar #content .day-detail .social iframe {
				width: 150px !important;
			}