/*---------------------------------------------------------------------------------
Navigation Styles
---------------------------------------------------------------------------------*/

#navigationWrapper {   
	padding: 0 10px;
	margin: 20px 0 0 0;
	height: 100px;
}

#navigation {   
	margin: 0; 
	padding: 0;
	text-align: left; 
	float: left;
	list-style: none;
	height: 100px;
	display: inline;
	overflow: hidden;
}


#navigation li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	
}

#navigation a {
	float: left;
	padding: 100px 5px 0 0;
}

#navigation1 {
	width: 81px;
	background: url("../images/Button-Home.jpg") no-repeat top left;
}

#navigation2 {
	width: 119px;
	background: url("../images/Button-Gallery.jpg") no-repeat top left;
}

#navigation3 {
	width: 75px;
	background: url("../images/Button-Shop.jpg") no-repeat top left;
}

#navigation4 {
	width: 81px;
	background: url("../images/Button-Blog.jpg") no-repeat top left;
}

#navigation5 {
	width: 116px;
	background: url("../images/Button-Events.jpg") no-repeat top left;
}

#navigation6 {
	width: 102px;
	background: url("../images/Button-Links.jpg") no-repeat top left;
}

#navigation7 {
	width: 180px;
	background: url("../images/Button-Stockists.jpg") no-repeat top left;
}

#navigation8 {
	width: 87px;
	background: url("../images/Button-Press.jpg") no-repeat top left;
}

#navigation a:hover {
	background-position: 0 -100px;
}

#navigation a:active, #navigation a.selected {
	background-position: 0 -100px;
}

#navigation a:active, #navigation a.homeSelected {
	background-position: 0 -100px;
}