﻿

nav  {
    display: block;
    width: 100%;
    overflow: hidden;
}

nav ul {
	text-align: center;
	width: 1005px;
    margin: 10px 0 10px 0;
    padding: .5em;
    float: left;
    list-style: none;
    background: linear-gradient(#ffffff, rgba(25,61,160,.1));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E3E7F3')"; /* IE8 */
    
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E3E7F3));
    background: -webkit-linear-gradient(#FFFFFF, #E3E7F3);
    background: -moz-linear-gradient(top, #FFFFFF, #E3E7F3);
    background: -o-linear-gradient(top, #FFFFFF, #E3E7F3); 
    
    /*background: #444;
    background: rgba(0,0,0,.0);*/
    border-radius: .5em;    
    box-shadow: 0 1px 0 rgba(255,255,255,.1), 0 1px 1px rgba(0,0,0,.1) inset; 
}

nav li {
    float:left;
}

nav a {
    float:left;
    padding: .8em 1em;
    text-decoration: none;
    color: #264993;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
 	font-family: 'Oxygen', sans-serif;
    font: bold 12px/1 'Oxygen', sans-serif;
    letter-spacing: normal;
    text-transform: uppercase;
    border-width: 1px;
    border-style: solid;
    border-color: #fff #ccc #999 #eee;
    /*background: #c1c1c1;*/
    background: linear-gradient(#f5f5f5, #c1c1c1);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#c1c1c1')"; /* IE8 */
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));
    background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);
    background: -moz-linear-gradient(top, #f5f5f5, #c1c1c1);
    background: -o-linear-gradient(top, #f5f5f5, #c1c1c1); 

            
 }
 
nav a:hover, nav a:focus {
    outline: 0;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    /*background: #fac754;*/
    background: linear-gradient(#407dfd, #264993);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#407dfd', EndColorStr='#264993')"; /* IE8 */
    background: -webkit-gradient(linear, left top, left bottom, from(#407dfd), to(#264993));
    background: -webkit-linear-gradient(#407dfd, #264993);
    background: -moz-linear-gradient(top, #407dfd, #264993);
    background: -o-linear-gradient(top, #407dfd, #264993); 

}

nav a:active {
    box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}
 
nav li:first-child a {
    border-left: 0;
    border-radius: 4px 0 0 4px;            
}

nav li:last-child a {
    border-right: 0;
    border-radius: 0 4px 4px 0;            
}