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

html { 
	background:#f6f6f8;
	margin: 0;
	padding: 0;
    }
		
body {
	width:100%;
	height:100%;
	margin:0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 19px;
	}

a:hover {
	color: #ea2a04;	}

a {
	color: #312f2d;
	border: none;
		-webkit-transition-property: all;
	-webkit-transition-duration: 0.7s;
	}
		
#page-container {
	position:relative;
	width:960px;
	margin: auto;
	text-align:left;
	margin-top: 30px;
	}

#masthead {
	width: 960px;
	height: 130px;
	}
	
	#logo {
	width: 90px;
	height: 90px;
	float: left;
	}
	
	#logo img:hover {
	-moz-box-shadow: 1px 1px 3px #999999;
	-webkit-box-shadow: 1px 1px 3px #999999;
	box-shadow: 1px 1px 3px #999999;
	}

	#nav-primary {
	float: right;
	padding: 0px;
	height: 130px;
	width: 595px;
	}
	
	#nav-primary ul.navlist {
	float: left;
	margin-left: 23px;
	width: 125px;
	border-top: 5px solid #333333;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.7s;
	}
	
	#nav-primary ul.navlist:hover {
	border-top: 5px solid #ea2a04;
	}
	
	#nav-primary ul.navlist li.hed {
	margin-top: 10px;	
	}
	
	#nav-primary ul.navlist li.hed a {
	margin-bottom: 8px;
	font-size: 1.15em;
	text-transform:uppercase;
	font-family: proxima-nova,sans-serif;
	font-style: normal;
	font-weight: 400;
	}
	
	#nav-primary ul.navlist li.item {
	margin-left: 2px;
	text-transform: lowercase;
	font-size: 0.95em; 	
	margin-top: 5px;
	}
	
	#nav-primary li a {
	color:#69635e;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.5s;
	}

	#nav-primary li a:hover {
	color: #ea2a04;
	}
	
	body#design ul#navcatdesign,
	body#designrecent ul#navcatdesign,
	body#designcasestudy ul#navcatdesign,
	body#language ul#navcatlanguage,
	body#languagerecent ul#navcatlanguage,
	body#languageexamples ul#navcatlanguage,
	body#thought ul#navcatthought,
	body#thoughtapproach ul#navcatthought,
	body#thoughtcasestudy ul#navcatthought,
	body#about ul#navcatabout,
	body#aboutsandbox ul#navcatabout,
	body#aboutcontact ul#navcatabout
	{
	border-top: 5px solid #ea2a04;
	}

	body#design a#navdesign,
	body#designrecent a#navdesignrecent,
	body#designcasestudy a#navdesigncasestudy,
	body#language a#navlanguage,
	body#languagerecent a#navlanguagerecent,
	body#languageexamples a#navlanguageexamples,
	body#thought a#navthought,
	body#thoughtapproach a#navthoughtapproach,
	body#thoughtcasestudy a#navthoughtcasestudy,
	body#about a#navabout,
	body#aboutsandbox a#navaboutsandbox,
	body#aboutcontact a#navaboutcontact
	{
	color: #ea2a04;
	}
	
#splash {
	width: 960px;
	height: 360px;
	background-color: #ebecee;
	text-align: left;
	}
	
	#splash #splashblurb {
	width: 330px;
	font-size: 0.95em;
	color:#69635e;
	line-height: 20px;
	padding: 45px;
	padding-top: 65px;
	padding-right: 15px;
	float: left;
	}
	
	#splash #splashblurb #pagetitle {
	font-size: 2.95em;
	margin-bottom: 25px;
	font-family: calluna, georgia, serif;
	font-style: italic;
	font-weight: 600;
	line-height: 35px;
	color:#312f2d;
	}
	
	#splash #splashblurb #subhed {
	font-size: 1.15em;
	margin-bottom: 20px;
	margin-top: -15px;
	margin-left: 15px;
	text-transform:uppercase;
	font-family: proxima-nova,sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #ea2a04;
	}

		
	#splash #splashblurb .message{
	font-family: proxima-nova,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.4em;
	color: #9fa2ac;
	line-height: 22px;
	padding-right: 35px;
	margin-left: 15px;
	margin-bottom: 10px;
	}	

	#splash img {
	width: 570px;
	height: 360px;
	float: left;
	border-bottom: none;
	}
	
