@import url(http://fonts.googleapis.com/css?family=Open+Sans:800);

.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 900;
	width: 220px;
	min-height: 280px;
}
a:link {
    color: black;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: black;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: red;
    text-decoration: none;
}

/* selected link */
a:active {
    color: black;
    text-decoration: none;
}

.menubg
{
	background-image: url('images/ojlogo350.jpg');
	background-repeat: no-repeat;
	background-position: 30px 0px;
}

.hidden
{
	visibility: hidden;
	height: 0px;
}

.about, .archives, .paintings, .monographs
{
	margin-left: 20px;
	font-size: 16px;
	font-weight: 600;
}

.catalogue, .gallery
{
	margin-left: 30px;
	font-size: 16px;
	font-weight: 600;
}

.menu-item {
  color: #090909;
  padding-left: 0.2em;
  font-size: 18px;
  border-radius: 0.5em;
  background: #e8e8e8dd;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
}

.menu-item:hover {
  color: #666d;
  box-shadow: inset 4px 4px 12px #c5c5c5, inset -4px -4px 12px #ffffff;
}