* { margin: 0; padding: 0; }

	html { overflow: hidden; }

	body { background: #000; width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 10pt; }
	
		h1 { width: 189px; height: 76px; text-indent: -10000px; background: url(../images/logo.png) no-repeat; position: absolute; z-index: 1; top: 100%; left: 100%; margin: -91px 0 0 -189px; }
	
		p { margin: 0 0 1em 0; }
		a { color: #3b98c3; text-decoration: none; }
			a:hover { text-decoration: underline; }
			
		img { border: 0; }
	
		#caption { background: url(../images/trans.png); position: absolute; font-size: 80%; color: #777; padding: 0 13px; margin: 10px 0 0 0; line-height: 20px; }
			#caption a { }
		
		#slideshow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
		
			#img { position: absolute; width: 100%; margin: 0 auto; }
			
			#overlay { background: url(../images/overlay.png); height: 100%; width: 100%; top: 0; left: 0; position: absolute; }
			
		.content { width: 600px; background: url(../images/trans.png); color: #f1f1f1; position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -330px; padding: 1.4em 1.4em 0.4em 1.4em; line-height: 140%; display: none; }
			h2 { font-size: 14px; font-weight: normal; margin: 0 0 1.5em 0; float: left; width: 200px; display: block; text-transform: uppercase; }
			h3 { font-size: 22px; font-weight: normal; margin: 0 0 0.5em 0; clear: both; }
			#news { }
				#news .info { font-size: 90%; }
					#news .info a { color: #666; }
					#news-loading { color: #555; font-size: 90%; width: 100%; text-align: center; margin: 100px 0 125px 0;  }
					
			.close { display: block; width: 10px; height: 10px; float: right; background: url(../images/close.png) no-repeat; }
				.close a { display: block; width: 10px; height: 10px; }
				.close span { display: none; }
			.content p { clear: both; }
			
			#photos { }
				#photo-sets-container { width: 592px; overflow: hidden;  margin: 2em 0 1em 0; padding: 0 2px 0 1px; clear: both; }
					#photo-sets { width: 3000%; height: 225px; overflow: hidden; }
						#photos-loading { margin: 120px 0 0 266px; color: #555; font-size: 90%; position: absolute; }
						#photo-sets li { float: left; margin: 0 2px 0 0 !important; width: 82px; margin: 0; padding: 5px 10px 0 5px; list-style: none; line-height: 100%; background: url(../images/photoset.png) repeat-y; height: 220px; overflow: hidden; }
						#photo-sets img { width: 75px; height: 75px; margin: 5px 7px; }
							#photo-sets a:hover img { width: 75px; margin: 4px 6px; border: solid 1px #3b98c3; }
						#photo-sets h3 { font-size: 80%; margin: 0.25em 0; font-weight: bold; margin: 0 7px 5px 5px; }
						#photo-sets p { font-size: 80%; margin: 5px 7px; }
						#photo-sets-controls { position: absolute; width: 600px; margin: 270px 0 0 0; display: none; }
							#photo-set-previous { text-indent: -10000px; display: block; height: 32px; width: 28px; background: url(../images/backward.png) no-repeat; outline: none; float: left; }
							#photo-set-next { text-indent: -10000px; display: block; height: 32px; width: 28px; background: url(../images/forward.png) no-repeat; outline: none; float: right; }
				#photos .info { clear: both; font-size: 11px; color: #666; text-align: center; }

			
		#projects { height: 300px; margin: -200px 0 0 -330px; }
			#projects-loading { color: #555; font-size: 90%; width: 100%; text-align: center; margin: 100px 0 0 0; position: absolute; }
			#category-list { width: 123px; float: left; clear: left; list-style: none; }
				#category-list li { background: url(../images/projects_bg.png); margin: 0 0 3px 0; }
					#category-list a { display: block;  padding: 5px; outline: none; }
			.project-list { width: 445px; height: 235px; float: left; overflow: auto; margin: 0 0 0 1.4em; display: none; }
				.project-list li { background: url(../images/projects_bg.png); margin: 0 0 5px 0; }
					.project-list h3 { font-size: 120%; margin: 0; font-weight: bold;  padding: 10px 5px 0 5px; }
						.project-list h3 a { outline: none;  }
					.project-list .project-description { padding: 5px 5px 2px 5px; font-size: 90%; }
			#category-list .current { background: url(../images/projects_bg2.png); }
			
							
		#navigation { position: absolute; top: 100%; margin: -91px 0 0 0;  }
			#navigation li { display: block; float: left; padding: 26px 7px 26px 12px; height: 23px; }
				#navigation li a { display: block; float: left; height: 30px; }
					#navigation li span { display: none; }
					#navigation li a:hover,
					#navigation li.current a { background: url(../images/underline.png) repeat-x 0 100%; }
				
					#navigation #nav-news { background: url(../images/nav_news.png) no-repeat; padding: 26px 13px 26px 19px; }
						#navigation #nav-news a { width: 53px; }
						
					#navigation #nav-profile { background: url(../images/nav_profile.png) no-repeat; }
						#navigation #nav-profile a { width: 75px; }
					
					#navigation #nav-photos { background: url(../images/nav_photos.png) no-repeat; }
						#navigation #nav-photos a { width: 71px; }
						
					#navigation #nav-projects { background: url(../images/nav_projects.png) no-repeat; }
						#navigation #nav-projects a { width: 92px; }
						
					#navigation #nav-contact { background: url(../images/nav_contact.png) no-repeat; padding: 26px 33px 26px 12px; }
						#navigation #nav-contact a { width: 81px; }