ul#nav {
   margin:60px 0 0 0;
   padding:0;
   }

#nav li {
	display:inline;
	padding: 0px 0px 0px 0px;
	}
	
li.home a {
	text-indent: -3000em;
	background:url(../images/nav/home.jpg) no-repeat left top;
	width: 52px;
	height: 38px;
	display: block;
	overflow: hidden;
	float:left;
	margin-right: 28px;
	}

li.home a:hover {
	background-position: 0px -38px; 
	}

li.homeON a {
	text-indent: -3000em;
	background:url(../images/nav/home.jpg) no-repeat left top;
	width: 52px;
	height: 38px;
	display: block;
	overflow: hidden;
	float:left;
	background-position: 0px -76px;
	margin-right: 28px;
	}
	
	
li.about a {
	text-indent: -3000em;
	background:url(../images/nav/about.jpg) no-repeat left top;
	width: 72px;
	height: 38px;
	display: block;
	overflow: hidden;
	float:left;
	margin-right: 28px;
	}

li.about a:hover {
	background-position: 0px -38px; 
	}

li.aboutON a {
	text-indent: -3000em;
	background:url(../images/nav/about.jpg) no-repeat left top;
	width: 72px;
	height: 38px;
	display: block;
	overflow: hidden;
	float:left;
	background-position: 0px -76px;
	margin-right: 28px;
	}
	
li.products a {
        text-indent: -3000em;
        background:url(../images/nav/products.jpg) no-repeat left top;
        width: 72px;
        height: 38px;
        display: block;
        overflow: hidden;
        float:left;
        margin-right: 28px;
        }

li.products a:hover {
        background-position: 0px -38px;
        }

li.productsON a {
        text-indent: -3000em;
        background:url(../images/nav/products.jpg) no-repeat left top;
        width: 72px;
        height: 38px;
        display: block;
        overflow: hidden;
        float:left;
        background-position: 0px -76px;
        margin-right: 28px;
        }

	
li.ourservices a {
	text-indent: -3000em;
	background:url(../images/nav/ourservices.jpg) no-repeat left top;
	width: 92px;
	height: 38px;
	display: block;
	overflow: hidden;
	float:left;
	margin-right: 28px;
	}

li.ourservices a:hover {
	background-position: 0px -38px; 
	}

li.ourservicesON a {
	text-indent: -3000em;
	background:url(../images/nav/ourservices.jpg) no-repeat left top;
	width: 92px;
	height: 38px;
	display: block;
	overflow: hidden;
	float:left;
	background-position: 0px -76px;
	margin-right: 28px;
	}
	
	
li.casestudies a {
	text-indent: -3000em;
	background:url(../images/nav/casestudies.jpg) no-repeat left top;
	width: 98px;
	height: 38px;
	display: block;
	overflow: hidden;
	float:left;
	margin-right: 28px;
	}

li.casestudies a:hover {
	background-position: 0px -38px; 
	}

li.casestudiesON a {
	text-indent: -3000em;
	background:url(../images/nav/casestudies.jpg) no-repeat left top;
	width: 98px;
	height: 38px;
	display: block;
	overflow: hidden;
	float:left;
	background-position: 0px -76px;
	margin-right: 28px;
	}
	
	
li.blog a {
	text-indent: -3000em;
	background:url(../images/nav/blog.jpg) no-repeat left top;
	width: 45px;
	height: 38px;
	display: block;
	overflow: hidden;
	float:left;
	margin-right: 28px;
	}

li.blog a:hover {
	background-position: 0px -38px; 
	}

li.blogON a {
	text-indent: -3000em;
	background:url(../images/nav/blog.jpg) no-repeat left top;
	width: 45px;
	height: 38px;
	display: block;
	overflow: hidden;
	float:left;
	background-position: 0px -76px;
	margin-right: 28px;
	}
	
	
li.contact a {
	text-indent: -3000em;
	background:url(../images/nav/contact.jpg) no-repeat left top;
	width: 64px;
	height: 38px;
	display: block;
	overflow: hidden;
	float:left;
	}

li.contact a:hover {
	background-position: 0px -38px; 
	}

li.contactON a {
	text-indent: -3000em;
	background:url(../images/nav/contact.jpg) no-repeat left top;
	width: 64px;
	height: 38px;
	display: block;
	overflow: hidden;
	float:left;
	background-position: 0px -76px; 
	}
	

/* UTANIUM STUFF */

li.overview a {
        text-indent: -3000em;
        background:url(../images/nav/products/overview.jpg) no-repeat left top;
        width: 195px;
        height: 34px;
        display: block;
        overflow: hidden;
        }

li.overview a:hover {
        background-position: 0px -34px;
        }

li.overviewON a {
        text-indent: -3000em;
        background:url(../images/nav/products/overview.jpg) no-repeat left top;
        width: 195px;
        height: 34px;
        display: block;
        overflow: hidden;
        background-position: 0px -34px;
        }


li.features a {
        text-indent: -3000em;
        background:url(../images/nav/products/features.jpg) no-repeat left top;
        width: 195px;
        height: 34px;
        display: block;
        overflow: hidden;
        }

