.sr-nav{
	height:80px;
	float:right;
	margin:0 20px 0 0;
}

.sr-nav ul li{
	float:left;
	height:80px;
	text-indent:-9999px;
}

.sr-nav ul li:hover{

}

.sr-nav ul li.active{
	background:transparent url(/html/images/assets/nav-hover.png) no-repeat left bottom;
}

.sr-nav ul li#home{width:50px;}
.sr-nav ul li#news{width:48px;}
.sr-nav ul li#work{width:46px;}
.sr-nav ul li#people{width:60px;}
.sr-nav ul li#about{width:52px;}
.sr-nav ul li#contact{width:62px;}

.sr-nav ul li#home a{width:50px; height:80px; display:block;}
.sr-nav ul li#news a{width:48px; height:80px; display:block;}
.sr-nav ul li#work a{width:46px; height:80px; display:block;}
.sr-nav ul li#people a{width:60px; height:80px; display:block;}
.sr-nav ul li#about a{width:52px;  height:80px; display:block;}
.sr-nav ul li#contact a{width:62px; height:80px; display:block;}


.sr-nav ul li#home a{background:transparent url(/html/images/framework/home.png) no-repeat left top;}
.sr-nav ul li#news a{background:transparent url(/html/images/framework/news.png) no-repeat left top;}
.sr-nav ul li#work a{background:transparent url(/html/images/framework/work.png) no-repeat left top;}
.sr-nav ul li#people a{background:transparent url(/html/images/framework/people.png) no-repeat left top;}
.sr-nav ul li#about a{background:transparent url(/html/images/framework/about.png) no-repeat left top;}
.sr-nav ul li#contact a{background:transparent url(/html/images/framework/contact.png) no-repeat left top;}

.sr-nav ul li#home a.active,
.sr-nav ul li#home a.active:hover{background:transparent url(/html/images/framework/home.png) no-repeat left bottom;}
.sr-nav ul li#news a.active,
.sr-nav ul li#news a.active:hover{background:transparent url(/html/images/framework/news.png) no-repeat left bottom;}
.sr-nav ul li#work a.active,
.sr-nav ul li#work a.active:hover{background:transparent url(/html/images/framework/work.png) no-repeat left bottom;}
.sr-nav ul li#people a.active,
.sr-nav ul li#people a.active:hover{background:transparent url(/html/images/framework/people.png) no-repeat left bottom;}
.sr-nav ul li#about a.active,
.sr-nav ul li#about a.active:hover{background:transparent url(/html/images/framework/about.png) no-repeat left bottom;}


.sr-nav ul li#home a:hover{background:transparent url(/html/images/framework/home.png) no-repeat left center;}
.sr-nav ul li#news a:hover{background:transparent url(/html/images/framework/news.png) no-repeat left center;}
.sr-nav ul li#work a:hover{background:transparent url(/html/images/framework/work.png) no-repeat left center;}
.sr-nav ul li#people a:hover{background:transparent url(/html/images/framework/people.png) no-repeat left center;}
.sr-nav ul li#about a:hover{background:transparent url(/html/images/framework/about.png) no-repeat left center;}
.sr-nav ul li#contact a:hover{background:transparent url(/html/images/framework/contact.png) no-repeat left bottom;}