Проблема - непонятно откуда взялось расстояние слева между левыми краем и серым текстом.
HTML:
<div class="nav">
<ul>
<li><a href="#">Ваши комплекты</a></li>
<li><a href="#">Самое популярное</a></li>
<li><a href="#">Избранное</a></li>
</ul>
</div>
CSS:
.container .nav {
position: relative;
}
.container .nav a {
color: #aaaaaa;
padding: 0px 20px 0px 0px;
}
.container .nav li {
display: inline;
color: #aaaaaa;
font-size: 11px;
font-family: 'proxima_nova_ltsemibold';
text-transform: uppercase;
letter-spacing: 2px;
}