html, body{
background: #f0a98d;
margin: 0;
padding: 0;
}

input, textarea, option, select {
color: #feedcd;
font: 11px arial;
background: #eeb74c;
border: 2px solid #cc6732; 
} 

.overview{
margin: 0;
padding: 0;
background: #f0a98d url('images/bg.jpg') repeat-x bottom;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}

#container{
overflow: hidden;
position: absolute;
bottom: 220px;
left: 250px;
width: 420px;
height: 210px;
}

#overimg{
background: url('images/over.gif') no-repeat;
position: absolute;
bottom: 219px;
left: 242px;
width: 323px;
height: 63px;
z-index: 2;
}

#content{
font: 11px trebuchet ms;
color: #f5dfc8;
}

#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 420px;
height: 210px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: absolute;
}

#footer{
padding-bottom: 55px;
margin-top: 0;
border-top: 3px double #d8882a;
text-align: center;
}

/*          CONTENT          */

p{
padding: 1px 5px 1px 5px;
margin-right: 5px;
text-align: justify;
}

h1{
background: url('images/h1.png') right bottom no-repeat;
text-align: right;
padding: 0 50px 0 10px;
margin-bottom: 0;
font: 30px garamond;
font-style: italic;
text-transform: lowercase;
color: #f6e2d8;
}

h1:first-letter{
font: 36px garamond;
font-style: italic;
text-transform: lowercase;
}

h2{
text-indent: 40px;
font: 15px arial black;
color: #cccccc;
}

a:link, a:active, a:visited{
text-decoration: none;
font: 11px arial;
color: #f9d65e;
text-transform: uppercase;
}

a:hover{
text-decoration: none;
font: 11px arial;
color: #feb893;
text-transform: uppercase;
}

i,em{
color: #fbbea9;
}

b,strong{
color: #d16d4a;
}

blockquote{
background: #e77c44;
width: 300px;
padding: 10px;
}

#code{
border: 5px solid #d89983;
padding: 3px;
margin: 2px 5px 2px 5px;
}

#code:hover{
border: 5px solid #b14e2c;
}