li.features a:hover {
        background-position: 0px -34px;
        }

li.featuresON a {
        text-indent: -3000em;
        background:url(../images/nav/products/features.jpg) no-repeat left top;
        width: 195px;
        height: 34px;
        display: block;
        overflow: hidden;
        background-position: 0px -34px;
        }
        
li.specs a {
        text-indent: -3000em;
        background:url(../images/nav/products/techspec.jpg) no-repeat left top;
        width: 195px;
        height: 34px;
        display: block;
        overflow: hidden;
        }

li.specs a:hover {
        background-position: 0px -34px;
        }

li.specsON a {
        text-indent: -3000em;
        background:url(../images/nav/products/techspec.jpg) no-repeat left top;
        width: 195px;
        height: 34px;
        display: block;
        overflow: hidden;
        background-position: 0px -34px;
        }
        

li.downloads a {
        text-indent: -3000em;
        background:url(../images/nav/products/downloads.jpg) no-repeat left top;
        width: 195px;
        height: 34px;
        display: block;
        overflow: hidden;
        }

li.downloads a:hover {
        background-position: 0px -34px;
        }

li.downloadsON a {
        text-indent: -3000em;
        background:url(../images/nav/products/downloads.jpg) no-repeat left top;
        width: 195px;
        height: 34px;
        display: block;
        overflow: hidden;
        background-position: 0px -34px;
        }

/* TEAM STUFF */

li.dean a {
	text-indent: -3000em;
	background:url(../images/nav/team/dean.jpg) no-repeat left top;
	width: 195px;
	height: 34px;
	display: block;
	overflow: hidden;
	}

li.dean a:hover {
	background-position: 0px -34px; 
	}

li.deanON a {
	text-indent: -3000em;
	background:url(../images/nav/team/dean.jpg) no-repeat left top;
	width: 195px;
	height: 34px;
	display: block;
	overflow: hidden;
	background-position: 0px -34px;
	}
	
	
li.lee a {
	text-indent: -3000em;
	background:url(../images/nav/team/lee.jpg) no-repeat left top;
	width: 195px;
	height: 34px;
	display: block;
	overflow: hidden;
	}

li.lee a:hover {
	background-position: 0px -34px; 
	}

li.leeON a {
	text-indent: -3000em;
	background:url(../images/nav/team/lee.jpg) no-repeat left top;
	width: 195px;
	height: 34px;
	display: block;
	overflow: hidden;
	background-position: 0px -34px;
	}
	
	
li.anna a {
	text-indent: -3000em;
	background:url(../images/nav/team/anna.jpg) no-repeat left top;
	width: 195px;
	height: 34px;
	display: block;
	overflow: hidden;
	}

li.anna a:hover {
	background-position: 0px -34px; 
	}

li.annaON a {
	text-indent: -3000em;
	background:url(../images/nav/team/anna.jpg) no-repeat left top;
	width: 195px;
	height: 34px;
	display: block;
	overflow: hidden;
	background-position: 0px -34px;
	}
	
li.chris a {
	text-indent: -3000em;
	background:url(../images/nav/team/chris.jpg) no-repeat left top;
	width: 195px;
	height: 34px;
	display: block;
	overflow: hidden;
	}

li.chris a:hover {
	background-position: 0px -34px; 
	}

li.chrisON a {
	text-indent: -3000em;
	background:url(../images/nav/team/chris.jpg) no-repeat left top;
	width: 195px;
	height: 34px;
	display: block;
	overflow: hidden;
	background-position: 0px -34px;
	}
	
	
	
ul#casestudy-nav {
   margin:0px 0 0 0;
   padding:0;
   }

#casestudy-nav li {
	display:inline;
	padding: 0px 0px 0px 0px;
	}
	
li.prev a {
	text-indent: -3000em;
	background:url(../images/nav/case-studies/prev-v2.jpg) no-repeat left top;
	width: 44px;
	height: 44px;
	display: block;
	overflow: hidden;
	float:left;
	margin-left: 6px;
	background-position: 0px -44px; 
	}

li.prev a:hover {
	background-position: 0px -88px; 
	}

li.prevOFF a {
	text-indent: -3000em;
	background:url(../images/nav/case-studies/prev-v2.jpg) no-repeat left top;
	width: 44px;
	height: 44px;
	display: block;
	overflow: hidden;
	float:left;
	margin-left: 6px;
	background-position: 0px 0px;
	}
	
li.next a {
	text-indent: -3000em;
	background:url(../images/nav/case-studies/next-v2.jpg) no-repeat left top;
	width: 44px;
	height: 44px;
	display: block;
	overflow: hidden;
	float:left;
	margin-left: 25px;
	background-position: 0px -44px; 
	}

li.next a:hover {
	background-position: 0px -88px; 
	}

li.nextOFF a {
	text-indent: -3000em;
	background:url(../images/nav/case-studies/next-v2.jpg) no-repeat left top;
	width: 44px;
	height: 44px;
	display: block;
	overflow: hidden;
	float:left;
	margin-left: 25px;
	background-position: 0px 0px;
	}