/*-- ELEMENTS --*/
	.hide { display: none; }

	ul.parent { float: left; width: 125px; height: auto; list-style-type: none; margin: 0; padding: 0; }
		ul.parent li.link { float: left; cursor: pointer; width: 125px; height: 18px; list-style-type: none; margin: 0; padding: 0; background-color: #000000; color: #ffffff; display: block; font-size: 1.1em; line-height: 1.1em; }
			ul.parent li.link a { display: block; background-color: #000000; }
			ul.parent li.link a:hover { display: block; color: #ffffff; background-color: #000000;   }
 			ul.parent li.link span { width: 100px; margin: 6px 0 0 8px; }

		ul.parent li.child { float: left; width: 125px; height: 18px; list-style-type: none; margin: 0; padding: 0; color: #ffffff; font-size: 1.1em; line-height: 1.1em; }
			ul.parent li.child a{ color: #ffffff; display: block; width: 117px; padding: 3px 0 0 4px; height: 16px; }
			ul.parent li.child a:hover { display: block; width: 117px; padding: 3px 0 0 4px; color: #ffffff; background-color: #000000;  }
			ul.parent li.child a.current{ display: block; width: 117px; padding: 3px 0 0 4px; height: 16px; background-color: #000000; }
			
		ul.parent li.project { float: left; width: 125px; height: 18px; list-style-type: none; margin: 0; padding: 0; color: #ffffff; font-size: 1.1em; line-height: 1.1em; }
			ul.parent li.project a{ color: #ffffff; display: block; width: 117px; padding: 3px 0 0 4px; height: 16px; }
			ul.parent li.project a:hover { display: block; width: 117px; padding: 3px 0 0 4px; color: #000000; background-color: #ffffff;  }
			ul.parent li.project a.current{ display: block; width: 117px; padding: 3px 0 0 4px; height: 16px; background-color: #ffffff; }			
			
			
	ul.sub { float: left; width: 125px; height: auto; list-style-type: none; margin: 0; padding: 0; }
		ul.sub li.link { float: left; cursor: pointer; width: 125px; height: 18px; list-style-type: none; margin: 0; padding: 0; color: #000000; display: block; font-size: 1.1em; line-height: 1.1em; }
			ul.sub li.link a { display: block; background-color: #000000; }
			ul.sub li.link a:hover { display: block; color: #ffffff; background-color: #000000;   }
 			ul.sub li.link span { width: 100px; margin: 6px 0 0 8px; }

		ul.sub li.child { float: left; width: 125px; height: 18px; list-style-type: none; margin: 0; padding: 0; color: #000000; font-size: 1.1em; line-height: 1.1em; }
			ul.sub li.child a{ color: #000000; display: block; width: 117px; padding: 3px 0 0 4px; height: 16px; }
			ul.sub li.child a:hover { display: block; width: 117px; padding: 3px 0 0 4px; color: #ffffff; background-color: #000000;  }
			ul.sub li.child a.current{ display: block; width: 117px; padding: 3px 0 0 4px; height: 16px; background-color: #000000; }
			
		ul.sub li.project { float: left; width: 125px; height: 18px; list-style-type: none; margin: 0; padding: 0; color: #000000; font-size: 1.1em; line-height: 1.1em; }
			ul.sub li.project a{ color: #000000; display: block; width: 117px; padding: 3px 0 0 4px; height: 16px; }
			ul.sub li.project a:hover { display: block; width: 117px; padding: 3px 0 0 4px; color: #ffffff; background-color: #000000;  }
			ul.sub li.project a.current{ display: block; width: 117px; padding: 3px 0 0 4px; height: 16px; color: #ffffff; background-color: #000000; }					

	.project-item { position: relative; float: left; width: 740px; height: auto; margin: 0 0 10px 0; padding: 0; }
	.project-video-wrap { float: left; width: 740px; height: 490px; }
	.project-video-item { float: left; width: 740px; height: 450px; }
	
	#logo { position: fixed; top: 20px; left: 10px; z-index: 999;}
	#nav { position: fixed; top: 120px; width: 125px; left: 10px; z-index: 999; }

	#project-info { position: fixed; top: 123px; width: 125px; left: 145px; z-index: 999; }
	#project-info-alt { position: fixed; top: 123px; width: 125px; left: 145px; z-index: 999; }
	#project-items { position: relative; width: 740px; left: 285px; top: 123px; height: auto; z-index: 999; }
	#project-items-alt { position: relative; float: left; width: 740px; left: 285px; top: 123px; height: auto; z-index: 999; padding: 0 0 10px 0; }
	
	.card-download { position: absolute; top: 19px; right: 25px; width: 75px; height: 27px; }
		.card-download a , 
		.card-download a:link  { color: #403a38; text-decoration: none; display: block; width: 75px; height: 27px; background: transparent url(../images/card_download_out.gif) 0px 0px no-repeat; text-indent: -5000px; }
		.card-download a:focus, 
		.card-download a:hover  { color: #ffffff;  text-decoration: none; display: block; width: 75px; height: 27px; background: transparent url(../images/card_download_over.gif) 0px 0 no-repeat; text-indent: -5000px; }		
	.xmas { float: left; margin: 4px 0 0 0; }
	#logo-centre { position: absolute; top: 50%; left: 50%; margin-top: -23px; margin-left: -175px;	z-index: 99;}
	#logo-centre-xmas { position: absolute; width: 353px; height: 106px; top: 50%; left: 50%; margin-top: -53px; margin-left: -175px; z-index: 99; text-align: center; }
		#logo-centre-xmas img { margin: 0 0 10px 0; }
		#flash { position: fixed; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; }	
/*-- ELEMENTS --*/
/*-- SUB STYLE TYPOGRAPHY-- */	
	#project-info-alt h2 { margin: 0 0 4px 0; color: #ffffff; }
	#project-info h2 { margin: 0 0 4px 0; }
	#project-items h2 { margin: 0 0 8px 0; }
	#project-items-alt h2 { margin: 0 0 8px 0; color: #ffffff; }
	
	#project-info-alt  p { line-height: 1.5em; color: #ffffff; }
	#project-info-alt  p a,
	#project-info-alt  p a:link { text-decoration: underline; }
	#project-info  p { line-height: 1.5em; }
	#project-info  p a,
	#project-info  p a:link { text-decoration: underline; }
	
	#copyright { position: fixed; bottom: 10px; width: 250px; left: 10px; z-index: 99; }	
		#copyright span { color: #000000; }
		#copyright span a,
		#copyright span a:link { color: #000000; font-weight: bold; text-decoration: none; }
		#copyright span a:focus,
		#copyright span a:hover { color: #666666; font-weight: bold; text-decoration: none; }

	#copyright-alt { position: fixed; bottom: 10px; width: 250px; left: 10px; z-index: 99; }	
		#copyright-alt span { color: #ffffff; }
		#copyright-alt span a,
		#copyright-alt span a:link { color: #ffffff; font-weight: bold; text-decoration: none; }
		#copyright-alt span a:focus,
		#copyright-alt span a:hover { color: #666666; font-weight: bold; text-decoration: none; }
		
/*-- SUB STYLE TYPOGRAPHY-- */