html, body, h1, h2, h3, h4, ul, li { margin: 0; padding: 0; }
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	color: #464544;
}
a:hover {
	color: #FFA405;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body { background: #504634; text-align: center; font: 11px verdana, arial, sans-serif; color: #695f4c; padding-bottom: 10px; }

/** layout **/
#wrapper { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; margin: 37px auto; width: 673px; position: relative; height: 673px; }

#header { background-color: #d9d1bc; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height: 195px; }
#topleft { background-color: #d9d1bc; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; top: 0; left: 0; width: 195px; height: 75px; float: left; }
#topright { background-color: #847a67; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; top: 0; right: 0; width: 475px; height: 75px; float: right; }
#bottomright { background-color: #d9d1bc; background-attachment: scroll; text-align: justify; position: absolute; top: 556px; left: 198px; width: 475px; height: 116px; overflow: auto; }
#bottomright p { background-color: #d9d1bc; padding-right: 25px; padding-left: 25px; }
#collection p { background-color: #d4cab6; }
#bottomright h1 { font-size: 20px; background-color: #d9d1bc; padding-top: 15px; padding-right: 25px; padding-left: 25px; }
#bottomright h2 { font-size: 18px; background-color: #d9d1bc; padding-top: 15px; padding-right: 25px; padding-left: 25px; }
#logo {
  position: absolute;
  top: 12px;
  left: 300px;
  width: 170px;
  color: #52616E;
}
#logo h1 {
  font: bold 24px "arial narrow", arial, sans-serif;
}
#logo p {
  margin: 0;
  font-weight: bold;
}
#nav {
  background: #4B5360;
  position: absolute;
  top: 101px;
  left: 287px;
  width: 385px;
  padding: 9px 0;
  text-align: center;
}
#nav li {
  list-style: none;
  display: inline;
  color: #fff;
}
#nav a {
  text-decoration: none;
  color: #fff;
}
#gallery {
  position: absolute;
  top: 155px;
  left: 287px;
  width: 385px;
}
#gallery li {
  list-style: none;
  text-indent: -999px;
  float: left;
  overflow: hidden;
  height: 111px;
}
#gallery .gwomen {
  background: url(images/pic_1.jpg) no-repeat;
  width: 127px;
}
#gallery .gkids {
  background: url(images/pic_2.jpg) no-repeat;
  width: 130px;
}
#gallery .gmen {
  background: url(images/pic_3.jpg) no-repeat;
  width: 128px;
}

#body { background-color:#fff; top: 198px; float: left; }
#categories { background-color: #d9d1bc; position: absolute; top: 78px; left: 0; width: 195px; height: 475px; }
.more a {
  font-size: 12px;
  color: #000;
  text-decoration: none;
}
.more a:hover {
  text-decoration: underline;
}

h3 {
  font: bold 14px "arial narrow", arial, sans-serif; 
  color: #1B1812;
}

h2 { color: #695f4c; font: 18px "arial narrow", arial, sans-serif !important; }
#categories h2 {
  color: #fff;
  padding: 4px 0 5px 39px;
  background: #847a67;
}
#bottomright h2 { color: #fff; background: #847a67; padding: 4px 0 5px 39px; }
#topright h2 { color: #000; padding: 10px 25px; }
#categories li { list-style: none; font-size: 12px; background: #d9d1bc url(images/bullet.gif) no-repeat 0 50%; padding: 7px 0 8px 35px; border-bottom: 1px solid #847a67; }
#categories a { text-decoration: none; color: #000000; }
#categories a:hover { text-decoration: underline; }

#collection { color: #847a67; background-color: #d4cab6; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; position: absolute; top: 78px; left: 198px; width: 475px; height: 475px; overflow: hidden; margin: 0; padding: 0; }
#impressum { color: #847a67; background-color: #d4cab6; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; margin: 0; padding: 0; position: absolute; top: 78px; left: 198px; width: 475px; height: 475px; }
#impressum p { color: #847a67; background-color: #d4cab6; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; margin: 0; padding: 0 25px }
#collection h2 { font-size: 16px; background-color: #d4cab6; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; padding: 10px 25px 5px; }
#collection a { font-size: 12px; background-color: #d4cab6; }
#minigal {
  float: right;
  width: 222px;
  margin-top: 1em;
  margin-bottom: 1em;
}
#minigal div {
  float: left;
  margin: 6px;
}
#collection ul {
  margin-left: 1.5em;
}
#collection li {
  margin: 0.2em 0;
  color: #463F32;
  font-size: 16px;
  font-weight: bold;
  font-family: "arial narrow", arial, sans-serif;
}
#seas-one, #seas-two, #seas-three {
  height: 146px;
}

#seas-one {
  float: left;
  width: 195px;
  margin-right: 3px;
  background: url(images/foot_1.jpg) no-repeat;
}
#seas-two {
  float: left;
  width: 249px;
  margin-right: 3px;
  background: url(images/foot_2.jpg) no-repeat;
}
#seas-three {
  float: left;
  width: 222px;
  background: url(images/foot_3.jpg) no-repeat;
}

#seas p {
  text-align: right;
  color: #000;
  margin: 80px 15px 0 0;
  font-size: 23px;
  font-weight: bold;
}
#seas p.date {
  margin-top: 0;
  font-size: 16px;
}

#copyright { color: #847a67; text-align: center; font-size: 9px; background-color: #d9d1bc; position: absolute; top: 556px; left: 0; width: 195px; height: 116px; }