body { background: #fff; text-align: center; color: #a6a69a; font: 67.5% georgia, times, sans-serif; }

.wrapper { position: relative; width: 100%; height: 100vh; }
.inner-wrapper { width: 300px; height: 430px; padding: 20px 0; position: absolute; top: 50%; left: 50%;
	margin: -215px 0 0 -150px;
}

h1 { background: url(../images/grey-dog-logo.png) 0 0 no-repeat; width: 221px; height: 84px; text-indent: -999em; margin: 0 auto 72px;}

p { margin: 0; padding: 0; }

a { outline: none; }

ul { margin: 0 0 135px; padding: 0; }

ul li { padding: 0; list-style: none; }

ul li a { display: block; height: 38px; width: 90px; text-indent: -999em; background-position: 0 0; background-repeat: no-repeat; margin: 0 auto;}

ul li#work a { background-image: url(../images/links.png); background-position: 0 0; }
ul li#work a:hover { background-position: -90px 0; }
ul li#about a { background-image: url(../images/links.png); background-position: 0 -38px; }
ul li#about a:hover { background-position: -90px -38px; }
ul li#contact a { background-image: url(../images/links.png); background-position: 0 -76px; }
ul li#contact a:hover { background-position: -90px -76px; }


p.footer { text-align: center; color: #a6a69a; width: 100%; font-size: 13px;  }