#quotebar {
	padding-top: 15px;	
	height: 35px;
	width: 960px;
	background-color: #1d1b1d;
	color: #545559;
	margin-bottom: 7px;
	text-align: center;
	font-family: adobe-caslon-pro, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 1.45em;
	}
		
#content {
	width: 958px;
	background-color: #ffffff;
	overflow: auto; 
	border: 1px solid #dedede;
	-moz-box-shadow: 1px 1px 5px #dedede;
	-webkit-box-shadow: 1px 1px 5px #dedede;
	box-shadow: 1px 1px 5px #dedede;
	}
	
	.threecol {
	width: 260px;
	float: left;
	padding: 25px;
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 80px;
	font-size: 0.95em;
	color:#69635e;
	line-height: 20px;
	border-left: 1px solid #efefef;
	}
	
	.threecol p {
	padding-bottom: 15px;
	}
	
	#twocolleft {
	float: left;
	width: 270px;
	overflow: auto;
	background-color: #e2e4e8;
	padding: 60px;
	padding-top: 55px;
	color:#999999;
	font-size: 12px;
	}
	
		#twocolleft .calloutbox {
		background: #f6f6f8;
		margin-bottom: 15px;
		}

	
	#twocolright {
	font-size: 0.95em;
	color:#69635e;
	line-height: 20px;
	float: left;
	width: 450px;
	overflow: auto;
	background-color: #FFFFFF;
	padding: 55px;
	padding-top: 35px;
	}
	
	#twocolright p {
	margin-bottom: 10px;
	}
	
	p.meitoku {
	margin-bottom: 10px;
	color:#666666;
	}

	.dek {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 1.35em;
	text-transform:uppercase;
	font-family: proxima-nova,sans-serif;
	font-style: normal;
	font-weight: 400;
	}
	
	.dektopspace {
	margin-top: 20px;
	margin-bottom: 0px;
	font-size: 1.35em;
	text-transform:uppercase;
	font-family: proxima-nova,sans-serif;
	font-style: normal;
	font-weight: 400;
	}
	
	.parahed {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 1em;
	text-transform: uppercase;
	font-family: proxima-nova, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #ea2a04;
	}

/*======================== styling for individual pages ==============================*/

/*index*/

.indexthreecol {
text-align:center;
	
	width: 260px;
	float: left;
	padding: 25px;
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 80px;
	font-size: 0.95em;
	color:#69635e;
	line-height: 20px;
	border-left: 1px solid #efefef;
	}
	
.indeximage {
padding-top: 20px;
line-height: 16px;
width: 290px;
font-family: Arial, Helvetica, sans-serif;
color:#888888;
font-size: 0.8em;
text-align: center;	width: 260px;
}

