@charset "UTF-8";
/* CSS Document */

BODY { height: 100%; width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; overflow-x: hidden; color: #7f7f7f; 	
	background-color: #E2E2AB; }

a img { border: none; }

a { color: #ADA10C; text-decoration: none; font-weight: normal; }

a:hover { color: #000000; }

h1, h2, h3 { margin: 0; padding: 0; font-weight: normal; font-size: inherit; display: inline; }

ul { list-style: none; }

#top { background-color: #FFFFFF; width: 100%; margin: 0; padding: 0 0 25px 0; }




/* HEADER */

#header { width: 836px; margin: 0 auto; padding: 12px 0 0 0; height: 100px; }

#logo { float: left; padding: 10px 16px 10px 0; border-right: solid 1px #DBB372; margin-right: 16px; height: 64px; overflow: hidden; }

#logo a { background-image: url(images/logo.png); height: 75px; width: 138px; display: block; }

#logo a:hover { background-position: 0 74px; }

#menu { padding: 0; }

#menu .menu-nav { height: 95px; border-left: solid 1px #DBB372; padding: 0 20px; float: right; }

#menu .menu-nav ul { list-style: none; margin: 0; padding: 12px 0 0 0; font-size: 13px; }

#menu .menu-nav ul li.top { font-weight: bold; color: #4d4d4d; padding-bottom: 5px; }

#menu #menu_title { height: 83px; width: 350px; float: left; margin-left: 25px; padding-top: 12px; }

#menu #menu_title .name h1 { color: #000000; font-size: 36px; } 

#menu #menu_title .name h1 .asterisk { color: #6d6d6d; }

#menu #menu_title .pronunciation { padding-top: 10px; color: #6d6d6d; font-size: 15px; }

#menu #menu_title .pronunciation b { color: #000000; font-weight: normal; }




/* BODY */

#center { width: 836px; margin: 25px auto 0 auto; }


	/*THUMB GALLERY*/
		
		#slider{ overflow: hidden;}	
		
		#slider ul, #slider li { margin:0; padding:0; list-style:none; }
		 
		#slider li { width:836px; height:375px; overflow:hidden; }
			
		#prevBtn, #nextBtn{ display:block; width:24px; height:362px; position:absolute; left: 50%; top: 136px; margin-left: -458px; font-size: 0		
			; }
			
		#nextBtn{ left:50%; margin-left: 435px; }
																
		#prevBtn a, #nextBtn a{ display:block; width:24px; height:362px; background:url(images/btn_prev.png) no-repeat 0 0; }
		
		#prevBtn a:hover, #nextBtn a:hover { background-position: -24px 0; }
			
		#nextBtn a { background: url(images/btn_next.png) no-repeat 0 0; }
		
		.thumb_gallery { overflow: hidden; }
		
		#slider ul li .thumb_gallery div.row1 { width: 820px; height: 180px; overflow: hidden; }
		
		#slider ul li .thumb_gallery div.row2 { margin-top: 15px; width: 820px; height: 180px; overflow: hidden; }
		
		#slider ul li .thumb_gallery img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.75; }
		
		#slider ul li .thumb_gallery img:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; }
		
		.thumb { display: block; float: left; width: 200px; margin-right: 5px; height: 180px; }
		
		.thumb_last { display: block; float: left; width: 200px; margin: 0; height: 180px; }
		
		.caption { padding-top: 10px; text-align: right; font-size: 14px; color: #000000; }
		
		.caption em { color: #2d2d2d; }
		
		.caption em.titled { color: #ADA10C; }

	/*PROJECT PAGE*/
		
		/* numeric controls */	
	
		ol#controls{ margin: 5px 0; padding: 0 0 10px 0; }
		
		ol#controls li{ margin:0 5px 0 0; padding:0; float:left; list-style:none; }
		
		ol#controls li a{ float:left; color: #ADA10C; padding:0 3px 0 0; text-decoration:none; font-size: 12px; }
		
		ol#controls li a:hover { color: #000000; }
		
		ol#controls li.current a{ color: #000000; }
		
		ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{ outline:none; }
		
	
	/*RESUME*/
	
	.resume-column { width: 415px; font-size: 12px; line-height: 1.4em; padding-right: 15px; color: #7f7f7f; }
	
	.resume-column_last { width: 395px; font-size: 12px; line-height: 1.4em; float: right; padding: 0px; margin: -10px 0 0 0; color: #7f7f7f; }
	
	.resume-column_last em, .resume-column em { font-size: 10px; }
	
	#resume ul { margin:10px 0 0 0;	padding:0 0 5px 0; list-style:none; }
	
	#resume ul li.heading {	font-size: 18px; color: #090933;	}
	
	#resume ul ul li.subheading { font-size: 15px; color: #000000; padding-bottom: 5px; white-space: nowrap; }
	
	#resume ul ul li.subheading em { font-size: 13px; color: #000000; }
	
	.divider { color: #6d6d6d; font-weight: normal; }
	
	.date { color: #ADA10C; }
		



/*BOTTOM*/

#bottom { width: 836px; margin: 0 auto 12px auto; padding: 12px 0 0 0; }

#bottom #bottom_content #left_column { float: left; width: 138px; margin-right: 16px; padding: 12px 16px 12px 0	
	; text-align: right; }
	
#bottom #bottom_content #left_column h2.location { font-size: 36px; color: #7f7f7f; }

#bottom #bottom_content #left_column .sublocation { padding-top: 10px; }

#bottom #bottom_content #left_column .sublocation h2 { font-size: 18px; color: #000000; }

#bottom #bottom_content #left_column .sublocation h2 b.long { margin: -5px 0 0 -20px; }

#bottom #bottom_content #right_column { width: 641px; margin-left: 154px; padding-left: 25px; border-left: solid 1px #DBB372; }

#bottom #bottom_content #right_column .content { color: #444444; font-size: 13px; line-height: 1.5em; width: 426px; padding: 12px 0; }

#bottom #bottom_content #right_column .content .headline { font-weight: bold; font-size: 14px; padding-bottom: 5px; }

#bottom #bottom_content #right_column .content .copy { margin-bottom: 8px; color: 2d2d2d; }

.copy-light { margin-bottom: 8px; font-size: 10px; font-style: italic; }

#bottom #bottom_content #right_column .content .copy b { font-weight: normal; color: #000000; }


#bottom #bottom_content #right_column .content_right { color: #444444; font-size: 13px; line-height: 1.5em; width: 184px; padding: 12px 0; 
	float: right; }
	
	
	/*PROJECT PAGE*/
	
	.sublocation_caption { margin-top: 5px; font-size: 14px; font-style: oblique; color: #444444; }
	
	#bottom #bottom_content #right_column .content_projectL { color: #444444; font-size: 13px; line-height: 1.5em; width: 308px; 
		padding: 12px 0; }
		
	#bottom #bottom_content #right_column .content_projectR { color: #444444; font-size: 13px; line-height: 1.5em; width: 308px; 
		padding: 12px 0; float: right; }
		
	.back_button { font-size: 15px; padding-bottom: 5px; } 
	
	.headline { font-weight: bold; font-size: 14px; padding-bottom: 5px; }
	
	.copy { margin-bottom: 8px; }
	
	.copy b { font-weight: normal; color: #000000; }
	
	
	/*RESUME*/
	
	#bottom #bottom_content #right_column .content_resume { color: #444444; font-size: 13px; line-height: 1.5em; width: 426px; 
	padding: 12px 0; }

	#bottom #bottom_content #right_column .content_resume .headline h2 { font-weight: bold; font-size: 21px; padding-bottom: 5px; }

	#bottom #bottom_content #right_column .content_resume .copy { margin-bottom: 8px; color: 2d2d2d; }
	
	#bottom #bottom_content #right_column .content_resume h2 { font-size: 18px; }

	#bottom #bottom_content #right_column .content_resume .copy b { color: #000000; }
	

/*FOOTER*/

#footer { padding: 25px 0 0 25px; background-color: #E2E2AB; width: 100%; }