@import url("reset.css");

/* 
 * The Styling file for HTML version of the 
 * Australian Dance Theatre Website
 *
 * Selector Layout
 * 
 * selector-name 
 * 		{ 
 *		Grid: Style Attributes
 *		Style: Style Attributes
 *		Font: Style Attributes
 *		}
 * 		selector-name child
 * 			{ 
 *			Grid: Style Attributes
 *			Style: Style Attributes
 *			Font: Style Attributes
 *			}
 * 
 * 
 */

body 
	{ 
	background-color: #000; color: #fff; 
	font: 12px/1em Arial, Helvetica, Geneva, sans-serif;
	}

strong, b 
	{ 
	font-weight: bold;
	}
italic, em, i
	{ 
	font-style: italic;
	}


body.waiting
	{ 
	cursor: wait;
	}	

div.promo-banner
	{ 
	position: absolute; right: 0; top: 0; z-index: 100;
	background-repeat: no-repeat; 
	background-position: right top;
	}
div.promo-banner a
	{ 
	display: block;
	text-indent: -9999px;
	}	
	
#holder 
	{ 
	height: 615px; min-width: 960px; position: relative; overflow: hidden;
	}	
	
	#holder #header 
		{ 
		position: absolute ; width: 100%; top: 418px; z-index: 30;
		}
		#holder #header .h1-holder
		{ 
		width: 805px; margin: 0 auto; padding-top: 24px;
		}
		#holder #header h1
		{
			display: block;
			width: 74px;
			height: 0;
			font-size: 1em;
			padding-top: 65px;
			text-indent: -2000px;
			overflow: hidden;
			background: url('../images/bkgd-adt_logo.gif') no-repeat;
		}
		#holder #header h1 a {
			/*display: block;
			width: 74px;
			height: 0;
			font-size: 1em;
			padding-top: 65px;
			text-indent: -2000px;
			overflow: hidden;
			background: url('../images/bkgd-adt_logo.gif') no-repeat;*/
		}

#navigation
	{
	height: 25px;
	background-color: #fff;
	}
	#navigation ul#main
		{ 
		width: 825px; margin: 0 auto; height: 25px; overflow: hidden;
		}
		#navigation ul#main li
			{ 
			float: left; /*position: relative;*/ height: 25px; /*width: 150px;*/
			font: 16px "Arial Narrow", Arial, Helvetica, Geneva, sans-serif;
			}
			#navigation ul.sub-menu li a
			{ 
			display: block; padding: 4px 21px 7px; height: 14px;
			color: #000; border-right: 2px solid #000;
			text-decoration: none; text-transform: uppercase;
			}
			#navigation ul#main li.menu:first-child a
			{ 
			border-left: 2px solid #000;
			}
			/*#navigation ul#main li a:hover
			{ 
			background-color: gray; color: #000;
			}*/
			
	#navigation ul#main li ul
		{ 
		position: absolute; top: 26px;
		}
#navigation ul#main li ul li
		{ 
		display:block; float:none; margin-top: 1px; height: 25px;
		font-size: 12px;
		}
	#navigation ul#main li ul li a
		{ 
		padding: 5px 9px; /*display: inline;*/
		background-color: white; 
		font-family: Arial, Helvetica, Geneva, sans-serif;  text-transform: capitalize;
		}
			
			
#top-level 
	{ 
	position: absolute;
	}
	#layout h3,
	#layout h4,
	#layout h5,
	#layout p
		{
		margin: 0 0 10px;
		}
	#layout h2
			{ 
			font-family: "Arial Narrow", Arial, Helvetica, Geneva, sans-serif;
			margin-top: 47px; 
			font-size: 43px; 
			text-transform: uppercase;
			line-height:38px;
			}
	#layout .people-holder h2
			{ 
			margin-top: 78px; 
			}

		#layout h4 
			{ 
			font-weight: bold;
			}
		#layout,
		#layout p
			{ 
			font-size: 14px; 
			line-height: 18px;
			}
	#layout a
		{ 
		color: #d24519;
		}

