/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */ 
@font-face {
  font-family: Museo;
  src: url('../fonts/Museo300-Regular.otf') format('opentype');
  font-weight: normal;

}

@font-face {
  font-family: Museo;
  src: url('../fonts/Museo700-Regular.otf') format('opentype');
  font-weight: bold;
}

#content{	width: 935px;
	 margin-left: 20px;
}

#main{
	width: 100%;
	margin: 0;
	margin-left:  5px;	 margin-right: 0px; 	 float: right; 	 }
.tagline{
	background-color: #000;
	padding: 5px;
	color: #fff;
	text-align: right;
	font-variant: small-caps;
	letter-spacing: 2px;
}

#previously {
	width: 300px;
	float: left;
	margin-bottom: 20px;
	border: 1px solid black;
	padding: 2px 10px ;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #eee;
	}
#story #previously h2 {
font-size: 1em;
	color: #333;
	margin-top: 0;		
}

#story #previously ul {
	margin-left: 0;
	}

#story #previously p, #story #previously ul li{
	font-family:  Museo,Helvetica,serif;
	font-size: 13px;
	}
	 
#story {
	width: 300px;
	float: left;
	font-family: Georgia,serif;
	clear: left;
	}

#story p, #story blockquote {
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 0.7em;
	font-family: Georgia,serif;
}

#story blockquote {
	margin-left: 2em;;
	margin-right: 0px;
	text-indent: -5px;
}
	
#story h2 {
	font-size: 1.5em;
	color: #333;
	margin-top: 0;
}


#techniques {
	width: 575px;
	float: right;
	font-family: Museo,sans-serif;
	font-size: 1.2em;
	margin-bottom: 20px;
}

#techniques h2 {
	font-size: 1.5em;
	color: #333;
		font-family: Museo,sans-serif;

}

#techniques img{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 3px 3px 10px #999;
	-webkit-box-shadow: 3px 3px 10px #999;
	-moz-box-shadow: 3px 3px 10px #999;
}

#techniques table {
	width: 80%;
	margin-left: 10%;
	border: 1px solid #999;
	margin: 0.75em 10%;
	-webkit-box-shadow: 3px 3px 10px #999;
	-moz-box-shadow: 3px 3px 10px #999;
}

#techniques table tr{
	background-color: #eee;;
}

#techniques table tr td {
	padding: 5px;
}
#techniques table tr:first-child {
	background-color: #999;
	color: #fff;;
}

#techniques blockquote {
	font-size: .85em;
	font-family:  Museo, sans-serif;
	color: #333;
	
}

#research {
	clear: both;
	float: left;
	width: 45%;
	border: 1px solid #999;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 3px 3px 10px #999;
	-webkit-box-shadow: 3px 3px 10px #999;
	-moz-box-shadow: 3px 3px 10px #999;padding: 0px 20px;
}
#photo {
	float: right;
	width: 45%;
	border: 1px solid #999;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 3px 3px 10px #999;
	-webkit-box-shadow: 3px 3px 10px #999;
	-moz-box-shadow: 3px 3px 10px #999;padding: 0px 20px;
	overflow: hidden;
	padding:0px;
}
#photo img {
	margin:0;
}

#photo p {
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	margin: 4px 10px;
	}


