#header {
	width: 497px;
	height: 102px;
	position: relative;
}

#header span {
	background: url(/images/header.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#homelink {
	width: 81px;
	height: 56px;
	position: relative;
}

#homelink span {
	background: url(/images/home.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#homelink span:hover {background: url(/images/home_ro.gif) no-repeat;}

#bloglink {
	width: 72px;
	height: 56px;
	position: relative;
}

#bloglink span {
	background: url(/images/blog.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#bloglink span:hover {background: url(/images/blog_ro.gif) no-repeat;}

#storelink {
	width: 77px;
	height: 56px;
	position: relative;
}

#storelink span {
	background: url(/images/store.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#storelink span:hover {background: url(/images/store_ro.gif) no-repeat;}

#store #storelink span {background: url(/images/store_on.gif) no-repeat;}

#worklink {
	width: 77px;
	height: 56px;
	position: relative;
}

#worklink span {
	background: url(/images/work.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#worklink span:hover {background: url(/images/work_ro.gif) no-repeat;}

#work #worklink span {background: url(/images/work_on.gif) no-repeat;}

#illustrationlink {
	width: 107px;
	height: 37px;
	position: relative;
}

#illustrationlink span {
	background: url(/images/illustration.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#illustrationlink span:hover {background: url(/images/illustration_ro.gif) no-repeat;}

#illustration #illustrationlink span {background: url(/images/illustration_on.gif) no-repeat;}

#paintinglink {
	width: 107px;
	height: 37px;
	position: relative;
}

#paintinglink span {
	background: url(/images/painting.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#paintinglink span:hover {background: url(/images/painting_ro.gif) no-repeat;}

#painting #paintinglink span {background: url(/images/painting_on.gif) no-repeat;}

#aboutlink {
	width: 99px;
	height: 56px;
	position: relative;
}

#aboutlink span {
	background: url(/images/about.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#aboutlink span:hover {background: url(/images/about_ro.gif) no-repeat;}

#about #aboutlink span {background: url(/images/about_on.gif) no-repeat;}

#nav, #worknav {list-style-type: none; margin: 0; padding: 0; }
	#nav li, #worknav li { display: inline; padding: 0 8px; float: left }

#footer {
	margin-top: 100px;
	font: normal .7em "Helvetica Neue", Helvetica, sans-serif;
}


#main {
	clear: left;
	padding-top: 10px;
	width: 600px;
	font: normal 14px/16px "Helvetica Neue", Helvetica, sans-serif;
	}
	
#main, #header, #footer {
	margin-left: 202px;
}

#nav {margin-left: 192px;}

#worknav { clear: left; margin-left: 470px;}

#about #main {margin-left: 412px; width: 398px;}

#aboutimage {float:left; margin-left: -210px; }

#thumbs {
	width: 155px;
	clear: left;
	float: left;
	margin-left: -165px;
	padding: 0;
}

#thumbs img {
	width: 65px;
	height: 65px;
	border: 0;
	margin: 0;
	padding: 0px 5px 5px 5px;
}


.odd {background-color:#ccccff;}

a:link 		{color: #91c1ff;}
a:hover		{color: #e17819;}
a:visited 	{color: #bbb863;}

.pagination {
  text-align: center;
  font-size:.75em;
  padding: 3px;
  margin: 3px;
}
.pagination a {
  padding: 2px 3px 2px 3px;
  margin: 2px;
  border: 1px solid #aaaaaa;
  text-decoration: none;
  color: #666666;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #666666;
  color: #000;
}
.pagination span.current {
  padding: 2px 3px 2px 3px;
  margin: 2px;
  border: 1px solid #666666;
  font-weight: bold;
  background-color: #666666;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 3px 2px 3px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}