Hello,


I am trying to center the grey nav bar on this page:http://lineardynamics.com.au/index.php...

I tried many different ways but could not find what I wanted.

I am using latest Concrete5.

Here's the codes

CSS:
<style>
nav ulC {
-webkit-font-smoothing:antialiased;
text-shadow:0 1px 0 #FFF;
background: #ddd;
list-style: none;
margin: 0;
padding: 0;
width: 800px;
display:inline;
}
navC liC {
float: left;
margin: 0;
padding: 0;
position: relative;
min-width: 200px;
}
navC a {
background: #ddd;
color: #444;
display: block;
font: bold 16px/50px sans-serif;
padding: 0 25px;
text-align: center;
text-decoration: none;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
navC .dropdown:after {
content: ' ▶';
}
navC .dropdown:hover:after{
content:'\25bc'
}
navC liC:hover a {
background: #ccc;
}
navC liC ulC {
width: 200px;
float: left;
left: 0;
opacity: 0;
position: absolute;
top: 35px;
visibility: hidden;
z-index: 1;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
navC liC:hover ulC {
opacity: 1;
top: 50px;
visibility: visible;
width: 200px;
}
nav liC ulC liC {
float: none;
width: 200px;
}
nav liC ulC a:hover {
background: #bbb;
width: 200px;
}

/* Clearfix */

.cf:after, .cf:before {
content:"";
display:table;
}
.cf:after {
clear:both;
}
.cf {
zoom:1;
}​
</style>


HTML:
<navC>
<ulC class="cf">
<liC><a class="dropdown" href="#">Linear Actuators</a>
<ulC>
<liC><a href="#">Moteck</a></liC>
<liC><a href="#">Hiwin</a></liC>
<liC><a href="#">Dyadic Systems</a></liC>
</ulC>
</liC>
<liC><a class="dropdown" href="#">Rotary Tables</a>
<ulC>
<liC><a href="#">Apex Dynamics</a></liC>
<liC><a href="#">Orential Motor</a></liC>
</ulC>
</liC>
<liC><a class="dropdown" href="#">Stepper Systems</a>
<ulC>
<liC><a href="#">Orential Motor</a></liC>
</ulC>
</liC>
<liC><a class="dropdown" href="#">CNC Machines</a>
<ulC>
<liC><a href="#">Hiwin</a></liC>
<liC><a href="#">Apex Dynamics</a></liC>
</ulC>
</liC>
<liC><a class="dropdown" href="#">Industrial Robots</a>
<ulC>
<liC><a href="#">Hiwin</a></liC>
<liC><a href="#">Apex Dynamics</a></liC>
</ulC>
</liC>
<liC><a class="dropdown" href="#">Tracking Systems</a>
<ulC>
<liC><a href="#">Moteck</a></liC>
<liC><a href="#">Joyce Dayton</a></liC>
<liC><a href="#">Hiwin</a></liC>
</ulC>
</liC>
</ulC>
</navC>