html, body{ 
 margin:0; 
 padding:0;
 border:0;
 background-color: #ECF4FF;
 font-family: veranda, arial, helvetica; color: #000000; font-size: 90%;
 min-width:800px;
 } 

#footer{
 text-align: center;
 width:800px; 
 background-color:#ECF4FF;
padding-top:10px;
 margin:0 auto;
}

#main{
 background-image: url("../arch/logo2.gif");
 background-repeat: no-repeat;
 background-color: #ECF4FF;
 margin:0 auto;
 width:800px;
 height:570px;
}

p {
color:#6666CC;
font-size:12pt;
margin: 0px 0;
padding: 0px;
}

a:link {color: #9999FF;}
a:visited {color: #9999FF;}
a:hover {color: #FFFFFF;}
a:active {color: #6666FF;}
a {text-decoration: none;}

img {
border-style:none;}

.built{
 padding-top: 160px;
 margin-left: 150px;
}

.boards{
 float:left;
 margin-top: 50px;
 margin-left: 240px;
}

.quayhouse{
 float:left;
 margin-top: -200px;
 margin-left: 90px;
}

.m2{
 float:left;
 margin-top: -180px;
 margin-left: 370px;
}

.brochure{
 float:left;
 margin-top: -100px;
 margin-left: 370px;
}

.services{
 float:left;
 margin-top: -80px;
 margin-left: 30px;
}

.postcards{
 padding-top: 5px;
 margin-left: 10px;
}

.flotsam{
 float:left;
 margin-top: -10px;
 margin-left: 20px;
}

.workers{
 float:left;
 padding-top: 5px;
 margin-left: 250px;
}

.connections{
 float:left;
 margin-top: -60px;
 margin-left: 110px;
}

.clear{clear:both;}

.news{
margin:300px 5px 5px 5px;
float:right;
width:300px;
height:300px;
overflow:auto;}

#belt{
width:450px;
float:left;}

#tight{width:260px;}

.print {display:none;}

.left{float:left;}
.right{float:right;}