div#main div.menu {
	margin: 14px 0 0;
	padding: 0;
}

div#main div.menu a {
	text-decoration: none;
}

div#main div.menu ul {
	margin: 0;
	padding: 0;
}

div#main div.menu ul li {
	margin: 0 0 10px;
	padding: 0 0 0 60px;
	list-style-type: none;
	display: block;
	font-size: 150%;
}

div#main div.menu ul li a {
	padding: 0 30px;
	color: #ffffff;
	display: inline-block;
	height: 30px;
	background-image: url(../images/menu/arrow.png);
	background-repeat: no-repeat;
}

div#main div.menu ul li a:hover {
	/*background-image: @colour.*.css;*/
}

div#main div.menu ul li a.it:hover {
	background-image: url(../images/menu/arrow-it.png);
}

div#main div.menu ul li a.web:hover {
	background-image: url(../images/menu/arrow-web.png);
}

div#main div.menu ul li a.graphics:hover {
	background-image: url(../images/menu/arrow-graphics.png);
}

div#main div.menu ul li a.about:hover {
	background-image: url(../images/menu/arrow-it.png);
}

div#main div.menu ul li a.portal:hover {
	background-image: url(../images/menu/arrow-portal.png);
}

div#main div.menu ul li a img {
	vertical-align: middle;
}

div#main div.menu ul li ul {
	margin: 0;
	padding: 0;
}

div#main div.menu ul li ul li {
	margin: 0;
	padding: 0 0 0 60px;
	font-size: 75%;
}

div#main div.menu ul li ul li a {
	padding: .1em .5em;
	line-height: 1.5em;
	display: inline;
	cursor: pointer;
	background-image: none;
}

div#main div.menu ul li ul li a:hover {
	background-image: none;
	text-decoration: underline;
}