body {
background:url(./images/back.jpg) no-repeat top center #FFFFFF;
text-align:center;
font-family:'Helvetica', Arial, 'Sans Serif';
font-size:14px;
color:#afd1c7;
}

h1 {
font-size:52px;
font-weight:bold;
}

a {
color:#336600;
text-decoration: none;
}

a:hover {
color:#c2e1da;
}

h3 {
font-size:16px;
font-weight:bold;
}

#container {
display:block;
padding:137px 0 0 0;
margin:auto;
width:1068px;
overflow: hidden;
text-align: left;
}

#header {
display:block;
height:103px;
position:relative;
overflow: hidden;
}

#header a.contact {
display:block;
position:absolute;
top:26px;
right:-2px;
}

#navigation {
width:1200px;
height:90px;
display:block;
position:relative;
overflow: hidden;
}

ul#nav {
display:block;
width:1100px;
position:absolute;
top:0px;
left:2px;
height:90px;
}

ul#nav li {
display:block;
float:left;
margin:0 10px 0 0;
}

ul#nav li a {
display:block;
float:left;
}

#mainarea {
display:block;
overflow: hidden;
height:532px;
}

#mainarea ul {
line-height:17px;
padding:5px 0 0 0;
}

#links, #friends {
display:block;
float:left;
width:360px;
}

#footer {
display:block;
height:50px;
}

#footer p {
font-size:12px;
padding:0 0 0 4px;
color: #666;
}

#overlay {
background: url(./images/design.jpg) no-repeat top center;
width:100%;
height:3000px;
display:block;
position:absolute;
top:0px;
left: 0px;
z-index:10;
opacity:0.5;
}