.indeximage img {
border: 1px solid #dedede;
width: 200px;
	-moz-box-shadow: 1px 1px 4px #cdcdcd;
-webkit-box-shadow: 1px 1px 4px #cdcdcd;
box-shadow: 1px 1px 4px #cdcdcd;}

.indeximage img:hover {
border: 1px solid #cdcdcd;
-moz-box-shadow: 2px 2px 8px #ababab;
-webkit-box-shadow: 2px 2px 8px #ababab;
box-shadow: 2px 2px 8px #ababab;
}

/*recent web projects page */
.webrecent {
width: 240px;
height: 260px;
}

.webrecent .horiz {
width: 240px;
border: 1px solid #dedede;
	-moz-box-shadow: 1px 1px 4px #cdcdcd;
-webkit-box-shadow: 1px 1px 4px #cdcdcd;
box-shadow: 1px 1px 4px #cdcdcd;
}

.webrecent .horiz:hover {
border: 1px solid #cdcdcd;
-moz-box-shadow: 2px 2px 10px #777777;
-webkit-box-shadow: 2px 2px 10px #777777;
box-shadow: 2px 2px 10px #777777;
}

.vert {
height: 140px;
margin-right: 8px;
border: 1px solid #dedede;
	-moz-box-shadow: 1px 1px 4px #cdcdcd;
-webkit-box-shadow: 1px 1px 4px #cdcdcd;
box-shadow: 1px 1px 4px #cdcdcd;
}

.vert:hover {
border: 1px solid #cdcdcd;
	-moz-box-shadow: 2px 2px 10px #777777;
-webkit-box-shadow: 2px 2px 10px #777777;
box-shadow: 2px 2px 10px #777777;
}

.webrecent .inproduction {
color: #d72306;}

.webrecent .description {
width: 220px;
padding: 10px;
line-height: 19px;
}

.clientname {
font-size: 1em;
color: #000000;
text-transform:uppercase;
font-family: proxima-nova,sans-serif;
font-style: normal;
font-weight: 400;
}
/*recent web projects page */


/*client list page*/
			#clientlist  {
			width: 310px;
			overflow: auto;
			font-size: 0.95em;
			color:#69635e;
			background-color: #FFFFFF;
			line-height: 20px;
			float: left;
			padding: 50px;
			padding-right: 35px;
			padding-top: 50px;
			}
			
			#services {
			width: 450px;
			float: left;
			background-color: #efefef;
			margin: 30px;
			margin-left: 0px;			
			padding: 40px;
			padding-top: 35px;
			padding-bottom: 25px;
			font-size: 0.95em;
			color:#69635e;
			line-height: 20px;
			-moz-box-shadow: 1px 1px 3px #bcbcbc;
			-webkit-box-shadow: 1px 1px 3px #bcbcbc;
			box-shadow: 1px 1px 3px #bcbcbc;
			}
				#services #leftcol {
				float: left;
				width: 215px;
				height: auto;
				}
					
				#services #rightcol {
				width: 220px;
				height: auto;
				margin-left: 240px;
				}
					
				#services .hed{
				font-size: 2.2em;
				font-family: calluna, georgia, serif;
				font-style: italic;
				font-weight: 600;
				color: #5B7D97;	
				width: 470px;
				padding-bottom: 5px;
				padding-top: 5px;
				}
					
				#services .parahed {
				margin-top: 18px;
				margin-bottom: 5px;
				font-size: 1em;
				text-transform: uppercase;
				font-family: proxima-nova, sans-serif;
				font-style: normal;
				font-weight: 400;
				color: #ea2a04;
				}
				
				#services ul.servicelist li {
				padding-bottom: 3px;
				}
				
				#services #servicesfooter {
				width: 470px;
				line-height: 16px;
				color: #888888;
				font-family: optima-nova, arial, sans-serif;
				font-size: 0.8em;
				font-weight: 400;
				font-style: normal;
				margin-top: 35px;
				border-top: 1px solid #dedede;
				padding-top: 10px;
				}
/*end client list page*/

/*weblanding page*/
ul.clientlist {
list-style: none;
}

.serviceprovided {
list-style: none;
/*padding-left: 10px;
margin-left: 10px;*/
color: #aaaaaa ;
padding-bottom: 7px;
padding-top: 3px;
line-height: 15px;
font-size: 0.9em;
}


#leftcolsandbox {
	float: left;
	width: 320px;
	min-height: 370px;
	overflow: auto;
	background-color: #e2e4e8;
	padding: 35px;
	padding-top: 40px;
	color:#777777;
	font-size: 12px;
	}
	
	#leftcolinterview {
	float: left;
	width: 320px;
	min-height: 1500px;
	overflow: auto;
	background-color: #e2e4e8;
	padding: 35px;
	padding-top: 40px;
	color:#777777;
	font-size: 12px;
	}
	
	#leftcolsandbox #columnhed {
	font-family: calluna, georgia,serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: 600;
	color: #9fa2ac;
	margin-bottom: 20px;
		}

	
	#leftcolsandbox .readingnow {
	width: 320px;
	clear: both;
	margin-bottom: 15px;
	}
	
	#leftcolsandbox .readingnow  img.book {
	width: 120px;
	height:auto;
	float: left;
	margin-right: 15px;
	margin-bottom: 25px;
	-moz-box-shadow: 1px 1px 2px #999999;
	-webkit-box-shadow: 1px 1px 2px #999999;
	box-shadow: 1px 1px 2px #999999;
	}

	#leftcolsandbox .readingnow .info {
	width: 180px;
	float: left;
	line-height: 17px;
	}
	
	.info .title {
	color: #333333;
	line-height: 14px;
	}
	
	.info .author {
	border-bottom: 1px solid #efefef;
	margin-bottom: 7px;
	padding-bottom: 7px;
	}
	
	.experiment {
	clear: both;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid #bcbcbc;
	overflow: auto;
	margin-top: 15px;
	}
	
		.experiment ul {
		list-style: outside circle;
		margin-left: 9px;
		padding-left: 9px;
		margin-top: 10px;
		}

		ul.waseda {
		list-style: outside circle;
		margin-left: 9px;
		padding-left: 9px;
		margin-top: 10px;
		}


	.sandboxproject {
	width: 100%;
	}
	
	.sandboxwebcap  {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px; 	
	text-align: center;
	font-size: 0.85em;
	}
	
	img.webcap {
	height: 130px;	
	-moz-box-shadow: 1px 1px 4px #666666;
	-webkit-box-shadow: 1px 1px 4px #666666;
	box-shadow:  1px 1px 4px #666666;
	margin-top: 10px;
	}
	
	img.interview {
	height: 100px;	
	-moz-box-shadow: 0px 0px 2px #999999;
	-webkit-box-shadow: 0px 0px 2px #999999;
	box-shadow:  0px 0px 2px #999999;
	margin-top: 10px;
	border: 1px solid #efefef;
	}
	
	.interviewcap  {
	float: left;
	margin-right: 8px;
	margin-bottom: 20px; 	
	text-align: center;
	font-size: 0.85em;
	}




