h1#logo {
	position:relative;
	float:left;
	width:200px;
	height:100px;
	overflow:hidden;
	margin:0;
}
a#logolink:link,
a#logolink:visited,
a#logolink:active,
a#logolink:hover {
	display:block;
	width:200px;
	height:100px;
	margin:0;
	padding:100px 0 0 0;
	background-image:url("images/menu-wine.png");
	background-repeat:no-repeat;
}
a#logolink:hover {
	background-position:0 -100px;
}

div#menu {
	position:relative;
	float:right;
	display:block;
	overflow:hidden;
	width:600px;
	height:100px;
	margin:0;
	padding:0;
}

div#menu a:link,
div#menu a:visited,
div#menu a:active,
div#menu a:hover {
	position:absolute;	
	display:block;
	overflow:hidden;
	height:100px;
	margin:0;
	padding:100px 0 0 0;
	background-image:url("images/menu-wine.png");
	background-repeat:no-repeat;
}

a#films:link,
a#films:visited,
a#films:active,
a#films:hover {
	left:0px;
	top:0;
	width:55px;
	background-position:-330px 0;
}
a#films:hover {
	background-position:-330px -100px;
}
a#films.on {
	background-position:-330px -100px;
}


a#photography:link,
a#photography:visited,
a#photography:active,
a#photography:hover {
	left:55px;
	top:0;
	width:140px;
	background-position:-385px 0;
}
a#photography:hover{
	background-position:-385px -100px;
}
a#photography.on {
	background-position:-385px -100px;
}

a#drawings:link,
a#drawings:visited,
a#drawings:active,
a#drawings:hover {
	left:195px;
	top:0;
	width:115px;
	background-position:-525px 0;
}
a#drawings:hover {
	background-position:-525px -100px;
}
a#drawings.on {
	background-position:-525px -100px;
}


a#about:link,
a#about:visited,
a#about:active,
a#about:hover,
a#about.on {
	left:310px;
	top:0;
	width:70px;
	background-position:-248px 0;
}
a#about:hover {
	background-position:-248px -100px;
}
a#about.on {
	background-position:-248px -100px;
}



a#blog:link,
a#blog:visited,
a#blog:active,
a#blog:hover {
	left:380px;
	top:0;
	width:65px;
	background-position:-640px 0;
}
a#blog:hover {
	background-position:-640px -100px;
}
a#blog.on {
	background-position:-640px -100px;
}


a#contact:link,
a#contact:visited,
a#contact:active,
a#contact:hover {
	left:445px;
	top:0;
	width:80px;
	background-position:-700px 0;
}
a#contact:hover {
	background-position:-700px -100px;
}
a#contact.on {
	background-position:-700px -100px;
}
