/*--- NAVIGATIE --------------------------------------*/

a#facebook {
		display:block;
		width:25px;
		height:25px;
		float:right;
		margin:5px 20px 0 0;
		background:url(/images/facebook.png) top left no-repeat;
		text-indent:-9999px;
}

a#facebook:hover {
		display:block;
		width:25px;
		height:25px;
		float:right;
		margin:5px 20px 0 0;
		background:url(/images/facebook.png) 0 -25px no-repeat;
		text-indent:-9999px;
}

ul#nav {
		padding:0;
		margin:0;
		position:absolute;
		top: 10px;     /* set the exact position of the navigation */
		left: 70px;    /* set the exact position of the navigation */
		width:750px;
		height:26px;
}
ul#nav li {
		padding:0;
		margin:0;
		list-style-type:none;
		float:left;
		margin:0 40px 0 0;
}
ul#nav li a {
		font-size:14px;
		font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
		border:0;
		display:block;
		text-decoration:none;
		color:#e7c8c3;
}

ul#nav li a:hover, 
ul#nav li a.selected {
	color:#000;
}



/*
#nav li{
float:left;
}
#nav a{
text-indent:-9999px;
display:block;
height:26px;
}
#nav #shop{
width:76px;
height:26px;
}
#nav #style{
width:97px;
height:26px;
}
#nav #news{
width:74px;
height:26px;
}
#nav #location{
width:106px;
height:26px;
}
#nav #contact{
width:108px;
height:26px;
}
#nav #cherry{
width:97px;
height:26px;
}
#nav #webshop{
width:100px;
height:26px;
}

#nav #shop a{
background-position:-0px 0px;
}
#nav #shop a:hover{
background-position:-0px -26px;
}
#nav #shop a.selected{
background-position:-0px -26px;
}

#nav #style a{
background-position:-76px 0px;
}
#nav #style a:hover{
background-position:-76px -26px;
}
#nav #style a.selected{
background-position:-76px -26px;
}


#nav #news a{
background-position:-173px 0px;
}
#nav #news a:hover{
background-position:-173px -26px;
}
#nav #news a.selected{
background-position:-173px -26px;
}

#nav #location a{
background-position:-247px 0px;
}
#nav #location a:hover{
background-position:-247px -26px;
}
#nav #location a.selected{
background-position:-247px -26px;
}


#nav #contact a{
background-position:-353px 0px;
}
#nav #contact a:hover{
background-position:-353px -26px;
}
#nav #contact a.selected{
background-position:-353px -26px;
}


#nav #cherry a{
background-position:-461px 0px;
}
#nav #cherry a:hover{
background-position:-461px -26px;
}
#nav #cherry a.selected{
background-position:-461px -26px;
}


#nav #webshop a{
background-position:-560px 0px;
}
#nav #webshop a:hover{
background-position:-560px -26px;
}
#nav #webshop a.selected{
background-position:-560px -26px;
}
*/