#layout p.breadcrumbs
	{ 
	margin: 0 0 16px ;	
	font-size: 12px;
	}
	#layout p.breadcrumbs a 
		{ 
		color: #fff;
		text-decoration: none; 
		}
		#layout p.breadcrumbs a:hover
			{ 
			text-decoration: underline; 
			}

#panel-collector,
#panel-images 
	{
	height: 418px; width: 960px; top: 0; position: absolute; overflow: hidden;
	z-index: 20;
	}
	#panel-images {
		height:555px;
		margin: 0 auto;
		z-index: 10;

		}
		#panel-images div { 
			height:555px; width: 960px; top: 0; position: absolute;
			background-repeat: no-repeat;
			background-position: top left;
	}
	#panel-collector .panel-holder
	{ 
	position: absolute; height: 416px; overflow: hidden;
	}
#layout .panel-content 
	{ 
	padding-left: 74px; padding-right: 536px;
	}
	#layout .panel-content ul.sub-menu,
	#layout .panel-content ul.sub-page-menu
		{ 
		margin: 8px 0 15px; height: 85px; overflow: hidden; padding-top: 2px;
		}
		#layout .panel-content ul.sub-menu
			{ 
			height: 81px; overflow: hidden; padding-top: 3px;
			margin-bottom: 10px;
			}
		#layout .panel-content ul.sub-menu li,
		#layout .panel-content ul.sub-page-menu li
			{ 
			margin-bottom: 1px;			
			}
			#layout .panel-content ul.sub-menu li a,
			#layout .panel-content ul.sub-page-menu li a
			{ 
			padding: 2px 4px; font-size:12px; 
			background-color: black; color: white;			 
			text-decoration: none;
			}
			#layout .panel-content ul.sub-menu li a:hover,
			#layout .panel-content ul.sub-page-menu li a:hover
			{ 
			background-color: white; color: black;
			}
			#layout .panel-content ul.sub-menu li a
				{ 
				padding: 2px 8px; 
				}

#layout .home-page,
#layout .toplevel-page,
/*#layout .general-page,*/
#layout .people-holder,
#layout .sponsors-page,
#layout .work-holder,
#layout .news-holder,
#layout .downloads-page,
#layout .faqs-page,
#layout .staff-display
	{
	width: 960px; margin: 0 auto; height: 615px; overflow: hidden; 
	background: #000 no-repeat 415px center;
	}
#layout.HomePage .home-page,
#layout.HomePage .toplevel-page
	{ 
	float: left; position: absolute; z-index: 1;
	/*border: 1px solid red;*/
	}


#layout .home-page 
	{
	background-position: center top; 
	}
	#layout .home-page h2
		{
		margin-top: 320px;
		width: 255px;
		height: 0;
		font-size: 1em;
		padding-top: 79px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('../images/bkgd-home_page-h2.gif') no-repeat;
		}
		
		
#layout .toplevel-page 
	{
	background-position: right top; 
	}
#layout .toplevel-page h2
	{
	margin-top: 30px;
	}
#layout .general-page 
	{
	background-position: 20px top; 
	}			
	#layout .general-page .panel-extras
		{ 
		float: left; width: 401px; padding-top: 2px;
		text-align: right;
		}
	#layout .general-page .panel-content 
		{ 
		padding-left: 431px; padding-right: 80px;
		}	
		#layout .general-page h2
			{ 
			margin-top: 0px;
			}
#layout a.extras-link
	{
	padding: 2px 4px;
	color: #fff; background-color: #000;
	text-decoration: none; font-size: 12px;
	}
#layout  a.extras-link:hover
	{
	color: #000; background-color: #fff;
	}
#layout ul.extras-menu li
	{
	height: 20px;
	}
