body {
padding:0;
margin-top:0;
font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 14px;	font-weight: normal; color: #000000;
}

#container {
width: 960px;
background-image:url(../images/circle.gif);
background-repeat: no-repeat;
background-position: 185px 110px;
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
border: 1px solid #cccccc;
}


#menu {
position: relative;
left: 40px;
top: 250px;
height: 283px;
width: 194px;
background-image:url(../images/door.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 0;
margin: 0;
padding-bottom: 10px;

}

#menu ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#menu a {
text-decoration: none;
display: block;
height: 40px;
color: #666666;
font-weight: normal;
font-size: 1.1em;
}

#menu .selected {
color: #D02D03;
}

#menu .home {
padding-left: 150px;
}

#menu .portfolio {
padding-left: 80px;
}

#menu .planning {
padding-left: 70px;
}

#menu .cost {
padding-left: 20px;
}

#menu .construct {
padding-left: 8px;
}

#menu .contact {
padding-left: 60px;
}

#menu a:hover, #clearance a:hover {
color: #D02D03;
} 

#body {
position: relative;
left: 300px;
width: 500px;
color:#fff;
font-size: 0.9em;
line-height: 1.5em;
top: -50px;
}

#body a {
text-decoration: none;
color:#fff;
border: 1px solid #CCCCCC;
padding: 2px 5px;
font-weight: bold;
}

#body a:hover {
background-color: #fff;
color: #D02D03;
font-weight: bold;
}

#picture {
position: absolute;
right: 80px;
top: 30px;
}

#picture img {
border: 1px solid #000;
}

#footer {
position: relative;
left: 300px;
width: 500px;
color:#CCCCCC;
font-size: 0.8em;
font-weight: bold;
padding-bottom: 5px;
clear: both;
}

#footer a {
color:#CCCCCC;
text-decoration: none;
}

#footer a:hover {
color: #fff;
}
#logo {
position: absolute;
background-image:url(../images/logo.gif);
background-repeat: no-repeat;
background-position: top left;
width:320px;
height:100px;
top: 30px;
left: 50px;
}

#logo h1 {
display: none;
}

h2 {
font-size: 1.3em;
}