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

/*
	Wow, you've viewed the source code, AND  moved into the CSS, impressive... I would have done it too, do you think we have similar interests? Should we hang out?
	Regarding this style sheet: I don't feel like dealing with two style sheets, I could but I don't feel like I would really benefit at the moment, so I have combined my sheet with the Variable Grid System sheet.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/


body {
	height:auto;
	background: #fff /*url(images/hashline1.png)*/;
	margin:0;
}

.shadow {
}

/* Typography
----------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}

	a			{text-decoration: none;}
	a:link		{color: #999; }
	a:visited	{color: #666; }
	a:hover		{color: white; background-color: #ebbc2e; }
	a:active	{color: white; background-color: cyan; /* b/c you know you love cyan... */ }

h1 {
}	

	.nameDrop h1 {
		padding:30px 0 0 50px;
		margin:0;
		background-color:#FFF;
		font-size: 1.2em;
		font-weight: lighter;
		color: #333333;
	}
	
	.nameDrop h1 a {
		text-decoration: none;
		font-family: "museo-slab",serif ;
	}
	
	.nameDrop h1 a:link		{color: #333333; }
	.nameDrop h1 a:visited	{color: #333333; }
	.nameDrop h1 a:hover	{color: #ebbc2e; background-color: white; }
	.nameDrop h1 a:active	{color: white; background-color:cyan; }


	.contentText h1, h1.contentText {
		margin:0px 0 0 0;
		padding:60px 0 0 0;
		text-align:left;
		text-transform:capitalize;
		font-size: 1.2em;
		line-height:2.4em;
		
		font-family: "museo-slab",serif;
		font-style: normal;
		font-weight: 300;	
	}

	.contentText h1 a, h1.contentText a{
		text-decoration: none;
	}
	
h2 { }

	
	.contentText h2, h2.contentText { /* Main page content column headers */
		margin:30px 0 0 0;
		padding:0;
		font-size: 1em;
		line-height: 2em;
			
		}
	.contentText h2 a, h2.contentText a{
		text-decoration: none;
	}
	
h3 { 

}

	.contentText h3, h3.contentText { /* Content-page page titles */
		margin: 20px 0 0 0;
		padding:0;
		font-size: 1em;
		line-height:2em;
		
		font-family: "museo-slab",serif;
		font-style: normal;
		font-weight: 300;
	}
	.contentText h3 a, h3.contentText a{ /* Content-page page titles */
		text-decoration: none;
	}

h4 { 

}
	.contentText h4, h4.contentText {
		margin: 20px 0 0 0;
		padding:0;
		padding-top: 10px;

		/*border-top-style: solid;
		border-color: #666;
		border-top-width: thin;*/
		font-size: .8em;
		line-height: 1.6em;
	}	

	.contentText h4 a, h4.contentText a {
		text-decoration: none;
	}

h5 { 

}

	.contentText h5, h5.contentText {
		margin: 10px 0 0 0;
		padding:0;
		font-size: .8em;
		line-height: 1.6em;
		
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	.contentText h5 a, h5.contentText a{
		text-decoration: none;
	}

h6{ 

}
	.contentText h6, h6.contentText { /* H6 is currently the same as H5 in the contentText */
		margin: 10px 0 0 0;
		padding:0;
		font-size: .8em;
		line-height: 1.6em;
	}
	.floatMenu h6{
		margin: 20px 0px 0px 0px;
		padding-top:10px;
		text-transform: lowercase;
		font-size: .7em;
	}

p{ }
	
	.contentText p, p.contentText {
		margin: 0 0 1.6em 0;
		padding:0;
		max-width:400px;
		
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: .8em;
		line-height: 2.4em;
	}

	.contentImg figcaption {
		margin: 0 0 0 0;
		padding: 0;
		font-family: "museo-slab",serif;
		font-style: normal;
		font-weight: 300;
		font-size: .6em;
		line-height: 2.4em;
		color: #666;
	}

	.halfWidth{
		max-width:290px;
	}


.bottom {
	padding-top:100px !important;
}

ul {
}
	.contentText ul, ul.contentText{
		margin: 0;
		padding: 0 20px 0 15px;
	}
	.floatMenu ul{
		list-style-type:none;
		margin:0;
		padding:0;
	}

li {
}

	.contentText li, li.contentText{
		margin:0;
		padding:0;
		max-width:400px;
		
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: .8em;
		line-height: 2.4em;

	}
	.floatMenu li{
		font-family: Arial, Helvetica, sans-serif;
		color: #666;
		font-size: .7em;
		margin: 10px 0;
	}
	
/* New Content Column Typography
----------------------------------------------------------||||||||-----------------------------------------*/
		
.contentColumn .kicker {
	font-family: "museo-slab",serif;
	font-style: normal;
	font-weight: 300;
	
	font-size: .8em;
	line-height: 1.6em;
	
	margin-top:12px;
}

.contentColumn h1 {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.2em;
	line-height:2.0em;
	
	margin:0;
	padding:0;
}

.contentColumn h2 {
		margin:0px 0 0 0;
		padding:40px 0 0 10px;
		text-align:left;
		text-transform:capitalize;
		font-size: 1.2em;
		line-height:2.4em;
		
		font-family: "museo-slab",serif;
		font-style: normal;
		font-weight: 300;	
}

.contentColumn h2 a{
	text-decoration: none;
}
	
.contentColumn h3 {
		margin:30px 0 0 10px;
		padding:0;
		font-size: 1em;
		line-height: 2em;
			
		}

.contentColumn h3 a{
	text-decoration: none;
}

.contentColumn h4 {
		margin: 20px 0 0 10px;
		padding:0;
		font-size: 1em;
		line-height:2em;
		
		font-family: "museo-slab",serif;
		font-style: normal;
		font-weight: 300;
}

.contentColumn h4 a{
	text-decoration: none;
}

.contentColumn h5 {
		margin: 20px 0 0 10px;
		padding:0;
		padding-top: 10px;

		font-size: .8em;
		line-height: 1.6em;
}

.contentColumn h5 a{
	text-decoration: none;
}

.contentColumn h6 {
	
	font-family: "museo-slab",serif;
	font-style: normal;
	font-weight: 300;	
}

.contentColumn h6 a{
	text-decoration: none;
}

.contentColumn p {
	margin: 0 0 1.6em 10px;
	padding:0;
	max-width:400px;
		
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .8em;
	line-height: 2.4em;
}
	
.contentColumn figcaption {
	margin: 0 0 0 10px;
	padding: 0;
	font-family: "museo-slab",serif;
	font-style: normal;
	font-weight: 300;
	font-size: .6em;
	line-height: 2.4em;
	color: #666;
}

	.contentColumn figcaption h1 {
	font-family: "museo-slab",serif;
	font-weight: 500;
	margin: 0;

	font-size: 1.2em;
	line-height: 2em;
	}

	.contentColumn figcaption p {
	font-family: "museo-slab",serif;
	font-weight:500;
	margin: 0;
	max-width:290px;

	font-size: 1em;
	line-height: 2em;
	}

	.contentColumn figcaption p.credit {
	font-weight: 300;

	font-size: 1em;
	line-height: 2em;
	}

.contentColumn li {
	margin:0;
	padding:0;
	max-width:400px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .8em;
	line-height: 2.4em;

}

.contentColumn figure {
	margin:10px 10px 10px 0;
	display:inline;
	float: left;
	position: relative;
}

.contentColumn figure img{
	margin:20px 0 0 0;
	}

/* mainOverlays
----------------------------------------------------------------------------------------------------*/
	.overlay h5, .overlay h1, .overlay p{
		font-family: "museo-sans",sans-serif;
		font-weight: 300;
		color:#FFFFFF;
	}

	.overlay h5 {
		text-transform: uppercase;
		font-size: .75em;

		margin:50% 0 .3em 13%;
	}

	.overlay h1 {
		font-size:2em;
		line-height:1.2em;

		height:30%;
		margin:0 0 0 13%;
	}
	
	.overlay p {
		font-size: .5em;

		margin:0 0 0 14%;
	}

	.imageGrid {
		position:relative;
		height:380px;
		width:380px;
	}
	.overlay {
		position:absolute;
		top:0;left:0;
		width:100%; height:100%;
		z-index:10;

		background-color:rgba(0,0,0,0.5);
		/*opacity:.5;*/
	}

	.overlay::after {
		background:#000;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		opacity:.5;
	}

/* dutchHeader
----------------------------------------------------------------------------------------------------*/
.dutchHeader {
	width:100%;
	position:fixed;
	z-index:20;
	top:0;
	left:0;
	height:100px;
	background-repeat:repeat-x;
	background-image:url(../images/hashline3.png);

}

.contentHeader{

}

.contentSub video {
	float:left;
	margin:10px;
}
.contentSub table {
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	color: #CCC;
	font-size: 8pt;
	background-color: #666;
	float:left;
	margin:10px;
}
.contentSub table a {
	color:#CCC;
}
table, th, td {
}
th, td {
	padding: 5px;
	background-color: #2d2d2d;
	text-align: left;
	vertical-align: top;
}


/* blackFoot
----------------------------------------------------------------------------------------------------*/
#blackFoot {
	background-color:#333333;
	position:relative;
	bottom:0;
	z-index:30;
	overflow:hidden;

	min-height: 130px;   /* This value is the height of the footer */
	margin-top: 100px;
	padding-top: 20px;
	padding-bottom: 40px;
	width:100%;
}

.feet {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #fff;
	font-size: .6em;
	line-height: 1.8em;
	font-weight: lighter;
}

	.feet ul {
		list-style-type: none;
		padding: 0;
	}
	.feet li {
		color: white;
	}
		.feet li a {
			display:block;
			width:1200px;
		}
		.feet li a:link {
			color: white;
			text-decoration: none;
		}
		.feet li a:visited {
			color: white;
			text-decoration: none;
		}
		.feet li a:active {
			color: white;
			text-decoration: none;
		}
		.feet li a:hover {
			color: white;
			text-decoration: none;
		}
	
.orange {
	color: #FFC157;
}


/* Menus
----------------------------------------------------------------------------------------------------*/
#menu ul {
list-style-type: none;
}
#menu li {
	float: left;
	padding: 0px 17px 10px 17px;
	color:#FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10pt;
}
	#menu li a:link {
		color: #333;
		text-decoration: none;
	}
	#menu li a:visited {
		color: #333;
		text-decoration: none;
	}
	#menu li a:active {
		color: #333;
		text-decoration: none;
	}
	#menu li a:hover {
		color: #ebbc2e;
		text-decoration: none;
	}