/* PeoplePage Template Stylin */
#layout .staff-display 
	{ 
	
	}
	#layout .staff-display .staff-picture,
	#layout .work-display .work-picture
		{ 
		float: left; width: 399px; padding-top: 3px;
		text-align: right;
		}
		#layout .staff-display .staff-picture img,
		#layout .work-display .work-picture img,
		#layout .video-panel,
		#layout .news-display .panel-extras img
			{ 
			margin-top: 51px;
			}
	#layout .staff-display .staff-content,
	#layout .work-display .work-content
		{ 
		margin-left: 431px; padding-right: 80px;
		}
		#layout .staff-content h2,
		#layout .work-content h2  
			{ 
			margin-top: 0px; 
			}	

.people-holder,
.work-holder
	{ 
	padding-top: 10px;
	}
.work-holder
	{ 
	padding-top: 115px;
	}
	#layout .people-holder h2,
	#layout .work-holder h2
		{ 
		margin-left: 69px;
		}
	#layout .people-holder p.breadcrumbs,
	#layout .work-holder p.breadcrumbs
		{ 
		margin-left: 71px;
		}

#layout .news-list-item 
	{ 
	margin-right: 76px; padding-bottom: 10px; margin-bottom: 10px;	
	border-bottom: 1px solid #333334;
	}
	#layout .news-list-item:last-child
		{ 
		padding-bottom: 0; margin-bottom: 0;	
		border-bottom: none;
		}
	#layout .news-list-item h4
		{ 
		margin-bottom: 0;
		font: 24px "Arail Narrow", Arial, Helvetica, Geneva, sans-serif; 
		text-transform: none;
		}
		#layout .news-list-item p.date
			{ 
			line-height: 8px;
			}
		#layout .news-list-item p.read-more
			{ 
			text-align: right;
			}
		#layout .news-list-item a.read-article
			{ 
			padding: 0 4px;
			background-color: black; color: #fff; text-decoration: none;
			}
			#layout .news-list-item a.read-article:hover
				{ 
				background-color: white; color: #000; 
				}

.slide-holder 
	{ 
	width: 945px; margin: 0 auto; position: relative;
	}
	.slide-holder .slide-hider
		{ 
		margin: 0 auto; width: 816px; height: 172px; overflow: hidden; position: relative;
		}
	.slide-holder .slide-button
		{ 
		width: 55px; height: 172px; position: absolute; display: block;  
		background: #000  no-repeat left -11px;
		cursor: pointer;
		}
		.people-holder .slide-holder .slide-button
			{ 
			height: 245px;
			background-position: left 27px;
			}
		.slide-holder .previous-button
			{ 
			left: 0;
			background-image: url(../images/bkgd-slide_previous.gif);
			}
		.slide-holder .next-button
			{ 
			right: 0;
			background-image: url(../images/bkgd-slide_next.gif);
			}
	.slide-holder span.previous-hover
		{ 
		background-image: url(../images/bkgd-slide_previous_hover.gif);
		}
	.slide-holder span.next-hover
		{ 
		background-image: url(../images/bkgd-slide_next_hover.gif);
		}
	
	
	.people-list-holder .people-list,
	.work-list-holder .work-list
		{ 
		width: 4000px; position: absolute;
		}
	div.people-list-holder div.slide-hider
		{ 
		height: 246px;
		}
			
.slide-carriage
	{ 
	/*margin-right: 30px;*/ height: 253px; float: left; /*width: 830px;*/
	}
	.staff-carriage	.staff-item,
	.work-carriage	.work-item
		{ 
		width: 195px; float: left; margin-right: 12px;
		}
		#layout .staff-carriage	.staff-item h4,
		#layout .work-carriage	.work-item h4
			{ 
			margin-bottom: 5px;
			font-size: 14px; font-weight: normal;
			}
			
#layout .sponsors-page
	{ 
	width: 807px;
	padding: 0 72px;
	}
	#layout .sponsors-page h2
		{ 
		margin-top: 0;
		}

