@import url('visual.css');
body {background: url(dpattern.jpg) repeat 50% 0% #141318;}


header#masthead {height: 160px; position: relative;} 
header .logo {
	width: 260px; left: 50%; 
	margin-left: -130px; 
	background: url(logo-ribbon.png) no-repeat 50% 100%; 
	padding: 10px 0 70px 0;
}
header .logo span {letter-spacing: 1px; text-align: center; padding: 0 0 0 8px}
nav ul li {
	width: 120px;
	background: url(nav-ribbon.png) no-repeat; 
	background-position: 50% -190px;
}
nav ul li a span {
	background: url(nav-icons.png) no-repeat 0 -15px;
}
nav ul .n-services {left: 0;}
nav ul .n-portfolio {left: 120px;}
nav ul .n-team {left: 240px;}
nav ul .n-blog {right: 240px;}
nav ul .n-contact {right: 120px;}
nav ul .n-quote {right: 0;}
nav ul .n-services a span {background-position: 0 -15px;}
nav ul .n-portfolio a span {background-position: 0 -145px;}
nav ul .n-team a span {background-position: 0 -275px;}
nav ul .n-blog a span {background-position: 0 -405px;}
nav ul .n-contact a span {background-position: 0 -530px;}
nav ul .n-quote a span {background-position: 0 -663px;}
nav ul li:hover  {
	background: url(nav-ribbon.png) no-repeat;
	background-position: 50% -5px; 
}
nav ul .n-services:hover span {background-position: -120px -15px;}
nav ul .n-portfolio:hover span {background-position: -120px -145px;}
nav ul .n-team:hover span {background-position: -120px -275px;}
nav ul .n-blog:hover span {background-position: -120px -405px;}
nav ul .n-contact:hover span {background-position: -120px -530px;}
nav ul .n-quote:hover span {background-position: -120px -663px;}
/*-------------------------------------------    
  ACTIVE MENU ITEMS
-------------------------------------------*/
body#serv nav ul .n-services {
	background: url(nav-ribbon.png) no-repeat;
	background-position: 50% -5px; 
}
body#serv nav ul .n-services span {background-position: -120px -15px;}
/*-- FOLIO --*/
body#launch nav ul .n-portfolio {
	background: url(nav-ribbon.png) no-repeat;
	background-position: 50% -5px; 
}
body#launch nav ul .n-portfolio span {background-position: -120px -145px;}
/*-- TEAM --*/
body#team nav ul .n-team {
	background: url(nav-ribbon.png) no-repeat;
	background-position: 50% -5px; 
}
body#team nav ul .n-team span {background-position: -120px -275px;}
/*-- JOURNEY --*/
body#blog nav ul .n-blog {
	background: url(nav-ribbon.png) no-repeat;
	background-position: 50% -5px; 
}
body#blog nav ul .n-blog span {background-position: -120px -405px;}
/*-- CONTACT --*/
body#contact nav ul .n-contact {
	background: url(nav-ribbon.png) no-repeat;
	background-position: 50% -5px; 
}
body#contact nav ul .n-contact span {background-position: -120px -530px;}
/*-- QUOTE --*/
body#quote nav ul .n-quote {
	background: url(nav-ribbon.png) no-repeat;
	background-position: 50% -5px; 
}
body#quote nav ul .n-quote span {background-position: -120px -663px;}