body{
	background-color: #d2d2d2;
	margin: 0;
	padding: 0;
}

nav{
	width: 100%;
	height: 60px;
	
	margin: 0;
	padding: 10px 0 0 0;
	
	background-color: #142859;
	
}

#navigation{
	width: 1120px;
	height: 100%;
	
	margin: 0 auto;
	
	position: relative;
}

nav ul{
	float: right;
	margin: -30px 160px 0 0;
	padding: 0;
	
	list-style: none;
}

nav pre{
	margin: 0;
}

nav ul li, nav ul li a, nav pre{
	font-family: 'bebas', sans-serif;
	font-size: 14px;
	color: #fff;
	
	text-decoration: none;
	
	margin: 0;
	
	float: left;
}

nav ul li:nth-child(2n){
	margin: 0 10px;
}

nav ul li a:hover, nav pre:hover{
	color: #bf8129;
	cursor: pointer;
}




/*---------------------- Q NAV ----------------------*/

#q-nav{
	width: 100%;
	height: auto;
	
	padding-top: 50px;
	
	display: inline-table;
}



#q-about, #q-process, #q-quality, #q-nav a{
	width: 123px;
	height: 120px;
	
	font-family: 'stentiga', sans-serif;
	font-size: 10px;
	color: #142859;
	text-decoration: none;
	
	padding: -5px 0 0 0;
	
	display: table-cell;
	
	text-align: center;
	vertical-align: middle;
	
	background-image: url(../images/Q_blue.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

#q-about a:hover, #q-process a:hover, #q-quality a:hover,
#q-about:hover, #q-process:hover, #q-quality:hover{
	background-image: url(../images/Q_gold.png);
	background-repeat: no-repeat;
	
	text-decoration: none;
	color: #bf8129;
	
	cursor: pointer;
}




#social_media_nav{
	float: right;
	
	margin: -45px 0 0 0 ;
	padding: 0;
}

#social_media_nav .icon{
	float: left;
	
	padding: 0 5px;
}