/*contact page*/
#contact {
	margin-left: 15px;
	}

#leftcolabout {
	float: left;
	width: 270px;
	min-height: 370px;
	overflow: auto;
	background-color: #e2e4e8;
	padding: 60px;
	padding-top: 55px;
	color:#777777;
	font-size: 12px;
	}
	
	#leftcolabout ul {
	list-style: outside circle;
	margin-left: 9px;
	padding-left: 9px;
	}
	
	#leftcolabout #columnhed {
	font-family: calluna, georgia,serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: 600;
	color: #9fa2ac;
	margin-bottom: 20px;
	}
	
	#leftcolabout .dek {
	text-transform: uppercase;
	font-size: 11px;
	margin-bottom: 3px;
		color: #ea2a04;

}
	


	
 #bio {
	font-size: 0.95em;
	color:#69635e;
	line-height: 20px;
	float: left;
	width: 450px;
	overflow: auto;
	background-color: #FFFFFF;
	padding: 55px;
	padding-top: 35px;
	}

	#bio p {
	margin-bottom: 15px;
	}

	
/*end contact page*/

	


/*text recent page*/
	.book {
	width: 240px;
	height: 90px;
	line-height: 17px;
	}
	
	.title {
	color:#222222;
	margin-bottom: 3px;}
	
	.textproject {
	margin-bottom: 1px;
	}
	
	.researchproject {
	margin-bottom: 15px;
	}
	
	.book img{
	float: left;
	width: 55px;
	height: 80px;
	margin-right:18px;
	border: 1px solid #CCCCCC;
	-moz-box-shadow: 1px 1px 2px #e5e5e5;
	-webkit-box-shadow: 1px 1px 2px #e5e5e5;
	box-shadow: 1px 1px 2px #e5e5e5;
	}
	
	#researchlistings {
	margin-top: 50px;
	margin-bottom: 20px;
	}
	
/*end text recent page*/

	.knowledgearea {
	margin-bottom: 20px;
	}



/*=========== callout boxes and pullquotes ==================*/

