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

/* --------------------------------------------------------------------------------------------------------- */
/*  Main Nav                                                                                                                            */
/* --------------------------------------------------------------------------------------------------------- */
#nav {  
	list-style: none;
  	padding: 0;
  	margin: 0;
	position: relative;  
}

#nav a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#nav a:hover, .nav-selected {
  background-position: left bottom !important;
}

#logo {
	position:absolute;
	width: 103px;
	height: 79px;
	left: 0px;
	top: 12px;
}

#nav .nav-about {
	width: 139px;
	height: 40px;
	background: url('../img/nav-about.png') no-repeat;
	left: 103px;
	top: 23px;
}

#nav .nav-projects {
	width: 86px;
	height: 40px;
	background: url('../img/nav-projects.png') no-repeat;
	left: 243px;
	top: 23px;
}

#nav .nav-tech {
	width: 108px;
	height: 40px;
	background: url('../img/nav-technology.png') no-repeat;
	left: 330px;
	top: 23px;
}

#nav .nav-services {
	width: 81px;
	height: 40px;
	background: url('../img/nav-services.png') no-repeat;
	left: 439px;
	top: 23px;
}

#nav .nav-qa {
	width: 132px;
	height: 40px;
	background: url('../img/nav-qs.png') no-repeat;
	left: 521px;
	top: 23px;
}

#nav .nav-team {
	width: 62px;
	height: 40px;
	background: url('../img/nav-team.png') no-repeat;
	left: 654px;
	top: 23px;
}

#nav .nav-contact {
	width: 155px;
	height: 40px;
	background: url('../img/nav-contact.png') no-repeat;
	left: 717px;
	top: 23px;
}