/* Begin Eric Meyer CSS Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding: 0;
	margin: 0;
	}
fieldset, img { 
	border: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
ol, ul {
	list-style: none;
	}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	}
q:before, q:after {
	content: '';
	}
abbr, acronym { 
	border: 0;
	}
	
/* End CSS Reset */

/* Begin Styling */

body {
        width 100%;
        font-family: arial, helvetica, sans-serif;
        font-size: 12px;
        color: #999;
	}
	
h1 {
  font-color: #999;
  font-family: arial, helvetica, sans-serif;
  font-size: 2em;
}	
	
#page ul li a:link, a:hover, a:visited, a:focus {
  color: black:
}

#page-container {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  background: #FFF url('images/background.gif') no-repeat top center;
  height: 800px;
  min-height: 800px;
}

#links {
 position: relative; 
}

#contact {
  position: absolute;
  margin-top: 115px;
  margin-left: 240px;
  width: 145px;
  background: url(images/hand_mo.png) no-repeat top left;
}

#contact:hover {
  background: url(images/hand.png) no-repeat top left;
}

#selfportraits {
  position: absolute;
  margin-top: 170px;
  margin-left: 160px;
  width: 200px;
  background: url(images/egg_mo.png) no-repeat top right;	
}

#selfportraits:hover {
  background: url(images/egg.png) no-repeat top right;
}

#new-work {
  position: absolute;
  margin-top: 167px;
  left: 367px;
  width: 200px;
  background: url(images/spiral_mo.png) no-repeat;	
}

#new-work:hover {
  background: url(images/spiral.png) no-repeat;
}

#installations {
  position: absolute;
  margin-top: 227px;
  left: 372px;
  width: 200px;
  background: url(images/globe_mo.png) no-repeat;	
}

#installations:hover {
  background: url(images/globe.png) no-repeat;
}

#diana_work {
  position: absolute;
  margin-top: 231px;
  margin-left: 113px;
  width: 250px;
  background: url(images/cloud_mo.png) no-repeat top right;
}

#diana_work:hover {
    background: url(images/cloud.png) no-repeat top right;
}

#alchemy {
  position: absolute;
  margin-left: 359px;
  margin-top: 286px;
  width: 145px;
  background: url(images/dancers_mo.png) no-repeat;
}

#alchemy:hover {
  background: url(images/dancers.png) no-repeat;
}

#group {
	position: absolute;
	margin-top: 286px;
	margin-left: 166px;
  width: 185px;
  background: url(images/bread_mo.png) no-repeat top right;
}

#group:hover {  
  background: url(images/bread.png) no-repeat top right;
}

#watches {
	position: absolute;
	margin-left: 363px;
  margin-top: 348px;
  width: 255px;
  background: url(images/clock_mo.png) no-repeat;
}

#watches:hover {
  background: url(images/clock.png) no-repeat;
}

#resume {
	position: absolute;
	margin-top: 343px;
	margin-left: 214px;
  width: 145px;
  background: url(images/buttons_mo.png) no-repeat top right;
}

#resume:hover {
  background: url(images/buttons.png) no-repeat top right;
}

#writing {
	position: absolute;
	margin-top: 405px;
	margin-left: 372px;
  width: 218px;
  background: url(images/tools_mo.png) no-repeat;
}

#writing:hover {
  background: url(images/tools.png) no-repeat;
}

#jewelry {
	position: absolute;
	margin-top: 405px;
	margin-left: 224px;
  width: 140px;
  background: url(images/jewelry_mo.png) no-repeat top right;
}

#jewelry:hover {
  background: url(images/jewelry.png) no-repeat top right;
}

#czechslovak {
	position: absolute;
	margin-top: 468px;
	margin-left: 375px;
  width: 228px;
  background: url(images/stamp_mo.png) no-repeat;
}

#czechslovak:hover {
  background: url(images/stamp.png) no-repeat;
}

#prayers {
	position: absolute;
	margin-top: 480px;
	margin-left: 124px;
  width: 244px;
  background: url(images/house_mo.png) no-repeat top right;
}

#prayers:hover {
  background: url(images/house.png) no-repeat top right;
}

/* Begin Common Classes */

.floatleft {
	float: left
	}
.floatright {
	float: right;
	}
.center {
	text-align: center;
	}
}
/* End Common Classes */

#page_pc {
  width: 600px;
  position: relative;
  top: 100px;
}

#page_pc p {
  text-align: center;
  
}

#page_pc ul {
	width: 650px;
  margin: 20px auto;
}

#page_pc a {
  text-decoration: none;
  border: 0px;
	color: #333;
}

#page_pc ul li {
  float: left;
  width: 200px;
	margin: 0 5px;
  
}

#page_pc h1 {
  text-align: center;
  margin: 10px;
}