.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#join{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#join 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#join a{background:transparent url(/html/images/framework/join.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#join a.active, 
.sr-nav ul li#join a.active:hover{background:transparent url(/html/images/framework/join.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#join a:hover{background:transparent url(/html/images/framework/join.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}