/* Feature styles */
.main {
	color: #333;
	margin-top: 80px;
}

.feature {
	background-repeat:repeat-y;
	border: solid #bdbdbc 1px;
	min-height: 150px;
	margin-bottom:20px;
}
	.featureText ul {
		margin:0px;
		padding:0px;
		}
	.featureText li {
		list-style-type: none;
		margin:10px 0px;
	}
	
.feature img {
	padding: 20px 20px 10px 20px;
}
.featureText{
	padding: 15px 20px 25px 20px;
	font-family: "kepler-std", Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
}
.thesisFeature{
	padding: 25px 0px 25px 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	float:left;
	overflow:auto;
}

.contentCol {
	margin: 56px 0 0 0;
}
.contentText{
	margin:10px 0 40px;
	padding:0;
}

.contentText img{
	float:right;
	margin: 0;
}

.contentImage{
	margin:10px 10px;
	display:inline;
	float: left;
	position: relative;
}
.contentImg{
	margin:10px 10px 10px 0;
	display:inline;
	float: left;
	position: relative;
}
.contentImage img {
	margin:10px 0 0 0;
	}
.contentImg img{
	margin:20px 0 0 0;
	}
	
.imgShadow {
	border-top:#eee 1px solid;
	border-right:#ddd 2px solid;
	border-bottom:#ddd 2px solid;
	border-left:#eee 1px solid;
}

