body
{
	font-family: roboto, droid sans, sans-serif;
	font-size:16px;
	
	margin: 0;
}

.container
{
	background-color: white;
}

.parallax_banner, .plain_banner
{
	height:350px;
	width: 90%;
	padding-left:5%;
	padding-right:5%;
	
	float:left;
	
	
	background-image: url("../images/4664797235_86edba55a0_b.jpg");
	background-repeat: no-repeat;
	background-position:fixed;
	background-size: 200% auto;
	
}

.plain_banner
{
	height:200px;
	background-image:none; background:#404040;
}

.banner_title
{
	float:left;
	
	margin-top:100px;
	
	height:50px;
	
	font-size:48px;
	font-weight:bold;
	
	color:white;
}

.banner_text
{
	float:left;
	
	height:auto;
	width:100%;
	
	text-align:left;
	
	padding:0;
	margin-top: 20px;
	
	font-size:24px;
	font-weight:normal;
	color:white;
}

.nav
{
	top:0;
	position:fixed;

	height: 50px;
	width: 90%;
	padding-left:5%;
	padding-right:5%;
	
	font-weight: bold;
	font-size:12px;
	text-align:right;
		
	overflow:hidden;
	
	background-color:white;
	
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.2);
}

img
{
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	border-radius:4px;
}

img.icon_sm
{
	height:16px;
	width:auto;
}

a.navitem, a.navitem_active, a.navitem_search, a.navitem_search_close
{
	display:block;
	padding-right: 40px;
	padding-left: 40px;
	
	padding-top:10px;
	
	float:right;
	
	height:40px;
	width:auto;
		
	color:black;
	
	text-decoration: none;
	
	font-size:18px;
	
	cursor:pointer;
	
	transition: padding-left .05s, padding-right .05s, font-size .05s, width .05s, height .05s;
}

a.navitem_search, a.navitem_search_close
{
	padding-top:14px;
	width:20px;
}

a.navitem_search_close
{
	width: 0;
	padding:14px 0px;
	
	
	pointer-events:none;
	opacity: 0;
	
	overflow:hidden;
}

a
{
	color:#808080;
}

input[type='search'], input[type='search']:focus
{
	overflow:hidden;
	
	margin-top:10px;
	float:right;
	
	padding:0px 0px;
	
	background-color:white;
	color:#303030;
	
	border:none;
	
	outline:none;
	
	font-family: roboto, sans-serif;
	font-size:18px;
	
	pointer-events:none;
	opacity: 0;
	
	width:0;
	height:25px;
}


a.navitem_active
{
	color: white;
	background-color:black;
}

a.navitem:hover
{
	background-color:#f0f0f0;
}


a.logo
{
	padding-top:2px;
	height:40px;
	
	float:left;
}

h1
{
	font-size: 22pt;
	font-weight: bold;
	margin: 0;
	margin-bottom:16px;
}

h2
{
	font-size: 16pt;
	font-weight: bold;
	margin: 0;
	margin-bottom:16px;
	
}

p
{	
	text-align:left;
	
	
	
	margin-top: 0;
	
	color:#303030;
}


.banner
{
	height:auto;
	width: 90%;
	
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 5%;
	padding-right: 5%;
	
	margin-top:10px;
	
	background-color: black;
	color:white;
	
	float:left;
	
	text-align:center;
}

.widget
{
	opacity:0;
	margin-top:20px;
}

.content
{
	height: auto;
	width: 90%;
	
	margin-left:auto;
	margin-right:auto;
		
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 5%;
	padding-right: 5%;
	
	font-size:16px;
	
	text-align: center;
	
	line-height:180%;
	
	color: black;
	
	float:left;
	
}

.content_half, .content_image, .content_text
{
	height:auto;
	
	float:left;
	
	font-size:16px;
	
	text-align: center;
	
	line-height:180%;
	
	color: black;
	
	width:45%;
	padding-left:2%;
	padding-right:2%;
	
	
	padding-top: 18px;
	padding-bottom: 18px;
	
}

