html, body {
height: 100%;
min-height:100%;
padding: 0;
margin: 0;
font-family: sans-serif, serif, verdana ;
font-variant: small-caps;
font-size: 90%;
background-color: #bba;
color: #665;
background-image:url('bg.jpg');
background-repeat: repeat-x
}
#container {
position: relative;
margin-left: auto;
margin-right: auto;
width: 800px;
min-height: 100%;
}
* html #container{
height: 100%;				
}
#header1 {
clear: both;
position: relative;
margin-left: auto;
margin-right: auto;
width: 100%;
}
#header2 {
clear: both;
position: relative;
margin-left: auto;
margin-right: auto;
width: 100%;
}
#content {
clear: both;
position: relative;
margin-left: auto;
margin-right: auto;
width: 100%;
}
#paragraph {
background-color: #eee;
margin:0;
padding:1em;
border-left: 1px solid #aa8;
border-right: 1px solid #aa8;
border-bottom: 1px solid #aa8;
}
#footer{
clear: both;
position: relative;
margin-left: auto;
margin-right: auto;
width: 80%;
text-align:center;
font-variant: normal;
}
a.hl, a.hl:visited{
display:block;
margin: 0;
float: left;
padding: 0 1em 0 1em;
text-decoration: none;
border-left: 1px solid #aa8;
color: #ccc;
}
a.hl:active, a.hl:hover{
color: #eed;
background-color: #bba;
}
a.hr, a.hr:visited{
display:block;
margin: 0;
float: right;
padding: 0 1em 0 1em;
border-right: 1px solid #aa8;
text-decoration: none;
color: #ccc;
}
a.hr:active, a.hr:hover{
color: #eed;
background-color: #bba;
}
a.gallery, a.gallery:visited {
display: block;   
float:left;
margin: 0;
padding: 0 .2em 0 .2em;
border-left: 1px solid #aa8;
text-decoration: none;
color: #665;
}
a.gallery:hover, a.gallery:active {
white-space:normal;
color: #665;
background-color: #eed;
}

a.gallery span {
display:block; 
position:absolute; 
left: 1em; 
top: 2em; 
width:1px; 
height:1px; 
overflow:hidden; 
z-index:100;
}
a.gallery:hover span {
display:block; 
position:absolute;
padding:0; 
width:150px; 
height:110px;  
font-style:italic;   
z-index:100;
border: 1px solid #aa8;
}
a.info, a.info:visited {
display: block;   
float:left;
margin: 0;
padding: 0 .5em 0 .5em;
border-left: 1px solid #aa8;
text-decoration: none;
color: #665;
}
a.info:hover, a.info:active {
white-space:normal;
color: #eec;
background-color: #bba;
}

a.info span {
display:block; 
position:absolute; 
left: 1em; 
top: 2em; 
width:1px; 
height:1px; 
overflow:hidden; 
z-index:100;
}
a.info:hover span {
display:block; 
position:absolute;
padding:5px; 
width:20em; 
height:7em;     
z-index:100;
background-color: #eee;
text-align:center;
color: #665;
border:1px solid #aa8;
font-variant: normal;
}

img{
#600
display:block;
border:0;
background: url(loading.gif) no-repeat 50% 50%;
}
img.gallery {
}
img.contact {
clear:both;
margin:0 0 1em 0;
border:1px solid #aa8;
}
img.about {
clear:both;
margin:0;
border:1px solid #aa8;
}
img.index{
margin: 0 0 0 0;
}

p.sd{
display:block;
font-variant: normal;
}
p.title {
text-align:center;
margin: 0;
padding: 0 1em 0 1em;
font-style:italic;
color: #665;
}

ul{
display:block;
list-style-type: none;
margin: 0 2em 1em 0;
padding:0;
float:left;
background-color: #ddc;

}
li{
margin: .5em;
}