body {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 0.87em;
  color: #242424;
}

h1, h2, h3, h4 { font-weight: normal }

h1 {
  margin: 2px 5px 5px 25%;
  border-bottom: 1px solid #c98f70;
  padding: 3px 0 6px 0;
  padding: 3px 0 6px 0;
  font-size: 170%;
  letter-spacing: 0px;
  text-align: right;
  color: #AE5047;
  background: url("tinyeye.png") center left no-repeat;
}

h2 {
  margin: 10px 5px 5px 0;
  font-size: 115%;
  text-align: right;
  color: #9E0E21;
}

h3 {
  margin: 15px 0 5px 0;
  font-size: 110%;
  color: #9F715A;
}

h4 {
  margin: 0 0 0 0;
  font-size: 105%;
}
input, textarea {
	border: 1px solid #E3CBCB;
	color: #333333;
	background-color: #FAFAFA;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 100%
	}
input.button {
	border: 1px solid #E3CBCB;	
	background-color: #FAFAFA;
	color: #AE5047;

	}
th {font-weight: normal; text-align: left; color: #691E29;}

a:link, a:visited, a:hover, a:active { text-decoration: none }

a {
  border-bottom: 1px solid #999;
  color: #600;
}

a:hover, a:active {
  border-bottom-color: #F00;
  color: #000;
}

a.more { margin-left: 1em }

img { border-style: none }
.portfolioimage {float: right; padding-left: 10px;}

.error { color: red }
.highlight { color: #691E29;}

#wrapper {
  position: relative;
  z-index: 10;
  margin: 37px 0 0 73px;
  padding: 0;
}

#pagetop {
  position: relative;
  z-index: 30;
  height: 50px;
  margin: 0;
  padding: 0;
  border-top: 2px solid #c2b29f;
}

#eye, #hwe, #leaves {
  position: absolute;
  border: none;
}

#hwe {
  display: block;
  top: 38px;
  left: 88px;
  height: 49px;
  width: 207px;
  background: url("hwelogopink.png") top left no-repeat;
}

#hwe span { visibility: hidden }

#leaves {
  display: block;
  top: -30px;
  left: -65px;
  height: 150px;
  width: 150px;
  background: url("pinkflower.png") top left no-repeat;
}

#maincontent {
  position: relative;
  z-index: 20;
  line-height: 150%;
  margin-top: 60px;
  border-left: 2px solid #c2b29f;
  padding-top: 20px;
}

#sitebarwrapper {
  position: absolute;
  top: -110px;
  right: 20px;
  font-size: 11px;
}

#sitebar { text-align: right }
#sitebar h3 { margin: 0 5px 0 0 }
#sitebar .shot { float: right; padding: 0 0 0 1em }
#sitebar .shot a { border-bottom-style: none }
#sitebar p { margin: 0 5px 0 0; clear: right }

#sitelist { position: absolute; top: 0; right: 0; width: 120px }

#navwrapper {
  position: absolute;
  top: 57px;
  left: 0;
  width: 145px;
  font-size: 11px;
}
.thispage {background-color:#F1E3E6;}
#menu a {
  display: block;
  margin: 5px 0 0 20px;
  font-size: 12px;
}

#menu a:link, #menu a:visited, #menu a:active {
  color: #600;
}

#menu a:hover, #menu a.hover:link, #menu a.hover:visited, #menu a.hover:active {
 border-bottom-color: #999999;
  color: #600;
  background-color: #F1E3E6;
}

#switcher {
  width: 60px;
  margin: 2em 0 0 50px;
  text-align: center;
}

#switcher h3 { margin: 0 0 0 0; font-size: 100%; line-height: 1.1em; color: #999 }

#switcher a {
  display: block;
  margin: 5px 0 0 0;
  border-bottom-style: none;
  opacity: 0.5;
}

#switcher a:hover, #switcher a.littlepink { opacity: 1 }
#switcher img { vertical-align: -8px }

#content { margin: 0 20px 0 175px }
body.page4 #content { margin-right: 160px }

#screenshots { clear: both; margin-top: 2em }
#screenshots img { margin: 2px }

#screenshots a {
  border-style: solid solid solid solid;
  border-width: 1px 1px 1px 1px;
  border-color: #ccc #ccc #ccc #ccc;
}

/*
#screenshots a { opacity: 0.65 }
#screenshots a:hover { opacity: 1 }

#screenshots a { -moz-opacity: 0.65 }
#screenshots a:hover { -moz-opacity: 1 }
#screenshots a { -khtml-opacity: 0.65 }
#screenshots a:hover { -khtml-opacity: 1 }
* html #screenshots a { filter: alpha(opacity=65) }
* html #screenshots a:hover { filter: alpha(opacity=100) }
*/