/* Cassels Navigation */

ul#navigation li {
	display:inline;
	padding: 0px;
	}

li#home a {
	text-indent: -1000em; 
	background: url(../images/nav_home.jpg) no-repeat left top;
	width: 67px;
	height: 30px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 146px;
	left: 10px;
	font-size:10px;

	}


li#home a:hover {
	background-position: 0px -30px; 
	}



li#contact a {
	text-indent: -1000em;
	background: url(../images/nav_contact.jpg) no-repeat left top;
	width: 100px;
	height: 28px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 148px;
	left: 271px;
	font-size:10px;
	}


li#contact a:hover {
	background-position: 0px -31px; 
	}
	
li#accred a {
	text-indent: -1000em;
	background: url(../images/nav_acc.jpg) no-repeat left top;
	width: 135px;
	height: 27px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 147px;
	left: 376px;
	font-size:10px;
	}


li#accred a:hover {
	background-position: 0px -31px; 
	}	

li#about a {
	text-indent: -1000em; 
	background: url(../images/nav_about.jpg) no-repeat left top;
	width: 76px;
	height: 28px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 146px;
	left: 86px;
	font-size:10px;
	}


li#about a:hover {
	background-position: 0px -30px; 
	}

li#services a {
	text-indent: -1000em; 
	background: url(../images/nav_services.jpg) no-repeat left top;
	width: 113px;
	height: 27px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 148px;
	left: 168px;
	font-size:10px;
	}


li#services a:hover {
	background-position: 0px -32px; 
	}

li#gallery a {
	text-indent: -1000em; 
	background: url(../images/nav_gallery.jpg) no-repeat left top;
	width: 100px;
	height: 29px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 148px;
	left: 276px;
	font-size:10px;
	}


li#gallery a:hover {
	background-position: 0px -31px; 
	}

li#login a {
	text-indent: -1000em; 
	background: url(../images/nav_login.jpg) no-repeat left top;
	width: 150px;
	height: 30px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 20px;
	font-size:10px;
	}


li#login a:hover {
	background-position: 0px -30px; 
	}



li#homeON a {
	text-indent: -1000em; 
	background: url(../images/nav_home.jpg) no-repeat left top;
	width: 67px;
	height: 30px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 146px;
	left: 10px;
	font-size:10px;
background-position: 0px -30px; 

	}

li#contactON a {

	text-indent: -1000em; 
	background: url(../images/nav_contact.jpg) no-repeat left top;
	width: 100px;
	height: 28px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 148px;
	left: 271px;
	font-size:10px;
	background-position: 0px -31px; 
	}

li#aboutON a {
	text-indent: -1000em; 
	background: url(../images/nav_about.jpg) no-repeat left top;
	width: 76px;
	height: 28px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 146px;
	left: 86px;
	font-size:10px;
	background-position: 0px -30px; 
	}

li#galleryON a {
	text-indent: -1000em; 
	background: url(../images/nav_gallery.jpg) no-repeat left top;
	width: 100px;
	height: 29px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 148px;
	left: 276px;
	font-size:10px;
	background-position: 0px -31px; 

	}	

li#servicesON a {
	text-indent: -1000em; 
	background: url(../images/nav_services.jpg) no-repeat left top;
	width: 113px;
	height: 27px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 148px;
	left: 168px;
	font-size:10px;
	background-position: 0px -32px; 
	}
	
li#accredON a {
	text-indent: -1000em; 
	background: url(../images/nav_acc.jpg) no-repeat left top;
	width: 135px;
	height: 27px; 
	display: block;
	overflow: hidden;
	position: absolute;
		position: absolute;
	top: 147px;
	left: 376px;
	background-position: 0px -31px; 
	}