Template:Amplino

<html>
<!-- Reset CSS - START 
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/base/base-min.css">
Reset CSS - END /-->

<!-- Internet Explorer PNG fix - START /-->
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js">IE7_PNG_SUFFIX=".png";</script>
<![endif]-->
<!-- Internet Explorer PNG fix - END /-->

<!-- Scripting - START /-->
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js"></script>
<script type="text/javascript" src="http://github.com/cowboy/jquery-hashchange/raw/v1.3/jquery.ba-hashchange.js"></script>

<script>
$(document).ready(function() {
$('#search-controls').appendTo('#search-form');
$('#menubar').appendTo('#user-menu');
});
</script>

<!-- Main CSS - START /-->
<style type="text/css">
/* Wiki Hacks - START */
/* Team: Amplino */

#top-section{
display: none;
}

#content {
border: none;
background: transparent;
}

body {
background: #fff;
}

#catlinks {
display:none;
}

#footer-box {
border: none;
}

/* Amplino Styles */

#floatingbar {
height: 55px;
    line-height: 15px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
position: fixed;
top:0;
left: 0;
z-index: 999;
width: 100%;
background: #8a4e00;
}

#add-floatingbar {
width: 975px;
margin: 0px auto 0 auto;
height: 15px;
overflow: none;
}

#user-menu {
position: relative;
    white-space: nowrap;
    top: auto;
    width: 400px;
margin-left: 575px;
    z-index: 5;
    font-family: sans-serif;
    font-size: 95%;
    line-height: 1em;
}

#floatingbar-content {
width: 975px;
margin: 0 auto;
padding: 0;
text-align: left;
}

#floatingbar-content h1 {
padding: 0;
margin: 0;
float: left;
border-bottom: none;
}

#floatingbar-content h1 a {
text-decoration: none;
}

#menu ul {
list-style-type: none;
height: 50px;
width: 600px;
margin: auto;
list-style: none
}

#menu ul li {
float: left;
}

#menu ul a {
padding-right: 32px;
padding-left: 32px;
display: block;
line-height: 50px;
text-decoration: none;
font-size: 15px;
color: #FFF;
}

#menu ul a:hover {
color: #DDD;
}

</style>

<div id="floatingbar">
<div id="floatingbar-content">
<h1><a href="https://2012e.igem.org/Team:Amplino"><img src="https://static.igem.org/mediawiki/2012e/7/7c/AMPLINO-logo-igem-small.png" alt="Amplino iGEM Entrepreneurship Team Wiki" /></a></h1>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Summary</a></li>
<li><a href="#">Problem</a></li>
<li><a href="#">Opportunity</a></li>
<li><a href="#">Solution</a></li>
<li><a href="#">Source Data</a></li>
<li><a href="#">Attributions</a></li>
</ul>
</div>
<div id="search-form">
</div>
</div>
</div>

<div id="add-floatingbar">
<div id="user-menu">
</div>
</div>
</html>