html {
    background:url(../images/bg.gif) repeat;
}

body {
    margin: 0;
    padding: 0;
}

#container {
    margin: 0 auto;
    width: 944px;    
}

#top-logo {
    float: left;
    width: 278px;
    height: 101px;
    background: url('../images/logo.jpg') no-repeat;
    background-position: center top;    
}

#top-nav {
    float: right;
    width: 666px;
    height: 101px;
    background: url('../images/top.gif') no-repeat;    
}

#top-img {
    clear: both;
    float: left;
    width: 278px;
    height: 153px;    
    background: url('../images/pand.jpg') no-repeat;    
}

#top-wrapper {
    float: right;
    margin: 0 auto;     
    width: 666px;
    height: 155px;    
    text-align: left;
}

#top-header  { 
    width: 666px; 
    height: 155px; 
    text-align: left;                                    
    background: url('../images/staal1.jpg') no-repeat;    
}

#top-header2  { 
    width: 666px; 
    height: 155px; 
    text-align: left;                                    
    background: url('../images/staal2.jpg') no-repeat;    
}

#block {
    position: absolute;
    top: 220px;
    width: 246px;
    height: 26px;
    background: red;
    font-size: 7pt; 
    z-index: 150;
    letter-spacing:1px; 
    color: #fff; 
    text-align:center; 
    padding-top:8px; 
    text-transform:uppercase; 
    font-weight:normal; 
    background: url('../images/menu4.gif') no-repeat;    
}

#block a {
	color:#ffffff;
	text-decoration: none;	
	text-transform:uppercase;
	font-weight:normal;
}

#block a:hover {
	text-decoration: none;
	color: #c40009;	
	text-transform:uppercase;
	font-weight:normal;
}