<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<!-- Version: Multiflex-3 Update-4 / Layout-4 -->
<!-- Date: December 11, 2006 -->
<!-- Author: Wolfgang -->
<!-- License: Fully open source without restrictions. -->
<!-- Please keep footer credits with a link to -->
<!-- Wolfgang (www.1-2-3-4.info). Thank you! -->
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="3600" />
<meta name="revisit-after" content="2 days" />
<meta name="robots" content="index,follow" />
<meta name="publisher" content="Your publisher infos here ..." />
<meta name="copyright" content="Your copyright infos here ..." />
<meta name="author" content="Design: Wolfgang (www.1-2-3-4.info) / Modified: Your Name" />
<meta name="distribution" content="global" />
<meta name="description" content="Your page description here ..." />
<meta name="keywords" content="Your keywords, keywords, keywords, here ..." />
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/layout4_setup.css" />
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/layout4_text.css" />
<script type="text/javascript" src="./js/ieflickerhack.js"></script>
<link rel="icon" type="image/x-icon" href="./img/favicon.ico" />
<title>Multiflex-3 Update-4 / Layout-4</title>
</head>
<!-- Global IE fix to avoid layout crash when single word size wider than column width -->
<!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><![endif]-->
<body>
<!-- Main Page Container -->
<div class="page-container">
<!-- For alternative headers START PASTE here -->
<!-- A. HEADER -->
<div class="header">
<!-- A.1 HEADER TOP -->
<div class="header-top">
<!-- Sitelogo and sitename -->
<a class="sitelogo" href="#" title="Go to Start page"></a>
<div class="sitename">
<h1><a href="index.html" title="Go to Start page">MULTIFLEX•3<span style="font-weight:normal;font-size:50%;"> update-4</span></a></h1>
<h2>Open Source Template</h2>
</div>
<!-- Navigation Level 0 -->
<div class="nav0">
<ul>
<li><a href="#" title="Pagina home in Italiano"><img src="./img/flag_italy.gif" alt="Image description" /></a></li>
<li><a href="#" title="Homepage auf Deutsch"><img src="./img/flag_germany.gif" alt="Image description" /></a></li>
<li><a href="#" title="Hemsidan på svenska"><img src="./img/flag_sweden.gif" alt="Image description" /></a></li>
</ul>
</div>
<!-- Navigation Level 1 -->
<div class="nav1">
<ul>
<li><a href="#" title="Go to Start page">Home</a></li>
<li><a href="#" title="Get to know who we are">About</a></li>
<li><a href="#" title="Get in touch with us">Contact</a></li>
<li><a href="#" title="Get an overview of website">Sitemap</a></li>
</ul>
</div>
</div>
<!-- A.2 HEADER MIDDLE -->
<div class="header-middle">
<!-- Site message -->
<div class="sitemessage">
<h1>EASY • FRESH • ROBUST</h1>
<h2>The third generation Multiflex is here, now with cooler design features and easier code.</h2>
<h3><a href="#">›› More details</a></h3>
</div>
</div>
<!-- A.3 HEADER BOTTOM -->
<div class="header-bottom">
<!-- Navigation Level 2 (Drop-down menus) -->
<div class="nav2">
<!-- Navigation item -->
<ul>
<li><a href="index.html">Overview</a></li>
</ul>
<!-- Navigation item -->
<ul>
<li><a href="#">Page Layouts<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="layout1.html">Layout-1 (1-col)</a></li>
<li><a href="layout2.html">Layout-2 (2-col)</a></li>
<li><a href="layout3.html">Layout-3 (2-col)</a></li>
<li><a href="layout4.html">Layout-4 (3-col)</a></li>
<li><a href="layout5.html">Layout-5 (3-col)</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<!-- Navigation item -->
<ul>
<li><a href="#">Header Layouts<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="header1.html">Header-1 (T+M+B)</a></li>
<li><a href="header2.html">Header-2 (T+M)</a></li>
<li><a href="header3.html">Header-3 (T+B)</a></li>
<li><a href="header4.html">Header-4 (M+B)</a></li>
<li><a href="header5.html">Header-5 (T)</a></li>
<li><a href="header6.html">Header-6 (M)</a></li>
<li><a href="header7.html">Header-7 (B)</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
</div>
<!-- A.4 HEADER BREADCRUMBS -->
<!-- Breadcrumbs -->
<div class="header-breadcrumbs">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Webdesign</a></li>
<li><a href="#">Templates</a></li>
<li>Multiflex-3</li>
</ul>
<!-- Search form -->
<div class="searchform">
<form action="index.html" method="get">
<fieldset>
<input name="field" class="field" value=" Search..." />
<input type="submit" name="button" class="button" value="GO!" />
</fieldset>
</form>
</div>
</div>
</div>
<!-- For alternative headers END PASTE here -->
<!-- B. MAIN -->
<div class="main">
<!-- B.1 MAIN NAVIGATION -->
<div class="main-navigation">
<!-- Navigation Level 3 -->
<div class="round-border-topright"></div>
<h1 class="first">Title</h1>
<!-- Navigation with grid style -->
<dl class="nav3-grid">
<dt><a href="#">Navlink 11</a></dt>
<dt><a href="#">Navlink 12</a></dt>
<dd><a href="#">Navlink 121</a></dd>
<dd><a href="#">Navlink 122</a></dd>
<dd><a href="#">Navlink 123</a></dd>
<dt><a href="#">Navlink 13</a></dt>
<dt><a href="#">Navlink 14</a></dt>
<dt><a href="#">Navlink 15</a></dt>
</dl>
<!-- Title -->
<h1>Title</h1>
<!-- Subtitle -->
<h2>Subtitle</h2>
<!-- Navigation with bullets -->
<dl class="nav3-bullet">
<dt><a href="#">Navlink 11</a></dt>
<dt><a href="#">Navlink 12</a></dt>
<dd><a href="#">Navlink 121</a></dd>
<dd><a href="#">Navlink 122</a></dd>
<dd><a href="#">Navlink 123</a></dd>
<dt><a href="#">Navlink 13</a></dt>
<dt><a href="#">Navlink 14</a></dt>
<dt><a href="#">Navlink 15</a></dt>
</dl>
<!-- Subti