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

<link href='http://fonts.googleapis.com/css?family=IM+Fell+French+Canon:400,400italic' rel='stylesheet' type='text/css'>

body {
	
	}
h1 {
	font-family: 'IM Fell DW Pica', serif;
	}
	
body {
	font-family: 'IM Fell French Canon', serif;
	font: 100%;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
	background-color: #FFFFFF;
}
.oneColElsCtr #container {
	width: 1400px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;

}
.oneColElsCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.works img{
	max-width: 100%;
}

.leftBox {
	float: left;
	margin: 20px;
	width: 330px;
	z-index: 1001!important;
}

.rightBox {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 1000px;
	float: right;
	z-index: 2;
}
.homeBox {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 800px;
	float: left;
}
#slideShowBox {
	position: absolute;
	width: 100%;
	z-index: 0;
}
#slideShowBox img{
		max-width:100%;
	height: auto;
}

.newsBox {
	float: right;
	width: 400px;
	padding-top: 20px;
	position: relative;
	z-index: 2;
}
.bioBox {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 600px;
	float: left;
}



.textSeries {
	width:500px;
}
.clear {
	clear: both;
}
.navigation {
	font-style: italic;
}
.homeBox img {
	max-width:100%;
	height: auto;
}
video {
  width: 100%    !important;
  height: auto   !important;
}