body, table, p {
	font-family: helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
}
.free {
	width: 32px;
}
.freel {
	text-align: left;
	width: 32px;
	cursor: pointer;
}
.freer {
	text-align: right;
	width: 32px;
	cursor: pointer;
}
a:link { color: black; }     /* unvisited link */
a:active { color: black; }   /* active links */
a:visited { color: #666666; }   /* visited links */

.graytop {
	height: 60px;
	background-image: url(/pics/abrNeutralGreyTopBorder.jpg);
	background-repeat: repeat-x;
	background-position-y: -18px;
}

img.logo {
	margin: 10px -40px -5px -40px;
}

h1.purple, h2.purple, h3.purple {
	color: rgb(78, 58, 116);
	font-family: arial;
	font-weight: bold;
	font-size: 11pt;
	margin: 0;
}
h4.purple {
	color: rgb(78, 58, 116);
	font-family: arial;
	font-size: small;
	font-weight: normal;
	margin: 0;
}
.menu {
	text-align: center;
}
.topmenu {
	padding-left: 0;
	margin: 10px 0 10px 0;
}
.topmenu li {
	display: inline-block;
	height: 21px;
	list-style-type: none;
}
.topmenu a {
	background: url('/pics/abrMainLinks2017.jpg');
	display: inline-block;
	height: 21px;
}
.topmenu a:hover {
	background-position-y: -22px;
}
.topmenu a.home {
	background-position-x: -20px;
	width: 58px;
}
.topmenu a.paintings {
	background-position-x: -114px;
	width: 97px;
}
.topmenu a.room {
	background-position-x: -247px;
	width: 72px;
}
.topmenu a.cv {
	background-position-x: -350px;
	width: 143px;
}
.topmenu a.contact {
	background-position-x: -534px;
	width: 85px;
}
.topmenu a.photos {
	background-position-x: -106px;
	width: 90px;
}
.kRule {
	height: 21px;
	padding-bottom: 4px;
	text-align: center;
	vertical-align: bottom;
}
.kRule > img {
	height: 2px;
	max-width: 98%;
	width: 480px;
}
.mainsection {
	width: 480px;
	margin: 8px auto;
	max-width: 98%;
	padding-bottom: 8px;
	text-align: center;
}
.mainsection img {
	max-width: 100%;
}
.canvasBackground {
	background: url(/pics/CanvasNeutralFinal.jpg) repeat;
	vertical-align: top;
}

@media screen and (min-width:640px) {
	.kRule > img {
		height: 2px;
		width: 636px;
	}
	.mainsection {
		width: 636px;
	}
	.topmenu a.home {
		background-position-x: -2px;
		width: 93px;
	}
	.topmenu a.paintings {
		background-position-x: -97px;
		width: 131px;
	}
	.topmenu a.room {
		background-position-x: -230px;
		width: 106px;
	}
	.topmenu a.cv {
		background-position-x: -342px;
		width: 177px;
	}
	.topmenu a.contact {
		background-position-x: -517px;
		width: 116px;
	}
	.topmenu a.photos {
		background-position-x: -96px;
		width: 110px;
	}
}