Хостинг
by pharma_nsk
HTML
<body>
<div>
<nav>
<a href="#1">Home</a>
<a href="#2" class="current">css/xhtml</a>
<a href="#3">flash/xml</a>
<a href="#4">premium</a>
<a href="#5">webhosting</a>
<a href="#6">contact</a>
</nav>
</div>
</body>CSS
body {background-color:white; font-size:10px; font-family:sans-serif;}
div {display:block; height:80px; width:600px; margin: 50px auto; border-left: 20px solid #E3E3E3; border-right: 20px solid #E3E3E3;}
nav {height:40px; width:600px; text-align:center; border-bottom:5px solid #ED9015; padding:0 20px; background-image: url('http://365psd.ru/images/backgrounds/bg-dark-4779.jpg'); position:relative; left:-20px; top:15px;}
nav a {display:inline-block; height:40px; color:#ADADAD; text-align:center; line-height:40px; vertical-align:middle; padding:0 10px; margin-right:15px; white-space: nowrap; text-transform:uppercase; text-decoration:none; font-weight:600; }
nav a:last-child {margin-right:0;}
nav .current {color:#ED9015;}
nav a:hover {transition:all linear 0.3s; color:#FF3700;}