@font-face {
    font-family: 'silverpointregular';
    src: url('silverpoint-webfont.eot');
    src: url('silverpoint-webfont.eot?#iefix') format('embedded-opentype'),
         url('silverpoint-webfont.woff') format('woff'),
         url('silverpoint-webfont.ttf') format('truetype'),
         url('silverpoint-webfont.svg#silverpointregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
body { 
	background:#191C26;
	margin:0;
	font-family: 'silverpointregular', 'Helvetica', 'Arial'; 
	font-size: 15px; 
	color: #444; 
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
/*	margin-top: 0; */
}
#topstrip{
	background-color:#191C26;
	font-size: 48px;
	text-align: right;
	letter-spacing: 2px;
	color: #fff;
	padding: 20px 0 0 0;
	width: 100%;
	position: fixed;
	z-index: 999;
}
.fullwidth{
	width: 100%;
}
.fullwidth img{
	width: 100%;
	height: auto;
	margin-top:100px;
}
ol, ul {
	list-style: none;
}
a:link, a:visited, a:active { 
	color: #4D669A; 
	text-decoration: none; 
	outline: none;
	border: none;
}
a:hover { 
	text-decoration: none; 
	color: #000; 
}
p { 
	line-height: 1.5em 
}
.clr {
	clear:both;
	font-size:0px;
	height: 0;
	overflow: hidden;
}
/* float clearing for IE6 */
* html .clearfix{ height: 1%; overflow: visible;}
/* float clearing for IE7 */
*+html .clearfix{ min-height: 1%;}
/* float clearing for everyone else */
.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.wrap {  
	width:988px; 
	margin:0 auto;
}
#haydon { 
	padding-right :5%; 
}
#content { 
	width:90%; 
/*	min-height: 100%; */
	padding: 170px 4% 60px 4%;
	margin: 0 auto;
	background:#eee; 
}
.wrapper {
	overflow: hidden;
}
#footer { 
	padding:6px 0 0 0; 
	font-size:11px; 
	text-align: center;
	color:#777;
	background-color: #191C26;
	width: 100%;
	position: fixed;
	margin: 20px auto 0 auto;
	left:0px;
	bottom:0px;
	z-index: 999;
}
.footleft { 
	text-align: left;
	padding-left: 8px;
}
.footright { 
	text-align: right;
	padding-right: 8px;
}
#footer a:hover { 
	color:#fff !important;
}
#viewtop {
	background:#191C26;
	padding: 6px 0;
	margin: 0 0 20px 0;
	color: #fff;
}
.caption {
	font-size: 12px;
	color: #000;
	margin-top: 4px;
/*	line-height: 1em; */
}
.fl {
	float: left;
	margin-right: 4%;
}
.fr {
	float: right;
}
.menucol{
	margin: 0 auto;
	padding: 20px 0 20px 0;
	clear: both;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #4E5361;
}
.menucolimage{
	text-align: center;
	width: 48%;
	float: left;
}
.menucol img{
	max-width: 100%;
	max-height: 400px;
	margin: 0 auto;
}
.menucoltext{
	width: 48%;
	display: block;
	float: right;
}
.btn {
	background-color: #fff;
	padding: 4px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.4);
	
}
a:link.btn, a:visited.btn {
	background-repeat: no-repeat;
}
.left{
	padding-left: 20px;
	background-image: url(/gfx/arr_left.png);
	background-position: left center;
}
.right{
	padding-right: 20px;
	background-image: url(/gfx/arr_right.png);
	background-position: right center;
}
.menucoltext a:hover {
	background-color: #C5C8D3;
}
.scol{
	width: 22%;
}
.halfcol{
	width: 45%;
}
.dcol{
	width: 48%;
	float: left;
}
.dcol img{
	max-height: 600px;
	max-width: 100%;
}
.tcol{
	width: 74%;
}
.big img {
	max-height:1200px;
	max-width: 889px;
}
/* 3-across for Series */
#content_plus{
		width:90%; 
		padding: 170px 2% 60px 6%;
		margin: 0 auto;
		background:#eee;
}
.series_item {
	text-align: center;
/*	min-height: 350px; */
	width: 29%;
	float: left;
	padding: 10px 0; 
	margin-right: 4%;
	margin-top: 25px;
}
.series_item img{
/*	height: 257px; */
	max-height: 257px;
	max-width: 90%;
	border: none;
}
.series_item p{
	text-align: center;
	margin-bottom: 0;
}
a:link.series_item, a:visited.series_item {
	background-color: #f8f8f8;
	border: 1px solid #ddd; 
}
a:hover.series_item{
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	background: #fff;
}
/* end 3-across for Series */
#navwrap {
	width: 100%;
	background: #000;
	border-bottom: 1px solid #fff;
}
.navbar_container {
	width:98%;
	margin:0 auto;
	background-color:#000;
	}
