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


/* =================
	navbar
====================*/

#navbar-wrapper
{
	width:100%;
	height:8%;
	
	overflow:hidden;
	position:fixed;
	z-index:99;
	background-color:#e54e33;
	
	display:table;
	
	text-align:center;
	
	color:#fff;
	font-family:Avenir-Medium;
	font-size:20px;
}

#nav-title
{
	color:#fff;
	font-family:Avenir-Medium;
	font-size:20px;
	
	display:table-cell;
	
	vertical-align:middle;
	
	width:auto;
	
	text-align:left;
}

#nav-home
{
	display:table-cell;
	vertical-align:middle;
	
	position:relative;
	width:50%;
	height:100%;
}

#nav_home_button-id
{
	height:100%;
	position:absolute;
	top:0;
	right:0;
}

#nav_left_button-id
{
	height:100%;
	width:auto;
	
	position:absolute;
	left:0;
	top:0;
}

#nav_right_button-id
{
	height:100%;
	width:auto;
	
	position:absolute;
	right:0;
	top:0;
}

@media (min-width: 320px) and (max-width: 480px)
{
	#navbar-wrapper
	{	
		height:12%;
	}
	
	#space-wrapper
	{
		height:12%;	
	}
	
	#content-wrapper
	{
		height:88%;
	}
}