.cp_image {
	margin:50px 10px 30px;
	border-left-color:#152f38;
	border-left-style:solid;
	border-left-width:25px;
	display:inline;
	float: left;
	position: relative;
	width:591px;
}
.cp_thumb {
	margin:40px 10px;
}
.cp_thumb img {
	margin:10px 0px;
}

/* Included Menu */
.floatMenu {
	z-index: 10;
	max-width:250px;
	margin-left:60px;
	position:absolute;
	margin-top:20px;
	}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_9 {
	margin:0 auto;
	padding: 0 0 0 0;
	width: 960px;
	min-width:960px;
	border: solid;
	border-color: #f7ecd2;
	border-style: inset;
	border-width: 0;
}
.container_9too {
	margin:0 auto;
	width: 960px;
	min-width:960px;
}


/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.full_9 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
}


.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 9 Columns
----------------------------------------------------------------------------------------------------*/


.container_9 .grid_1 {
	width:86px;
}

.container_9 .grid_2 {
	width:192px;
}

.container_9 .grid_3 {
	width:298px;
}

.container_9 .grid_4 {
	width:404px;
}

.container_9 .grid_5 {
	width:510px;
}

.container_9 .grid_6 {
	width:616px;
}
.container_9 .grid_6r {
	width:628px;
}
/*r:9 is not divisible by 960, this fixes the extra 18 pixel remainder*/