.content_third
{
	height:auto;
	
	float:left;
	
	font-size:16px;
	
	text-align: left;
	
	line-height:180%;
	
	color: black;
	
	width:28%;
	padding-left:2%;
	padding-right:2%;
	
	padding-top: 18px;
	padding-bottom: 18px;
}

a.button_black_over_white
{
	height:auto;
	width:100px;
	
	font-size:14px;
	
	float:left;
	
	padding:6px 10px;
	
	display:block;
	
	color:white;
	background-color:black;
	
	font-weight:bold;
	
	
	border-style:solid;
	border-width: 2px;
	border-color: black;
	border-radius:4px;
	
	
	text-decoration:none;
	
	text-align:center;
	
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	transition: background-color .2s, color .2s, border-color .2s;
}

a.button_black_over_white:hover
{
	color:black;
	background-color:white;
}

a.button_black_small_over_black
{
	height:auto;
	width:20%;
	
	font-size:12px;
	
	float:left;
	
	padding:4px 4px;
	
	display:block;
	
	color:white;
	background-color:black;
	
	font-weight:bold;
	
	
	border-style:solid;
	border-width: 2px;
	border-color: white;
	border-radius:4px;
	
	
	text-decoration:none;
	
	text-align:center;
	
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	transition: background-color .2s, color .2s, border-color .2s;
}

a.button_black_small_over_black:hover
{
	color:black;
	background-color:white;
	border-color: black;
}

.footer
{
	float:left;
	
	height:auto;
	width:100%;
	
	margin-top:40px;
	
	padding-top:30px;
	padding-bottom:50px;
	
	background-color: black;
	color: white;
}

.footer_item
{
	height:auto;
	float:left;
	padding-left:2%;
	width:23%;
	
	line-height:180%;
	
	
}

.footer_bottom
{
	float:left;
	
	height:10px;
	width:auto;
	
	
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	
	font-size:14px;
	color: black;
}

.footer_bottom_scrollup_button
{
	
	border-style:solid;
	border-width: 2px;
	border-color: black;
	border-radius:4px;
	
	background-color:white;

	position:fixed;
	
	bottom:60px;
	right:-100px;
	
	height:25px;
	width:auto;
	
	padding:5px 20px;
	
	cursor: pointer;
	
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.3);
	
	
	
	transition: background-color .2s:
	
}


.footer_bottom_scrollup_button:hover
{
	background-color:#d0d0d0;
}


.code
{
	font-family: inconsolata, hack, lucida console, monospace;
}


@media screen and (max-width: 1200px)
{
	.nav
	{
		height:40px;
	}
	
	a.navitem, a.navitem_active
	{
		
		padding-left:20px;
		padding-right:20px;
		
		font-size:14px;
	}
	
	.content_half, .content_third, .content_image, .content_text, .content
	{
		font-size:14px;
	}
	
	img.icon_sm
	{
		height:14px;
		width:14px;
	}
	a.navitem_search, a.navitem_search_close
	{
		padding-top:10px;
		width:14px;
	}

	a.navitem_search_close
	{
		width: 0;
		padding:12px 0px;
	}
}

@media screen and (max-width: 800px)
{
	a.navitem, a.navitem_active
	{
		
		padding-left:10px;
		padding-right:10px;
		
		height:40px;
		width:auto;
		
		font-size:12px;
	}
	
	

}

@media screen and (max-width: 600px)
{
	a.navitem, a.navitem_active
	{
		
		padding-left:5px;
		padding-right:5px;
		
		height:30px;
		width:auto;
		
		font-size:12px;
	}
	
	.nav
	{
		height:30px;
	}
	
	.content_half, .content_third, .content_image, .content_text, .content
	{
		font-size:12px;
	}
	
	img.icon_sm
	{
		height:12px;
		width:12px;
	}
	
	a.navitem_search, a.navitem_search_close
	{
		padding-top:8px;
		width:14px;
	}

	a.navitem_search_close
	{
		width: 0;
		padding:10px 0px;
	}

}