body {
margin-top : 0; 
background-color : #3a3a3a;
font-family : arial, sans-serif, engravers mt bold; 
font-size: 12px;
}

.clear {
border-top: 1px solid white;
width:900px;
clear:both;
}

#container {
width : 900px; 
border : 0 solid gray; 
margin: 25px auto 0; 
} 


#top {
width: 880px;
margin-left: 10px;
height: 15px;
}
#top a {
color : #f86f12; 
line-height:12px;
vertical-align: text-top;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#top #lang a {
float:left;
margin-right: 15px;
}
#top #tools a {
float:right;
margin-left: 15px;
}

#page {
background: white url('images/head.png') no-repeat;
width:900px;
}


#nav {
width: 450px;
height:350px;
float:left;
}

#hatch-top {
position:absolute;
margin:60px 0 0 85px;
height:135px;
width:250px;
background:  url('images/tophatch.png');
z-index:2;
}

#hatch-bottom {
position:absolute;
margin:175px 0 0 135px;
height:135px;
width:250px;
background:  url('images/bottomhatch.png');
z-index:1;
}

#nav a {
position:absolute;
color : #f86f12; 
line-height:16px;
vertical-align: text-top;
font-size:16px;
font-weight:bold;
text-decoration:none;
width:100px;height:15px;
z-index:3;

}

#hatch1 {
text-align:center;
margin:35px 0 0 150px;
}
#hatch2 {
text-align:left;
margin:80px 0 0 300px;
}

#hatch3 {
text-align:left;
margin:125px 0 0 320px;
}

#hatch4 {
text-align:left;
margin:255px 0 0 350px;
}

#hatch5 {
text-align:center;
margin:300px 0 0 200px;
}
#hatch6 {
text-align:right;
margin:255px 0 0 60px;
}

#hatch7 {
text-align:right;
margin:210px 0 0 30px;
}

#hatch8 {
text-align:right;
margin:80px 0 0 0px;
}

#hatchname {
position:absolute;
text-align:center;
margin:200px 0 0 165px;
width:170px;
font-size:32px;
font-weight:bold;
color:white;
z-index:3;
}

#header {
width:450px;
height: 350px;
float:right;
}

#header h1 {
margin:90px 0 0 0;
padding:0;
text-align:center;
font-size:52px;
font-weight:bold;
color:white;
}

#header p {
margin: 50px 10px 0 0;
padding:0;
font-size:16px;

font-weight:bold;
color:#f86f12;
}

#content {
width:880px;
padding:0 10px;
}

#content h2 {
margin:10px 0 0 15px;
padding:0;
text-align:left;
font-size:24px;
font-weight:bold;
color:#0b0650;
}

#content p {
line-height:1.2em;
}

#content a {
color : #0b0650;
font-weight:bold;
text-decoration:none;
}

#content a:hover {
color : #f86f12;
font-weight:bold;
text-decoration:none;
}


#footer {
background: white url('images/foot.png') no-repeat;
width:900px;
height:50px;
text-align:center;
}
#footer #foot {
margin:0;
padding-top:30px;
font-size:10px;
color:#f86f12;
}

#tail, #tail a {
font-size:10px;
color:white;
text-decoration:none;

}