.container_9 .grid_7 {
	width:722px;
}

.container_9 .grid_8 {
	width:828px;
}

.container_9 .grid_9 {
	width:934px;
}

.container_9 .full_9 {
	width:960px;
}



/* Prefix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/


.container_9 .prefix_half {
	padding-left:53px;
}
.container_9 .prefix_1 {
	padding-left:106px;
}

.container_9 .prefix_2 {
	padding-left:212px;
}

.container_9 .prefix_3 {
	padding-left:318px;
}

.container_9 .prefix_4 {
	padding-left:424px;
}

.container_9 .prefix_5 {
	padding-left:530px;
}

.container_9 .prefix_6 {
	padding-left:636px;
}

.container_9 .prefix_7 {
	padding-left:742px;
}

.container_9 .prefix_8 {
	padding-left:848px;
}



/* Suffix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/


.container_9 .suffix_1 {
	padding-right:106px;
}
.container_9 .suffix_1r {
	padding-right:122px;
}
/*r:9 not divisible by 960, this fixes the extra 18 pixel remainder*/

.container_9 .suffix_2 {
	padding-right:212px;
}

.container_9 .suffix_3 {
	padding-right:318px;
}

.container_9 .suffix_4 {
	padding-right:424px;
}

.container_9 .suffix_5 {
	padding-right:530px;
}

.container_9 .suffix_6 {
	padding-right:636px;
}

.container_9 .suffix_7 {
	padding-right:742px;
}

.container_9 .suffix_8 {
	padding-right:848px;
}



/* Push Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/

.container_9 .push_quarter {
	left:26px;
}
.container_9 .push_half {
	left:53px;
}
.container_9 .push_head {
	left:28px;
}
.container_9 .push_1 {
	left:106px;
}

.container_9 .push_2 {
	left:212px;
}

.container_9 .push_3 {
	left:318px;
}

.container_9 .push_4 {
	left:424px;
}

.container_9 .push_5 {
	left:530px;
}

.container_9 .push_6 {
	left:636px;
}

.container_9 .push_7 {
	left:742px;
}

.container_9 .push_8 {
	left:848px;
}



/* Pull Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/


.container_9 .pull_1 {
	left:-106px;
}

.container_9 .pull_2 {
	left:-212px;
}

.container_9 .pull_3 {
	left:-318px;
}

.container_9 .pull_4 {
	left:-424px;
}

.container_9 .pull_5 {
	left:-530px;
}

.container_9 .pull_6 {
	left:-636px;
}

.container_9 .pull_7 {
	left:-742px;
}

.container_9 .pull_8 {
	left:-848px;
}


/* New Content Column
----------------------------------------------------------------------------------------------------*/

.contentColumn {
	left:318px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	margin-top:90px;
	width:620px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}
.specialCase {
	text-transform: none;
}

.noBelow {
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}
.noAbove {
	margin-top:0 !important;
	padding-top:0 !important;
}

.menuButtonBox {
	position:fixed;
	top:530px;
	padding-left:53px;
	
}