.pullquote {
	float: left; 
	width: 140px;
	padding: 15px;
	padding-right:5px;
	margin: 0px;
	margin-right: 12px;
	margin-top: 8px;
	height: auto;
	font-family: calluna, georgia,serif;
	font-size: 1.35em;
	line-height: 20px;
	font-style: italic;
	font-weight: 600;
	color: #30528F;
	background-color: #efefef;
}

	.calloutbox {
	margin-top: 0px;
	background: #E3E4EE;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 30px;
	-moz-box-shadow: 1px 1px 3px #bcbcbc;
	-webkit-box-shadow: 1px 1px 3px #bcbcbc;
	box-shadow: 1px 1px 3px #bcbcbc;
	}
	
	.calloutbox .title {
	font-family: calluna, georgia, serif;
	font-size: 1.5em;
	line-height: 20px;
	margin-bottom: 15px;
	font-style: italic;
	font-weight: 600;
	color: #30528F;
	}
	
	.calloutbox .simpletitle {
	font-family: calluna, georgia, serif;
	font-size: 1.5em;
	line-height: 20px;
	margin-bottom: 15px;
	font-style: italic;
	font-weight: 600;
	color: #30528F;
	margin-top: 15px;
	}

	.calloutbox .dek {
	margin-bottom: 2px;
	margin-top: 15px;
	font-size: 0.9em;
	text-transform: uppercase;
	font-family: proxima-nova,sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #ea2a04;
	}	
	
	.calloutbox .institution {
	color: #222222;
	line-height: 17px;
	}
	
	.calloutbox .teachingposition {
	padding-bottom: 10px;
	}
	
	.calloutbox ul {
	list-style: outside circle;
	margin-left: 9px;
	padding-left: 9px;
	}
	
	.calloutbox ul li {
	line-height: 17px;
	padding-bottom: 5px;
	}
	
	.calloutbox .footer {
	border-top: 1px solid #bcbcbc;
	padding-top: 10px;
	margin-top: 35px;
	font-size: 0.87em;
	line-height: 17px;
	color: #787878;
	}
	
	
	.webrecentcalloutbox {
	margin-top: 0px;
	background: #efefef;
	padding: 30px;
	padding-top: 15px;
	padding-bottom: 30px;
	-moz-box-shadow: 1px 1px 3px #bcbcbc;
	-webkit-box-shadow: 1px 1px 3px #bcbcbc;
	box-shadow: 1px 1px 3px #bcbcbc;
	color:#666666;
	}
	
	.webrecentcalloutbox	.title {
	font-family: calluna, georgia, serif;
	font-size: 1.5em;
	line-height: 20px;
	margin-bottom: 15px;
	font-style: italic;
	font-weight: 600;
	color: #30528F;
	margin-top: 15px;
	}
	
	.webrecentcalloutbox li {
	padding-bottom: 5px;
	}
	
	.webrecentcalloutbox a {
	color: #000000;
	}

	
	.webrecentcalloutbox .footer {
	margin-top: 10px;
	padding-top: 10px;
	border-top:#999999 1px solid;
	line-height: 18px;
	}
	
	.pulloutimage {
	width: 175px;
	height: 135px;
	padding: 2px;
	margin-left: 15px;
	margin-bottom: 5px;	
	margin-top: 0px;
	float: right;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 14px;
	background-color: #ebecee;
/*	-moz-box-shadow: 1px 1px 3px #cdcdcd;
	-webkit-box-shadow: 1px 1px 3px #cdcdcd;
	box-shadow: 1px 1px 3px #cdcdcd;
	border: 1px solid #efefef;*/
	}
	
	.pulloutimage img{
	width: 175px;
	height: 115px;
	}
	
		ol.swig {
		list-style: outside circle;
		margin-left: 9px;
		padding-left: 9px;
		margin-top: 10px;
		}

/*	special styling for translation calloutbox*/
	#translation {
	margin-top: -35px;
	}
	
	#translationexcerpt {
	color: #555555;
	font-family:"Times New Roman", Times, serif;
	font-size: 1.2em;
	padding: 5px;
	}
	
		#translationexcerpt .title{
		font-size: 2em;
		margin-bottom: 25px;
		margin-top: 8px;
		margin-left: 10px;
		font-family: calluna, georgia, serif;
		font-style: italic;
		font-weight: 600;
		color: #5B7D97;
		}
		
		#translationexcerpt .dek{
		color: #888888;
		font-family: optima-nova, arial, sans-serif;
		font-size: 0.85em;
		font-weight: 400;
		font-style: normal;
		line-height: 14px;
		text-transform: lowercase;
		}
		
		#translationexcerpt p{
		padding-bottom: 15px;
		}
		
		#translationexcerpt .footer {
		line-height: 18px;
		color: #888888;
		font-family: optima-nova, arial, sans-serif;
		font-size: 0.8em;
		font-weight: 400;
		font-style: normal;
		margin-top: 35px;
		border-top: 1px solid #dedede;
		padding-top: 10px;
		}
		
		
	#twocolleft	.pulloutimage {
	width: 225px;
	height: 180px;
	padding: 2px;
	margin-left: 15px;
	margin-bottom: 5px;	
	margin-top: 0px;
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 14px;
	background-color: none;
		background-color: #e2e4e8;

	}
	
	#twocolleft .pulloutimage img{
	width: 225px;
	height: 155px;
	-moz-box-shadow: 1px 1px 3px #cdcdcd;
	-webkit-box-shadow: 1px 1px 3px #cdcdcd;
	box-shadow: 1px 1px 3px #cdcdcd;
	border: 1px solid #efefef;
	}
		
/*=========== end callout boxes and pullquotes ==================*/
			




#site-footer {
	width: 960px;
	clear: both;
	height: 150px;
 	font-size: 0.85em;
	color: #aaaaaa;
	padding-top: 10px;
	}
	
	#site-footer a {
	color: #aaaaaa;}
	
	#site-footer a:hover {
	color: #ea2a04;}