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: #270100;
	text-align: center;
	font: 11px verdana, arial, sans-serif;
	color: #695F4C;
	padding-bottom: 10px;
}

/** layout **/
/** former value: width: 672px; **/
#wrapper {
	text-align: left;
	margin: 0px auto;
	width: 190px;
	background: #ffffff;
	position: relative;
}

#header {
  background: #D9D1BC url(images/header.jpg) no-repeat;
  height: 266px;
}

#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;
}


#body {
  padding-top: 3px;
  background-color:#FFF;
}
#categories {
  float: left;
  width: 190px;
}


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

h2 {
  font: 18px "arial narrow", arial, sans-serif; 
  color: #695F4C;
  padding-bottom: 10px;
}
#categories h2 {
  color: #fff;
  padding: 4px 0 5px 39px;
  background: #270100;
}
#categories li {
  background: #D4CAB6 left url(images/bullet.gif) no-repeat;
  border-top: 1px solid #F4EFDF;
  list-style: none;
  font-size: 12px;
  padding: 7px 0 8px 5px;
}
#categories a {
  text-decoration: none;
  color: #170b0d;
}
#categories a:hover {
  text-decoration: underline;
}

#copyright {
  text-align: center;
  font-size: 9px;
  padding: 3px;
}


.technology{ /*header of 2nd demo*/
	cursor: hand;
	cursor: pointer;
	font: bold 12px Verdana;
	margin: 10px 5px;
}


.openlanguage{ /*class added to contents of 2nd version when they are open*/
	color: white;
}

.closedlanguage{ /*class added to contents of 2nd version when they are closed*/
	color: #d4cab6;
}

.mypets{ /*header of 1st version*/
	cursor: hand;
	cursor: pointer;
	padding: 2px 5px;
	border: 1px solid gray;
	background: #E1E1E1;
	width: 60%;
}

.openpet{ /*class added to contents of 1st version when they are open*/
	background: yellow;
}

.thepet{
	width: 60%;
	color: darkred;
}