<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
<title>mop( means of production )2006</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<!--<link href="CSS/mop_mopdotnet_2006_screen_css_2.css" rel="stylesheet" type="text/css" />-->
<meta http-equiv="Content-Language" content="en-us" />
</head>

<style type="text/css">

body
{
margin:0px;
padding: 0px;
font: 12px helvetica, arial, sans-serif;
background-color: red;
}

div#header
{
position: static;
width: 900px;
height: 40px;
background-color: red;
margin: 0px 0px 0px 560px;
}

div#columnspace
{
width:900px;
background-color: red;
}

.box_column_1
{
position: relative;
width:170px;
max-height: 260px;
background-color: red;
float:left;
clear:left;
margin: 0px 0px 0px 40px;
padding: 0px 0px 0px 0px;
}

.box_column_2
{
position: relative;
width: 320px;
min-height: 240px;
max-height: 240px;
background-color: white;
float: left;
margin: 0px 10px 10px 0px;
padding: 10px 10px 10px 10px;
}

.box_column_2_plus
{
position: relative;
width: 320px;
min-height: 240px;
max-height: 240px;
background-color: white;
float: left;
margin: 0px 0px 10px 0px;
padding: 10px 20px 10px 10px;
}

.box_column_2_b
{
position: relative;
width: 320px;
min-height: 240px;
max-height: 240px;
background-color: white;
float: left;
margin: 0px 0px 10px 0px;
padding: 10px 20px 10px 10px;
}

.box_column_3
{
position: relative;
width: 320px;
min-height: 240px;
max-height: 240px;
background-color: white;
float: left;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
}

.box_column_2_and_3
{
position: relative;
width: 670px;
background-color: white;
float: left;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
}

.box_column_2_widescreen_large
{
position: relative;
width: 670px;
min-height: 240px;
max-height: 240px;
background-color: white;
float: left;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
}

.box_column_2_widescreen_small
{
position: relative;
width: 320px;
min-height: 115px;
max-height: 115px;
background-color: red;
float: left;
margin: 0px 10px 0px 0px;
padding: 10px 10px 10px 10px;
}

.box_column_3_widescreen_small
{
position: relative;
width: 320px;
min-height: 115px;
max-height: 115px;
background-color: white;
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
}

div#footer
{
position: relative;
float: left;
width:900px;
background-color: red;
margin: 0px 0px 0px 560px;
}

div#box_navigation
{
position: fixed;
left: 0px;
top: 0px;
width: 40px;
height: 260px;
<!--max-height: 260px;-->
border: 0px;
background-color: red;
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
vertical-align: top;
}

div#box_slice_section
{
position: fixed;
left: 0px;
top: 0px;
width: 35px;
height: 120px;
border: 0px;
background-color: red;
margin: 320px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
vertical-align: top;
}

div#box_slice_logo
{
position: fixed;
left: 0px;
top: 0px;
width: 35px;
height: 120px;
border: 0px;
background-color: red;
margin: 440px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
vertical-align: top;
}

div#box_slice_logo
{
position: fixed;
left: 0px;
top: 0px;
width: 35px;
height: 120px;
border: 0px;
background-color: red;
margin: 440px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
vertical-align: top;
}

</style>

<body>

<!--copyright top-->
<div id="header">
<img src="images/mdn_2006_copyright.png" width="340" height="40" alt="copyright &c 2006 MOP Inc" />
</div>
<!--end copyright top-->

<!--columnspace-->
<div id="columnspace">

<div class="box_column_1">
<img src="images/mdn_2006_logo_sideways.jpg" width="170" height="260" alt="Logo: MOP, industry + design." />
</div>


<!--widescreen-->
<div class="box_column_2_widescreen_large">
<img src="images/mdn_2006_ws_bluekeel_plustext_01.jpg" width="670" height="240" alt="A widescreen photograph, the title is Blue Keel." />
</div>
<!--end widescreen-->


</body>
</html>