* {
margin: 0;
padding: 0; }
html {
color: #696969;
font-size: 100.01%;
font-family: "Lucida Grande", verdana, helvetica, arial, sans-serif;
width: 100%;
height: 100%; }
body {
font-size: 95%;
background-color: #ededed;
width: 100%;
height: 100%;
overflow: hidden; }
div#layer {
background-color: #ededed;
background-image: url(../images/littlerome01.jpg);
background-repeat: no-repeat;
background-position: left top;
position: absolute;
top: 50%;
left: 50%;
width: 640px;
height: 506px;
margin-top: -290px;
margin-left: -320px; }
div.text {
position: absolute;
top: 25px;
left: 50px; }
div.text p.mail {
font-size: 75%;
padding-top: 10px; }
div.text h1 {
color: white;
font-size: 180%;
line-height: 1.4em;
padding-bottom: 5px; }
div.text p {
color: white; }
div#gallery {
background-color: #ededed;
position: absolute;
bottom: 0;
width: 640px;
height: 80px; }
div#gallery img {
float: left;
margin-top: 1px;
margin-right: 1px; }
a {
color: white;
text-decoration: none; }
a:hover {
text-decoration: underline; }
div#about {
font-size: 100%;
overflow: hidden;
padding: 25px;
border: solid 1px #dfdddb; }
div#about h1 {
font-size: 160%; }
div#about h2 {
font-size: 100%;
margin-bottom: 10px;
padding-top: 15px;
padding-bottom: 3px;
border-bottom: 1px solid #dfdddb; }
div#about h3 { }
div#about p {
font-size: 80%;
padding-bottom: 5px; }
div#about a {
color: #e97117;
text-decoration: none; }
div#about a:hover {
text-decoration: underline; }
div#about div.left {
width: 47%;
float: left; }
div#about div.right {
width: 47%;
float: right; }
div-about div.clear {
width: 100%;
clear: both;
display: block; }