body {
  font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 0px;
  padding: 0px;
  top: 0px;
  left: 0px;
  background-color: #111111;
  background: url(img/body_bg2.gif) repeat fixed;
}

img {
  border: none;
}

p {
  margin: 0px 0px 15px 0px;
}

a {
  font:	12px/1.2 Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  background-color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#container {
  background-color: #C9C9C9;
  color: inherit;
  width: 700px;
  height: 470px;
  position: absolute;
  margin-left: -350px;
  margin-top: -235px;
  top: 50%;
  left: 50%;
  border: 1px #4C4C4C solid;
}

#pageheader {
  background-color: #000000;
  color: inherit;
  width: 700px;
  height: 55px;
  position: relative;
  left: 0px;
}

#pagetitle {
  margin: 18px 0px 0px 15px;
  background: url(img/name.gif) no-repeat ;
  position: absolute;
  width: 138px;
  height: 17px;
  left: 0px;
  top: 0px;
}

#topmenu {
  margin: 18px 15px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  width: 298px;
  height: 20px;
  right: 0px;
  top: 0px;
}


/* menu items ******************************* */

#menuitem_aboutme a {
  position: absolute;
  width: 62px;
  height: 16px;
  top: 2px;
  left: 0px;
  text-decoration: none;
  background: url("img/menuitem_aboutme.gif") 0 0 no-repeat;
  border: none;
  margin: 0;
  padding: 0;
}
#menuitem_aboutme a:hover {
  background-position: -63px 0;
}
#menuitem_aboutme_active {
  position: absolute;
  width: 62px;
  height: 16px;
  top: 2px;
  left: 0px;
  background: url("img/menuitem_aboutme.gif") -63px 0 no-repeat;
  border: none;
  margin: 0;
  padding: 0;
}

#menuitem_uni a {
  position: absolute;
  width: 24px;
  height: 16px;
  top: 2px;
  left: 81px;
  text-decoration: none;
  background: url("img/menuitem_uni.gif") 0 0 no-repeat;
  border: none;
  margin: 0;
  padding: 0;
}
#menuitem_uni a:hover {
  background-position: -25px 0;
}
#menuitem_uni_active {
  position: absolute;
  width: 24px;
  height: 16px;
  top: 2px;
  left: 81px;
  background: url("img/menuitem_uni.gif") -25px 0 no-repeat;
  border: none;
  margin: 0;
  padding: 0;
}

#menuitem_photo a {
  position: absolute;
  width: 91px;
  height: 16px;
  top: 2px;
  left: 125px;
  text-decoration: none;
  background: url("img/menuitem_photo.gif") 0 0 no-repeat;
  border: none;
  margin: 0;
  padding: 0;
}
#menuitem_photo a:hover {
  background-position: -92px 0px;
}
#menuitem_photo_active {
  position: absolute;
  width: 91px;
  height: 16px;
  top: 2px;
  left: 125px;
  background: url("img/menuitem_photo.gif") -92px 0 no-repeat;
  border: none;
  margin: 0;
  padding: 0;
}

#menuitem_contact a {
  position: absolute;
  width: 63px;
  height: 13px;
  top: 2px;
  left: 234px;
  text-decoration: none;
  background: url("img/menuitem_contact.gif") 0 0 no-repeat;
  border: none;
  margin: 0;
  padding: 0;
}
#menuitem_contact a:hover {
  background-position: -64px 0px;
}
#menuitem_contact_active {
  position: absolute;
  width: 63px;
  height: 13px;
  top: 2px;
  left: 234px;
  background: url("img/menuitem_contact.gif") -64px 0 no-repeat;
  border: none;
  margin: 0;
  padding: 0;
}

/* ****************************************** */




#pagemain_photography {
  /*background-color: #ffffff;*/
  background: url(img/photo_bg.jpg) no-repeat ;
  padding: 0px 0px 0px 0px;
  width: 680px;
  height: 395px;
  position: absolute;
  margin-left: -340px;
  margin-top: 0px;
  top: 65px;
  left: 50%;
}

#pagemain {
  background-color: #ffffff;
  color: inherit;
  padding: 0px 0px 0px 0px;
  width: 680px;
  height: 395px;
  position: absolute;
  margin-left: -340px;
  margin-top: 0px;
  top: 65px;
  left: 50%;
}

#validators {
  position: absolute;
  right: 10px;
  bottom: -23px;
  width: 92px;
  height: 23px;
  background: url(img/validator_bg.gif) no-repeat ;
}

#title_photography {
  position: absolute;
  left: 20px;
  top: 25px;
  width: 202px;
  height: 34px;
  background: url(img/title_photography.gif) no-repeat ;
}

#title_aboutme {
  position: absolute;
  left: 20px;
  top: 25px;
  width: 137px;
  height: 27px;
  background: url(img/title_aboutme.gif) no-repeat ;
}

#title_uni {
  position: absolute;
  left: 20px;
  top: 25px;
  width: 52px;
  height: 27px;
  background: url(img/title_uni.gif) no-repeat ;
}

#title_contact {
  position: absolute;
  left: 20px;
  top: 25px;
  width: 139px;
  height: 27px;
  background: url(img/title_contact.gif) no-repeat ;
}

#thumbs {
  position: absolute;
  left: 51px;
  top: 256px;
}

#myface {
  position: absolute;
  left: 410px;
  top: 15px;
  width: 243px;
  height: 370px;
  background: url(img/myface.gif) no-repeat 0 0;
}

#pagetext {
  position: absolute;
  left: 22px;
  top: 90px;
  width: 340px;
  padding: 0px 0px 0px 0px;
}

#pagetext_wide {
  position: absolute;
  left: 22px;
  top: 90px;
  width: 600px;
  padding: 0px 0px 0px 0px;
  /*border: 1px red solid;*/
}