#navbar {
	height:41px;
	margin:20px auto 0 auto;
	padding: 0 ;
	}
#navbar ul {
	list-style:none;
	margin:0;
	padding:5px;
	}
#navbar ul li {
	margin:0;
	padding:0;
	display:inline;
	}
#navbar ul li a {
	color:#888;
	display:block;
	float:left;
	margin:0 0 0 5px;
	padding:0 10px;
	height:36px;
	line-height:30px;
	font-size:16px;
	letter-spacing: 1px;
	}
#navbar ul li a:hover, #navbar ul li a.selected {
	color:#fff;
	}
.active {
	padding-right:0px;
}
.active a:link, .active a:visited {
	padding-right:0px;
	color: #fff !important;
	background-image: url(../gfx/active_li.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.active a:hover {
	color: #fff !important;
}
.fitimage{
	max-width: 100%;
}
/**********
COLUMNS
***********/
.col {
	float: left;
	margin-left: 3.2%;
	margin-top: 30px;
	text-align: center;
}
.col img {
	max-width: 100%;
	max-height: 200px;
	margin: 0 auto;
	border: none;
}
.col img a:link{
	border: none;
}
.fullwidth .col {
	float: none;
	margin-left: 0;
}
/* grid4 col */
.grid4 .col {
	width: 22.6%;
}
/* grid3 col */
.grid3 .col {
	width: 31.2%;
}
/* grid2 col */
.grid2 .col {
	width: 48.4%;
}
/* clear col */
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}
/**************************************************************************************************/
@media screen and (max-width: 1024px) {
/**************************************************************************************************/
	html {
		-webkit-text-size-adjust: none;
	}
	.wrap {  width:96%; margin:0 auto;  }
}
/**************************************************************************************************/
@media screen and (max-width: 768px) {
/**************************************************************************************************/
	html {
		-webkit-text-size-adjust: none;
	}
	.wrap {  
		width: 94%; 
		margin: 0 auto;  
	}
	#topstrip{
		font-size: 40px;
		position: relative;
	}
	#content { 
		padding: 35px 5% 0 5%; 
	}
	.fl {
		float: left;
	}
	.fr {
		float: right;
	}
	.scol{
		width: 46%;
		clear: both;
	}
	.dcol{
		width: 46%;
		float: right;
	}
	.tcol{
		width: 46%;
	}
	#haydon { 
		padding-right :0; 
	}
/*	#content_plus{
		padding: 35px 2% 60px 6%;
	} */
	#content_plus{
		padding: 35px 3% 60px 7%;
	}
	.series_item {
		min-height: 250px; 
		width: 45%;
	}
	#navbar {
		margin:0px;
	}
	#navbar ul li a {
		margin:0;
		padding:0 10px;
		height:30px;
		line-height:30px;
		font-size:14px;
	}
	.navbar_container {
		width:100%;
	}
	#navbar {
		height:36px;
		margin:20px auto 0 auto;
	}
	.active a:link, .active a:visited {
		background-image: none;
	}
	.menucolimage{
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.menucol img{
		max-width: 100%;
		max-height: 300px;
		margin: 0 auto;
	}
	.menucoltext{
		width: 100%;
		float: none;
	}
	.halfcol{
		width: 100%;
	}
	#footer { 
		position: relative;
		z-index: 999;
	}
	.footleft, .footright { 
		text-align: center;
		padding: 0;
	}
	.grid4 .col {
		width: 31.2%;
	}
	.grid4 .col:nth-of-type(4n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 0;
		clear: left;
	}
}
/**************************************************************************************************/
@media screen and (max-width: 480px) {
/**************************************************************************************************/
	html {
		-webkit-text-size-adjust: none; /* disable webkit text size adjust (for iPhone) */
	}
	.wrap {  
		width:100%; 
		margin:0 auto;  
	}
	#topstrip{
		font-size: 30px;
	}
	#content { 
		padding: 30px 5% 0 5%; 
	}
	#footer { 
		position: relative;
		margin-top: 20px;
		left:0px;
		bottom:0px;
		z-index: 0;
	}
	.fl {
		float: none;
	}
	.fr {
		float: none;
	}
	.scol{
		width: 100%;
	}
	.dcol{
		width: 100%;
	}
	.tcol{
		width: 100%;
	}
	#topstrip{
		text-align: center;
		padding-bottom: 10px;
	}
	#content_plus{
		padding: 30px 5% 0 5%;
	}
	.series_item {
		min-height: 10px; 
		width: 96%;
	}
	#navwrap {
		border-bottom: none;
	}
	.navbar_container {
		width:90%;
	}
	#navbar ul li a {
		width:100%;
		margin:0px;
		padding:0px;
		font-size:24px;
		height:48px;
		text-align:center;
	}
	.grid4 .col {
		width: 48.4%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
	.grid3 .col {
		width: 48.4%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
}