#container{
}

#logo{
	background: url(http://nealford.com/images/jnf_logo.gif) no-repeat center center; 
	
	-ms-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	
	height:  5em;
	width: 15%;
	margin-left:  3%;
	margin-top: .75em;
	float: left;
}
	#logo span{
		/*Knock out of flow and hide*/
		visibility:  hidden;
		float: left;
		text-indent: -9999px;
	}

header{
	height:  8em;
	/*padding-bottom: 1em;*/
	margin-bottom: -1em;
	background: #fff;
	border-bottom:  solid 1px #ddd;
}

header .cap{
	background:  #33417D;
	height: 2em;
	line-height: 2em;
	font-size: .9em;
	padding: 0 3%;
	
	-ms-text-shadow: 1px 1px .125em #333;
	-moz-text-shadow: 1px 1px .125em #333;
	-webkit-text-shadow: 1px 1px .125em #333;
	-o-text-shadow: 1px 1px .125em #333;
	text-shadow: 1px 1px .125em #333;
	
}
	header .cap, header .cap a{
		color:  #fff;
	}
	header .cap a{
		opacity: .8;
		-webkit-transition: all 250ms ease-in;
		-moz-transition: all 250ms ease-in;
	}
	header .cap a:hover{
		opacity: 1.0;
	}

header .navHelper, header .blogTicker{
	float: left;
	min-width: 30%;
	max-width: 70%;
	height: 2em;
	/*Hide when spillage occurs*/
	overflow: hidden;
}

header .navHelper ul{
	float: right;
	border-right:  solid 1px #000;
	padding-right:  1em;
	margin-right: 1em;
}
	header .navHelper ul li{
		display:  inline;
		border-right: 1px solid #fff;
		border-right: 1px solid rgba(255,255,255,.4);
		padding-right: .5em;
		margin-right: .5em;
	}
	header .navHelper ul li:last-child{
		border: none;
		margin-right: 0;
		padding-right: 0;
	}

header .blogTicker ul{
	display: inline;
	margin-right: .5em;
}
	header .blogTicker ul li{
		display: inline;
	}
	header .blogTicker ul li:after{
		content:  "...";
	}

nav{
	/*position: absolute;*/
	/*display: inline;*/
	width:  70%;
	/*float: left;*/
	position: absolute;
	left: 30%;
}
	nav li{
		padding-top: .5em;
	        list-style: none;
		
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;

		float: left;
		width: 11%;
		margin: 0 2.5%;
		height: 5.5em;
		
		-ms-border-radius: 0em 0em 4em 4em / 2em 0em 2em 2em;
		-moz-border-radius: 0em 0em 4em 4em / 2em 0em 2em 2em;
		-webkit-border-radius: 0em 0em 4em 4em / 2em 0em 2em 2em;
		-o-border-radius: 0em 0em 4em 4em / 2em 0em 2em 2em;
		border-radius: 0em 0em 4em 4em / 2em 0em 2em 2em;
		
		
		background: #fff;
	}
/*	nav li:hover{
		background-position: center -20%;
		padding-bottom: .75em;
		border-bottom:  solid 1px #ddd;
	}
*/
	nav ul{
		display: inline;
	}
		nav ul li h1{
			font-size: 1em;
			text-align: center;
			padding-top: 2em;
		}
		nav ul li p{

			float: left;
			visibility:  hidden;
			text-indent: -9999px;
		}
		
	
article.tagline{
	background:  url(../images/module/home/background-tagline.jpg) no-repeat 25% center;
	padding-left: 35%;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: auto;
	/*margin-top:  -1em;*/
}
	article.tagline h1{
		border-bottom: solid 4px #1aaae3;
		/*margin-left: 30%;*/
		/*padding-top:  2%;*/
	}
	article.tagline p{
		/*margin-left: 30%;*/
	}

figure{
	float: right;
}
	figure.max{
		max-width:12em;
	}
	
.featured{
	clear: both;
}
.featured article{
	
	background: #fff;
	margin: 2%;
	
	-ms-border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	-o-border-radius: .5em;
	border-radius: .5em;
	
	-ms-box-shadow: 0 0 0 1px #ddd;
	-moz-box-shadow: 0 0 0 1px #ddd;
	-webkit-box-shadow: 0 0 0 1px #ddd;
	-o-box-shadow: 0 0 0 1px #ddd;
	box-shadow: 0 0 0 1px #ddd;
}
	.featured article:nth-child(1), .featured article:nth-child(2), .featured article:nth-child(3){
		width: 27.3333%;
		float: left;
	}
	
	
article section{
	margin: 1% 2%;
	background:  #fff;
	padding: 1%;
	border: solid 1px #ddd;
}
	article blockquote:before{
		content: "\0022";
		font-size: 3em;
		float: left;
		color: #DDD;
	}
	article blockquote:after{
		content: "\0022";
		font-size: 3em;
		float:right;
		color: #DDD;
		margin-top: -1em;
	}
	article > h1{
		border-bottom: solid 4px #33417D;
		margin: .0em;
	}
	article section p{
	}

article{
	padding: 1%;
}

.pagination{
	margin: auto 3%;
}

/*Hiding for Mobile and Desktop*/
.top header{
	
}
.bottom header{
	display: none;
}