/* Reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* clearing divs */
#mainbody:after,
.clear:after {display:block;visibility:hidden;content:".";width:100%;height:0.1px;clear:both;}

/*------------------------

root styles
------------------------*/
a:focus {
	outline: 1px dotted #ccc;
}

/*------------------------

page layout
------------------------*/
body {
	background: #eee;
}
div#wrapper {
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding-bottom: 25px;
	background: #fff;
	min-height: 600px;
	_height: 600px;
}
	div#header {
		position: relative;
		background: url(header.jpg) no-repeat;
		height: 115px;
		overflow: hidden;
	}
	div#footer {
		position: absolute;
		height: 25px;
		width: 100%;
		left: 0;
		bottom: 0;
		background: url(footer.jpg) no-repeat;
	}
/*------------------------

header
------------------------*/
div#header {
}
	#header span {
		font-size: 0.1px;
		visibility: hidden;
	}
	#header a {
		text-decoration: none;
	}
	a#toplogo {
		display: block;
		height: 65px;
	}
	div#topnav {
		padding-left: 46px;
	}
		#topnav a {
			display: block;
			float: left;
			width: 140px;
			height: 50px;
		}
/*------------------------

mainbody
------------------------*/
div#mainbody {
	padding: 10px;
}

div.imagebox{
  text-align: center;
  margin: 0 auto;
  display: block;
}
div#links {
  margin: 0 auto;
  padding-top: 90px;
  width: 555px;
  height: 306px;
  background-image: url('/style/links.jpg');
  background-repeat:no-repeat;
}

div#links_me {
  position: relative;
  float: left;
  padding-left: 20px;
  width: 250px;
}

div#links_not_me {
  position: relative;
  float: left;
  width: 250px;
}
/*------------------------

gallery
------------------------*/
div.gallery {
	float: left;
	clear: both;
	width: 450px;
	padding: 0 0 30px 200px;
	_height: 0.1px;
}
	div#gallery_digital { background: url(gallery_digital.png) 100px top no-repeat; }
	div#gallery_painting { background: url(gallery_painting.png) 85px top no-repeat; }
	div#gallery_drawing { background: url(gallery_drawing.png) 82px top no-repeat; }
	.gallery div {
		display: block;
		float: left;
		width: 50px;
		height: 50px;
		margin: 0 5px 5px 0;
		overflow: hidden;
	}
		.gallery a:hover {
			opacity: 0.7;
		}
/*------------------------

footer
------------------------*/
#footer p {
	color: #fff;
	text-align: center;
	text-transform: lowercase;
	font-variant: small-caps;
}