body
{
font-size: 12pt;
margin: 0;
padding: 0;
color: #4d412e;
background-color: #bcab90;
background-image: url(../gfx/background3.png);
background-repeat: auto;
font-family: "Liberation Sans", Arial, sans-serif ;
}

#container
{
margin: 1em 2%;
}

#banner
{
}

#nav
{
float: right;
margin-right: 10px;
padding: 1em;

}

#nav p
{
margin-top: 0;
} 

#content
{
padding-top: 1em;
margin: 0 200px 0 2em ;
}

#footer
{
font-size: 10pt;
clear: both;
padding: 1em;
text-align: center;
border-top: 3px solid #83704e;
}

hr
{
border: 0;
height: 3px;
color: #83704e;
background-color: #83704e;
}

A:link { color: #6c3044;
text-decoration:none;
}

A:active { color: #eae5dc; 
background-color: #83704e;
}

A:visited { color: #6c3044;
text-decoration:none;
}

A:hover { color: #eae5dc; 
background-color: #83704e;
}

#about
{
  display: block;
  width: 180px;
  height: 40px;
  background: url(../gfx/button-about.png) no-repeat 0 0;
}

#about-H
{
  display: block;
  width: 180px;
  height: 40px;
  background: url(../gfx/button-about.png) no-repeat 0 0;
  background-position: 0 -40px;  
}

#illustration
{
  display: block;
  width: 180px;
  height: 40px;
  background: url(../gfx/button-illustration.png) no-repeat 0 0;
}

#illustration-H
{
  display: block;
  width: 180px;
  height: 40px;
  background: url(../gfx/button-illustration.png) no-repeat 0 0;
  background-position: 0 -40px;
}


#photography
{
  display: block;
  width: 180px;
  height: 40px;
  background: url(../gfx/button-photography.png) no-repeat 0 0;
}

#photography-H
{
  display: block;
  width: 180px;
  height: 40px;
  background: url(../gfx/button-photography.png) no-repeat 0 0;
  background-position: 0 -40px;
}


#identity
{
  display: block;
  width: 180px;
  height: 40px;
  background: url(../gfx/button-identity.png) no-repeat 0 0;
}

#identity-H
{
  display: block;
  width: 180px;
  height: 40px;
  background: url(../gfx/button-identity.png) no-repeat 0 0;
  background-position: 0 -40px;
}


#web
{
  display: block;
  width: 180px;
  height: 40px;
  background: url(../gfx/button-web.png) no-repeat 0 0;
}

#web-H
{
  display: block;
  width: 180px;
  height: 40px;
  background: url(../gfx/button-web.png) no-repeat 0 0;
  background-position: 0 -40px;
}


#learning
{
  display: block;
  width: 180px;
  height: 40px;
  background: url(../gfx/button-learning.png) no-repeat 0 0;
}

#learning-H
{
  display: block;
  width: 180px;
  height: 40px;
  background: url(../gfx/button-learning.png) no-repeat 0 0;
  background-position: 0 -40px;
}


#gallery
{
  display: block;
  width: 180px;
  height: 40px;
  background: url(../gfx/button-gallery.png) no-repeat 0 0;
}

#gallery-H
{
  display: block;
  width: 180px;
  height: 40px;
  background: url(../gfx/button-gallery.png) no-repeat 0 0;
  background-position: 0 -40px;
}


#contact
{
  display: block;
  width: 180px;
  height: 40px;
  background: url(../gfx/button-contact.png) no-repeat 0 0;
}

#contact-H
{
  display: block;
  width: 180px;
  height: 40px;
  background: url(../gfx/button-contact.png) no-repeat 0 0;
  background-position: 0 -40px;
}


#about:hover
{ 
  background-position: 0 -40px;
}

#about span
{
  display: none;
}

#about-H span
{
  display: none;
}

#illustration:hover
{ 
  background-position: 0 -40px;
}

#illustration span
{
  display: none;
}

#illustration-H span
{
  display: none;
}

#photography:hover
{ 
  background-position: 0 -40px;
}

#photography span
{
  display: none;
}

#photography-H span
{
  display: none;
}


#identity:hover
{ 
  background-position: 0 -40px;
}

#identity span
{
  display: none;
}

#identity-H span
{
  display: none;
}


#web:hover
{ 
  background-position: 0 -40px;
}

#web span
{
  display: none;
}

#web-H span
{
  display: none;
}


#learning:hover
{ 
  background-position: 0 -40px;
}

#learning span
{
  display: none;
}

#learning-H span
{
  display: none;
}


#gallery:hover
{ 
  background-position: 0 -40px;
}

#gallery span
{
  display: none;
}

#gallery-H span
{
  display: none;
}


#contact:hover
{ 
  background-position: 0 -40px;
}

#contact span
{
  display: none;
}

#contact-H span
{
  display: none;
}

input, textarea
{
color: #83704e;
background-color: #eae5dc; 
}

#warning
{ 
padding: 10px;
color: #bcab90; 
background-color: #83704e;
border: 2px dashed #bcab90;
}