#layout .downloads-page 
	{ 
	/*width: 840px; margin: 0 auto;*/
	}
	#layout .downloads-page h2
		{ 
		margin-top: 50px; margin-left: 73px;
		}
	#layout .downloads-page p.breadcrumbs,
	#layout .download-list
		{ 
		margin-left: 73px;
		}
		#layout .downloads-page p.breadcrumbs
			{ 
			margin-bottom: 20px;
			}
	.download-item
		{ 
		width: 400px; margin-bottom: 11px;	
		}
		.download-item .download-thumb
			{ 
			float: left; width: 190px;
			}
		.download-item .download-detail
			{ 
			margin-left: 202px;
			}
			.download-detail
				{ 
				padding-top: 10px;
				}
				#layout .download-detail h4 
					{ 
					margin-bottom: 0;
					font: 20px "Arial Narrow", Arial, Helvetica, Geneva, sans-serif;
					}
				#layout .download-detail p 
					{ 
					margin-bottom: 0;
					}
					#layout .download-detail p.file-type span 
						{ 
						text-transform: uppercase;
						}
					#layout .download-detail p.download-description
						{ 
						height: 65px; overflow: hidden;
						}
				#layout .download-detail a
					{ 
					padding: 0 5px !important;
					background-color: black; color: white; background-image: none !important; 
					text-decoration: none;
					}
					#layout .download-detail a:hover
						{ 
						background-color: white; color: black;
						}

#layout .faqs-page
	{ 

	}
	#layout .faqs-page h2
		{ 
		margin-top: 30px; margin-left: 70px;
		}
	#layout .faqs-page p.breadcrumbs,
	#layout .question-list
		{ 
		margin-left: 72px;
		}
	#layout .question-list
		{ 
		float: left; width: 350px;
		}
		#layout .question-list li
			{ 
			margin-bottom: 7px;
			font-size: 18px; line-height:18px;
			}
			#layout .question-list li span
				{ 
				cursor: pointer; padding-right: 10px;
				}		
				#layout .question-list li.active span, 
				#layout .question-list li span:hover
					{ 
					background-color: white;
					color: black;
					}		

	#layout .answer-list
		{ 
		margin-left: 429px;
		padding-right: 80px;
		}

#footer 
	{
	top:443px; width:100%; z-index:200; position: absolute;
	}
	#footer a 
	{ 
	text-decoration: none;
	}
	#footer .footer-holder
	{ 
	width: 850px; margin: 0 auto;
	}
	
	#footer .container 
		{ 
		padding: 21px 0;
		}
	
	#footer .container a
		{ 
		color: #dc481a;
		font-size: 14px;
		}
		#footer .footer-extras
			{ 
			float: left; width: 478px;
			text-align: right;
			}
			#footer .footer-extras li
				{ 
				line-height: 18px;
				}
		#footer .footer-news
			{ 
			margin-left: 490px; padding-right: 100px;
			}
			#footer .footer-news p
				{ 
				line-height: 18px;
				}
	#footer .footer-nav
		{ 
		text-align: right;	
		}
		#footer .footer-nav a
			{ 
			color: #fff;
			}
			#footer .footer-nav a:hover
				{ 
				text-decoration: underline;
				}
	
	
/* content-scroller styling */
	
.content-scroller 
	{ 
	height: 334px; overflow: hidden; position: relative;
	}	
	.toplevel-page .content-scroller
		{ 
		height: 228px;
		}
		#the-company .content-scroller
			{
				height:190px;
			}
		#the-company ul.sub-page-menu
			{
				height:120px !important;
			}
		#the-company .scroller 
			{
				height:194px;
			}
	.scroller 
		{
		margin-left: -25px; width: 18px; height: 334px; float: left; 
		background: transparent url(../images/bkgd-scroller.gif) repeat-y;
		}
 		.toplevel-page .scroller
			{ 
			height: 228px;
			}
		
	.knob 
		{
		width: 18px; height: 61px; 
		background: transparent url(../images/bkgd-scroll_knob.png) no-repeat center top;
		}
		.knob:hover
			{
			cursor: move;
			}

	
	.content-scroller .content 
		{ 
		padding-bottom: 0.5em;
		}