html {
background:#fff;
font-family: "Century Schoolbook", times, serif; 
color:#fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden;
}

body {
font-size:80%; 
text-align: right;
color:#000;
}

#contain {
position:relative;
margin-left:auto;
margin-right:auto;
width:800px; 
height:600px; 
background: #fff;}

#left {
position: absolute; left: 75px; top: 70px;
height:	350px;
text-align: left;
}

img.floatRight { 
    float: right; 
    margin: 10px; 
}

#links {
position: absolute; 
left: 100px; 
top: 275px;
width: 360px;
height: 200px;
text-align: left;
background-color: #D9CABA; 
padding: 20px;
}

a {
text-decoration: none;
color: #884A71
}

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

#picture {
position: absolute; 
right: 300px; 
top: 275px;
width: 100px;
height: 100px;
background-color: #0ff;
}

#main{
position: absolute;
right: 50px;
top: 220px;
width: 500px;
}

}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

#footer{
position: absolute;
right: 69px;
bottom: 75px;
color: #fff
}

#base{
position: absolute;
right: 69px;
bottom: 4px;
color: #fff
}

dl, dt, dd, ul, li {
margin: 0; padding: 0; 
list-style-type: none;
}


#menu {
  padding: 0;
  margin: 0;
  width: 400px; 
  height: 200px;  
}

#menu a {
text-indent: 1000%;
}

#menu a {
  position: absolute;
  z-index: 4;
  list-style-type: none;
  outline: none;
}

#menu a:hover, a:hover {
 background-position: left bottom; 
}

#menu .home {
  width: 75px;
  height: 75px;
  background: url('../images/layout/Home.jpg') no-repeat;
  right: 290px;
  top: 128px;
}

#menu .about {
  width: 75px;
  height: 75px;
  background: url('../images/layout/About.jpg') no-repeat;
  right: 210px;
  top: 128px;
}

#menu .gallery {
  width: 75px;
  height: 75px;
  background: url('../images/layout/Gallery.jpg') no-repeat;
  right: 130px;
  top: 128px;
}

#menu .contact {
  width: 75px;
  height: 75px;
  background: url('../images/layout/Contact.jpg') no-repeat;
  right: 50px;
  top: 128px;
}