@charset "UTF-8";
/* CSS Document */

body {
  font-size: small;
  font-family: Verdana;
  background-color: #000000;
}

* html body {
   font-size: x-small;
   f\ont-size: small;
}

#container {
  margin: 0;
  width: 800px;
  height: 100%;
  text-align: left;
  background: #000000;
  }
  
  
  
  
  
#nav {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 216px;
  height: 600px;
  list-style: none;
}

#nav li {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
}

#nav a {
  float: left;
  margin: 0;
  padding: 0;
}

a.ngallery {
  display: block;
  width: 216px;
  height: 72px;
  background: url("img/gallery.png") 0 0 no-repeat;
  text-decoration: none;
}

a:hover.ngallery {
  background-position: -216px, 0;
}

a.nevents {
  display: block;
  width: 216px;
  height: 59px;
  background: url("img/events.png") 0 0 no-repeat;
  text-decoration: none;
}

a:hover.nevents {
  background-position: -216px, 0;
}

a.nlicenses {
  display: block;
  width: 216px;
  height: 48px;
  background: url("img/licenses.png") 0 0 no-repeat;
  text-decoration: none;
}

a:hover.nlicenses {
  background-position: -216px, 0;
}

a.nconsulting {
  display: block;
  width: 216px;
  height: 60px;
  background: url("img/consulting.png") 0 0 no-repeat;
  text-decoration: none;
}

a:hover.nconsulting {
  background-position: -216px, 0;
}

a.nclasses {
  display: block;
  width: 216px;
  height: 58px;
  background: url("img/classes.png") 0 0 no-repeat;
  text-decoration: none;
}

a:hover.nclasses {
  background-position: -216px, 0;
}

a.nabout {
  display: block;
  width: 216px;
  height: 53px;
  background: url("img/about.png") 0 0 no-repeat;
  text-decoration: none;
}

a:hover.nabout {
  background-position: -216px, 0;
}

a.ncontact {
  display: block;
  width: 216px;
  height: 94px;
  background: url("img/contact.png") 0 0 no-repeat;
  text-decoration: none;
}

a:hover.ncontact {
  background-position: -216px, 0;
}






#nav2 {
  position: absolute;
  margin: 0;
  padding: 0;
  height: 60px;
  list-style: none;
}

#nav2 li {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
}

#nav2 a {
  float: left;
  display: block;
  margin: 0;
  padding: 0;
}


a.nnew {
  display: block;
  width: 101px;
  height: 60px;
  background: url("img/new.png") 0 0 no-repeat;
  text-decoration: none;
}

a:hover.nnew {
  background-position: -101px, 0;
}

a.nabstract {
  display: block;
  width: 122px;
  height: 60px;
  background: url("img/abstract.png") 0 0 no-repeat;
  text-decoration: none;
}

a:hover.nabstract {
  background-position: -122px, 0;
}

a.nanimals {
  display: block;
  width: 108px;
  height: 60px;
  background: url("img/animals.png") 0 0 no-repeat;
  text-decoration: none;
}

a:hover.nanimals {
  background-position: -108px, 0;
}

a.nfigurative {
  display: block;
  width: 128px;
  height: 60px;
  background: url("img/figurative.png") 0 0 no-repeat;
  text-decoration: none;
}

a:hover.nfigurative {
  background-position: -128px, 0;
}

a.nnature {
  display: block;
  width: 111px;
  height: 60px;
  background: url("img/nature.png") 0 0 no-repeat;
  text-decoration: none;
}

a:hover.nnature {
  background-position: -111px, 0;
}





#main {
  margin: 0 0 0 216px;
  padding: 10px;
}

h1 {
  font-face: Arial;
  font-size: 150%;
  letter-spacing: 5px;
  text-align: center;
  font-variant: small-caps;
  color: #a8815b;
}

p {
  font-face: Arial;
  letter-spacing: 1px;
  color: #a8815b;
}

ul {
  font-face: Arial;
  letter-spacing: 1px;
  color: #a8815b;
}

.quote {
  font-face: Arial;
  font-size: 115%;
  letter-spacing: 2px;
  font-variant: small-caps;
  color: #a8815b;
  margin-bottom: 0px;
}

.quotename {
  font-face: Arial;
  font-size: 110%;
  letter-spacing: 2px;
  font-variant: small-caps;
  color: #a8815b;
  font-style: italic;
  text-align: right;
  margin-top: 3px;
  margin-bottom: 30px;
}

a:link {
  color: #d0bba8;
  text-decoration: none
}

a:active {
  color: #d0bba8;
  text-decoration: none
}

a:visited {
  color: #d0bba8;
  text-decoration: none
}

a:hover {
  color: #d0bba8;
  text-decoration: underline
}

#smmenu {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 95%;
  color: #a8815b;
  letter-spacing: 1.5px;
}

#copyright {
  text-align: center;
  font-size: 90%;
  color: #a8815b;
  letter-spacing: 1.5px;
}