/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url('http://nesdev.com/newindex/images/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url('http://nesdev.com/newindex/images/pEobIV_lL25TKBpqVI_a2w.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

*
{
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif
}

body
{
	background-color: #333;
	font-size: 16px;
}

.DivPlaner			{ clear: both; height: 1px; }
.FloatLeft			{ float: left; }
.FloatRight			{ float: right; }
.Left				{ text-align: left; }
.Right				{ text-align: right; }
.Center				{ text-align: center; }


h1
{
	font-family: 'Oswald', sans-serif;
	color: #333;
	font-size: 30px;
	letter-spacing: 3px;
	font-weight: 400;
	color: #cc6633;
	line-height: 30px;
}

h2
{
	font-family: 'Oswald', sans-serif;
	color: #333;
	font-size: 26px;
	font-weight: 400;
	letter-spacing: 3px;
}

a
{
	text-decoration: none;
}


#MasterContainer
{
	background-color: #fff;
}

#MasterContainer, #MasterFramer, #TopNavContainer, #HeaderContainer, #MainNavContainer, #MainContainer, #FooterContainer
{
	width: 100%;
}

#TopNavContainer
{
	border-bottom: 1px solid #bbb;

	line-height: 40px;
	background-color: #eee;
	color: #333;
	text-align: center;
}

#TopNavContainer *
{
	font-size: 14px;
}

#TopNavContainer a
{
	color: #cc6633;
}

#HeaderFramer
{
	text-align: center;
}


#MainNavFramer
{
	background-color: #333;
	border-radius: 10px;
	line-height: 56px;
	text-align: center;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#MainNavContainer ul li
{
	list-style-position: inside;
	list-style: none;
	text-transform: uppercase;
	color: #fff;
}

#MainNavContainer ul li a span
{
	display: inline-block;
	line-height: 56px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#MainNavContainer ul li a span:hover
{
	color: #cc6633;
}
	
#MainFramer
{
	padding-bottom: 50px;
}

#FooterContainer
{
	background-color: #333;
	line-height: 25px;
	text-align: center;
	color: #888;
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 20px;
}


.News .Listing
{
	margin-top: 38px;
	padding-bottom: 38px;
	border-bottom: 1px solid #bbb;
	
}


.News .Listing .Thumbnail
{
	float: left;
	border: 1px solid #bbb;
	margin-right: 30px;
}

.News .Listing .Title
{
	line-height: 20px;
	color: #333;
}

.News .Listing:hover .Title
{
	line-height: 20px;
	color: #cc6633;
}

.News .Listing .Author
{
	line-height: 40px;
	font-size: 14px;
	color: #333;
}

.News .Listing .Content
{
	line-height: 20px;
	color: #000;
}

.News .Listing .Links
{
	color: #cc6633;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
}

.News .Button
{
	margin: 0px;
	float: left;
	width:100%;
}

.News .Button .Container
{
	border-radius: 10px;
	border: 1px solid #888;
	background-color: #eee;
	color: #000;
	min-width: 180px;
	height: 150px;
	margin: 10px;
}

.News .Button .Container p
{
	
	padding: 20px;
}
.News .Button .Container h2
{
	text-align: center;
}

.News .Button:hover .Container h2
{
	color: #cc6633;
}

.News .Button:hover .Container
{

	box-shadow: 0px 0px 5px #888;
}

@media ( max-width: 351px)
{
	#HeaderFramer #Logo img
	{
		width: 100%;
		margin-top: 20px;
	margin-bottom: 10px;
	}	

}

@media ( min-width: 352px)
{
	#HeaderContainer, #HeaderFramer
	{
		height: 94px;
	}

	#HeaderFramer #Logo
	{
		padding-top: 24px;
	}


}

@media ( min-width: 460px)
{
	.News .Button
	{
		width:50%;
	}

}


@media (max-width: 919px)
{
	.HideSmall
	{
		display: none;
	}

	#HeaderFramer, #MainNavFramer, #MainFramer
	{
		margin-left: 20px;
		margin-right: 20px;
	}
	
	#TopNavFramer, #FooterFramer
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	
	#MainNavContainer ul
	{
		height: 56px;
		overflow: hidden;
	}
	
	#MainNavContainer ul.Active
	{
		height: 100%;
	}
	
	#MainNavContainer ul li span
	{
		display: inline-block;
		width: 100%;
	}
	
	

}

@media (min-width: 920px)
{
	
	.HideBig
	{
		display: none;
	}
	
	#TopNavFramer, #HeaderFramer, #MainNavFramer, #MainFramer, #FooterFramer
	{
		width: 920px;
		margin-left: auto;
		margin-right: auto;

	}

	#MainNavContainer ul li
	{
		display: inline;
	}
	
	#MainNavContainer ul li:first-child
	{
		display: none;
	}
	
	#MainNavContainer ul li a span
	{
		padding-left: 24px;
		padding-right: 24px;
	}

	.News .Button
	{
		width:33%;
	}


}