@charset "utf-8";
/* CSS Document */
@import url('/demo/reset.css');

body{
background:#FFFFFF; }

#nav
{
background: 
}

#navigation 
{
	margin-left:-37px
}

#navigation li
{

float:left;
display:block;
}

#navigation li a
{
	background-image:url(../images/sprite.jpg);
	display: block;
	outline: none;
	position: relative;
	height: 40px;
	text-decoration: none;
	width: auto;

}



	
	#navigation .home 
	{
	background-position:0px 0px;
	width:310px;
	height:40px;
	
	}
	
	#navigation .services 
	{
	background-position:-310px 0px;
	width:105px;
	height:40px;
	}
	
	#navigation .portfolio 
	{
	background-position:-415px 0px;
	width:105px;
	height:40px;
	}
	
	#navigation .about 
	{
	background-position:-520px 0px;
	width:102px;
	height:40px;
	}
	
	#navigation .contact 
	{
	background-position:-625px 0px;
	width:103px;
	height:40px;
	}
	
	#navigation .shop
	{
	background-position:-730px 0px;
	width:105px;
	height:40px;
	}
	
	#navigation .aaa
	{
	background-position:-835px 0px;
	width:105px;
	height:40px;
	}
	
	#navigation a .hover {
	background: transparent url(../images/sprite.jpg) no-repeat;
	display:block ;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	
	}
	
	#navigation .home .hover {
	background-position: -0px -40px;
	
	}
	#navigation .services .hover{
	background-position: -310px -40px;
	
	}
	#navigation .portfolio .hover {
	background-position: -415px -40px;
	}
	#navigation .about .hover {
	background-position: -520px -40px;
	}
	#navigation .contact .hover {
	background-position: -625px -40px;
	}
	#navigation .shop .hover {
	background-position: -730px -40px;
	}
	#navigation .aaa .hover {
	background-position: -835px -40px;
	}
.te {
	font-weight: normal;
}