/* 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: 73px;
	height: 33px; 
	display: block;
	overflow: hidden;
	position: absolute;
	font-size:10px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 70px;
	left: 1px;
	font-size:10px;

	}


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

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

li#welcome a {
	text-indent: -1000em; 
	background: url(../images/nav_welcome.jpg) no-repeat left top;
	width: 115px;
	height: 33px; 
	display: block;
	overflow: hidden;
	position: absolute;
	font-size:10px;
	top: 70px;
	left: 74px;
	}


li#welcome a:hover {
	background-position: 0px -33px; 
	}

li#welcomeON a {

	text-indent: -1000em; 
	background: url(../images/nav_welcome.jpg) no-repeat left top;
	background-position: 0px -33px; 
	width: 115px;
	height: 33px; 
	display: block;
	overflow: hidden;
	position: absolute;
	font-size:10px;
	top: 70px;
	left: 74px;
	}

li#blog a {
	text-indent: -1000em; 
	background: url(../images/nav_blog.jpg) no-repeat left top;
	width: 61px;
	height: 33px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 70px;
	left: 189px;
	font-size:10px;
	}


li#blog a:hover {
	background-position: 0px -33px; 
	}	

li#blogON a {
	text-indent: -1000em; 
	background: url(../images/nav_blog.jpg) no-repeat left top;
	background-position: 0px -33px; 
	width: 61px;
	height: 33px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 70px;
	left: 189px;
	font-size:10px;
	}

li#issues a {
	text-indent: -1000em; 
	background: url(../images/nav_issues.jpg) no-repeat left top;
	width: 105px;
	height: 33px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 70px;
	left: 250px;
	font-size:10px;
	}


li#issues a:hover {
	background-position: 0px -33px; 
	}

li#issuesON a {
	text-indent: -1000em; 
	background: url(../images/nav_issues.jpg) no-repeat left top;
	background-position: 0px -33px; 
	width: 105px;
	height: 33px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 70px;
	left: 250px;
	font-size:10px;
	}

li#interviews a {
	text-indent: -1000em; 
	background: url(../images/nav_interviews.jpg) no-repeat left top;
	width: 154px;
	height: 33px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 70px;
	left: 355px;
	font-size:10px;
	}


li#interviews a:hover {
	background-position: 0px -33px; 
	}


li#interviewsON a {
	text-indent: -1000em; 
	background: url(../images/nav_interviews.jpg) no-repeat left top;
	background-position: 0px -33px; 
	width: 154px;
	height: 33px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 70px;
	left: 355px;
	font-size:10px;
	}


li#contribute a {
	text-indent: -1000em; 
	background: url(../images/nav_contribute.jpg) no-repeat left top;
	width: 149px;
	height: 33px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 70px;
	left: 509px;
	font-size:10px;
	}


li#contribute a:hover {
	background-position: 0px -33px; 
	}


li#contributeON a {
	text-indent: -1000em; 
	background: url(../images/nav_contribute.jpg) no-repeat left top;
	background-position: 0px -33px; 
	width: 149px;
	height: 33px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 70px;
	left: 509px;
	font-size:10px;
	}

li#friends a {
	text-indent: -1000em; 
	background: url(../images/nav_friends.jpg) no-repeat left top;
	width: 105px;
	height: 33px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 70px;
	left: 658px;
	font-size:10px;
	}


li#friends a:hover {
	background-position: 0px -33px; 
	}

li#friendsON a {
	text-indent: -1000em; 
	background: url(../images/nav_friends.jpg) no-repeat left top;
	background-position: 0px -33px; 
	width: 105px;
	height: 33px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 70px;
	left: 658px;
	font-size:10px;
	}


li#banner1 a {
	text-indent: -1000em; 
	background: url(../images/nav_bannerseven.jpg) no-repeat left top;
	width: 761px;
	height: 121px; 
	display: block;
	overflow: hidden;
	position: absolute;
	top: 103px;
	left: 3px;
	font-size:10px;
	}

li#banner1 a:hover {
	background-position: 0px -123px; 
	}

t-size:10px;
	}

li#banner3 a:hover {
	background-position: 0px -122px; 
	}

li#banner4 a {
	text-indent: -1000em; 
	background: url(../images/nav_banner4.jpg) no-repeat left top;
	width: 291px;
	height: 140px; 
	overflow: hidden;
	font-size:10px;
	}

li#banner4 a:hover {
	background-position: 0px -140px; 
	}


li#issue5 a {
	text-indent: -1000em; 
	background: url(../images/nav_issue5.jpg) no-repeat left top;
	width: 297px;
	height: 60px; 
	display: block;
	overflow: hidden;
	font-size:10px;
		margin-top:5px;
	}

li#issue5 a:hover {
	background-position: 0px -60px; 
	}

li#issue4 a {
	text-indent: -1000em; 
	background: url(../images/nav_issue4.jpg) no-repeat left top;
	width: 297px;
	height: 60px; 
	display: block;
	overflow: hidden;
	font-size:10px;
		margin-top:5px;
	}

li#issue4 a:hover {
	background-position: 0px -60px; 
	}

li#issue3 a {
	text-indent: -1000em; 
	background: url(../images/nav_issue3.jpg) no-repeat left top;
	width: 297px;
	height: 60px; 
	display: block;
	overflow: hidden;
	font-size:10px;
	margin-top:5px;
	}

li#issue3 a:hover {
	background-position: 0px -60px; 
	}

li#wonders a {
text-indent: -1000em; 
	background: url(../images/nav_wonders.jpg) no-repeat left top;
	width: 297px;
	height: 60px; 
	display: block;
	overflow: hidden;
	font-size:10px;
			margin: 5px 0 0 0;
	}

li#wonders a:hover {
	background-position: 0px -60px; 
	}


li#seven a {
text-indent: -1000em; 
	background: url(../images/nav_seven.jpg) no-repeat left top;
	width: 297px;
	height: 60px; 
	display: block;
	overflow: hidden;
	font-size:10px;
			margin: 5px 0 0 0;
	}

li#seven a:hover {
	background-position: 0px -60px; 
	}
	
li#festival2 a {
text-indent: -1000em; 
	background: url(../images/nav_festival2.jpg) no-repeat left top;
	width: 297px;
	height: 60px; 
	display: block;
	overflow: hidden;
	font-size:10px;
			margin: 5px 0 0 0;
	}

li#festival2 a:hover {
	background-position: 0px -60px; 
	}

	
li#friendship a {
text-indent: -1000em; 
	background: url(../images/nav_friendship.jpg) no-repeat left top;
	width: 297px;
	height: 60px; 
	display: block;
	overflow: hidden;
	font-size:10px;
			margin: 5px 0 0 0;
	}

li#friendship a:hover {
	background-position: 0px -60px; 
	}


li#valentines a {
	text-indent: -1000em; 
	background: url(../images/nav_valentines.jpg) no-repeat left top;
	width: 297px;
	height: 60px; 
	display: block;
	overflow: hidden;
	font-size:10px;
		margin-top:5px;
	}

li#valentines a:hover {
	background-position: 0px -60px; 
	}


li#myspace a {
	text-indent: -1000em; 
	background: url(../images/img_myspace.jpg) no-repeat left top;
	width: 300px; 
	height: 87px; 
	display: block;
	overflow: hidden;
	font-size:10px;
	margin-bottom:5px;

	}

li#myspace a:hover {
	background-position: 0px -87px; 
	}
	
li#friend a {
background: url(../images/img_friend1.jpg) no-repeat left top;
	text-indent: -1000em; 
	width: 134px;
	height: 48px; 
	display: block;
	overflow: hidden;
	font-size:10px;
	margin-top:5px;
	margin-bottom:5px;
	}


li#friend a:hover {
	background-position: 0px -48px; 
	}

li#friend2 a {
background: url(../images/img_friend5.jpg) no-repeat left top;
	text-indent: -1000em; 
	width: 134px;
	height: 41px; 
	display: block;
	overflow: hidden;
	font-size:10px;
	margin-top:5px;
	margin-bottom:5px;
	}


li#friend2 a:hover {
	background-position: 0px -41px; 
	}

li#friend3 a {
background: url(../images/img_friend3.jpg) no-repeat left top;
	text-indent: -1000em; 
	width: 134px;
	height: 41px; 
	display: block;
	overflow: hidden;
	font-size:10px;
	margin-top:5px;
	margin-bottom:5px;
	}


li#friend3 a:hover {
	background-position: 0px -41px; 
	}

li#friend4 a {
background: url(../images/img_friend4.jpg) no-repeat left top;
	text-indent: -1000em; 
	width: 134px;
	height: 41px; 
	display: block;
	overflow: hidden;
	font-size:10px;
	margin-top:5px;
	margin-bottom:5px;
	}


li#friend4 a:hover {
	background-position: 0px -41px; 
	}

li#friend5 a {
background: url(../images/img_friend5.jpg) no-repeat left top;
	text-indent: -1000em; 
	width: 134px;
	height: 41px; 
	display: block;
	overflow: hidden;
	font-size:10px;
	margin-top:5px;
	margin-bottom:5px;

	}


li#friend5 a:hover {
	background-position: 0px -41px; 
	}





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#mts a {
	text-indent: -1000em;
	background: url(../images/img_mts.jpg) no-repeat left top;
	width: 163px;
	height: 59px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 5px;
	font-size:10px;
	left: 598px;

	}


li#mts a:hover {
	background-position: 0px -59px; 
	}