/* @group navigation */



#navcontainer {
	list-style: none;

	position: absolute;
	
	left: 100px;
	
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	xxxheight: 70px;
	xxxmargin: 0 0 0 70px;
	top: 70px;
}
#navcontainer span {
	display: none;
}
#navcontainer a {
	display: block;
	text-indent: -9000px;
	xxxborder: solid 1px ;
	position: absolute;
	outline: none;
	color: #fff;
	background-color: #000;
}
#navcontainer a:hover {
	background: transparent left bottom;
}
#navcontainer a:hover span{
	display: block;
}
#navcontainer .li_portfolio {
	width: 76px;
	height: 26px;
	background: url(menu_Operation_YOU/portfolio.png) no-repeat 0 0px;
	top: 0px;
	left: 160px;
}
#navcontainer a:hover.li_portfolio  {
	background: url(menu_Operation_YOU/portfolio.png) no-repeat 0 -27px;
}


#navcontainer .li_about {
	width: 124px;
	height: 26px;
	background: url(menu_Operation_YOU/about.png) no-repeat 0 0px;
	left: 260px;
	top: 0px;
}
#navcontainer a:hover.li_about  {
	background: url(menu_Operation_YOU/about.png) no-repeat 0 -27px;
}




#navcontainer .li_clients {
	width: 124px;
	height: 26px;
	background: url(menu_Operation_YOU/clients.png) no-repeat 0 0px;
	left: 410px;
	top: 0px;
}
#navcontainer a:hover.li_clients  {
	background: url(menu_Operation_YOU/clients.png) no-repeat 0 -27px;
}

#navcontainer .li_contact {
	width: 124px;
	height: 26px;
	background: url(menu_Operation_YOU/contact.png) no-repeat 0 0px;
	left: 500px;
	top: 0px;
}
#navcontainer a:hover.li_contact  {
	background: url(menu_Operation_YOU/contact.png) no-repeat 0 -27px;
}



#navcontainer .li_blog {
	width: 49px;
	height: 26px;
	background: url(menu_Operation_YOU/blog.png) no-repeat 0 0px;
	left: 600px;
	top: 0px;
}
#navcontainer a:hover.li_blog  {

	background: url(menu_Operation_YOU/blog.png) no-repeat 0 -27px;
	
}





/* @end */