Untitled

dabblet.css

#container {
	margin:0 auto;
	width:75%;
	
}

#container-top{
	background-image:url(images/top_container_bakground_02.png);
	width:100%;
	position:relative;
}

#header {
	width: 100%;
	background-color:#ececec;
	position:relative;
	font-family:"Century Gothic";
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #111;
	margin-bottom:20px;
	
}

#logo {
	/*position:absolute;*/
	background-image:url(images/logo_03.png);
	background-repeat:no-repeat;
	background-position:center;
	margin: 10px auto;
	text-indent:-9999px;
	float:left;
	width:50%;
	height:117px;
	/*Additions*/
	border: 1px solid black;
	text-indent: 0px;
	text-align: center;
	margin-left: 25%;
	margin-top: -10px
}

li {
	 display:inline;
}

.firstnav {
	float:left;
	width:25%;
	position:absolute;
	margin-left:10px;
	
}

.secondnav{
	float:right;
	width:25%;
}
.clear{
	clear: both;
}

dabblet.html

<div id="container-top">
	<div id="header">
		<div class="nav">
			<ul>
				<li class="firstnav">
					<ul>
						<li class="home"><a href="#">Home</a></li>
						<li class="agencia"><a href="#">Agencia</a></li>
					</ul>
				</li>
				<li class="secondnav">					<ul>
						<li class="contacto"><a href="#">Contacto</a></li>
						<li class="blog"><a href="#">Blog</a></li>
					</ul>
				</li>	
				<div id="logo">
					<h1>Savoir-Faire</h1>
					<p>Agencia de Comunicación</p>
				</div>
			</ul>
			<div class="clear"></div>  
		</div>
	</div>
</div>

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}