#navigation-main{
	width:100%;
	background-color:#FFFFFF;
	height:40px;
	border-bottom:5px solid #FF6600
}

.nav{
	width:1250px;
	height:30px;
	margin:auto;
	background:#fff;
	color:#282828;
}

.nav ul{margin:0;
padding:0
}

.nav ul li {
list-style: none;
float:left
}

.nav ul li a {
	line-height: 53px;
	height:40px;
	padding:0px 13.5px 0 14px;
	color: #282828;
	font-size:13px;
	font-weight:lighter;
	text-align:center;
	text-decoration: none;
	display: block;

-webkit-transition: .2s all linear;
-moz-transition: .2s all linear;
-o-transition: .2s all linear;
transition: .2s all linear;
}
.nav li:nth-child(1) a {
border-bottom: 4px solid #f15f2e;

}
.nav li:nth-child(2) a {
border-bottom: 4px solid #0077d3;
}
.nav li:nth-child(3) a {
border-bottom: 4px solid #25c447;
}
.nav li:nth-child(4) a {
border-bottom: 4px solid #609491;
}
.nav li:nth-child(5) a {
border-bottom: 4px solid #cf1919;
}

.nav li:nth-child(6) a {
border-bottom: 4px solid #02b4c9;
}

.nav li:nth-child(7) a {
border-bottom: 4px solid #0206a3;
}

.nav li:nth-child(8) a {
border-bottom: 4px solid  #c7088f;
}

.nav li:nth-child(9) a {
border-bottom: 4px solid #f15f2e;
}

.nav li:nth-child(10) a {
border-bottom: 4px solid  #0077d3;
}
.nav li:nth-child(11) a {
border-bottom: 4px solid #25c447;
}


.nav li:nth-child(1) a:hover {
border-bottom: 35px solid #f15f2e;
color:#FFFFFF;
height: 9px;
}
.nav li:nth-child(2) a:hover {
border-bottom: 35px solid #0077d3;
color:#ffffff;
height: 9px;
}
.nav li:nth-child(3) a:hover {
border-bottom: 35px solid #04b722;
color:#ffffff;
height: 9px;
}
.nav li:nth-child(4) a:hover {
border-bottom: 35px solid #609491;
height: 9px;
color:#ffffff
}
.nav li:nth-child(5) a:hover {
border-bottom: 35px solid #cf1919;
color:#FFFFFF;
height: 9px;
}

.nav li:nth-child(6) a:hover {
border-bottom: 35px solid #02b4c9;
color:#FFFFFF;
height: 9px;
}

.nav li:nth-child(7) a:hover {
border-bottom: 35px solid #0206a3;
color:#FFFFFF;
height: 9px;
}

.nav li:nth-child(8) a:hover {
border-bottom: 35px solid #c7088f;
color:#FFFFFF;
height: 9px;
}

.nav li:nth-child(9) a:hover {
border-bottom: 35px solid #f15f2e;
color:#FFFFFF;
height: 9px;
}

.nav li:nth-child(10) a:hover {
border-bottom: 35px solid #0077d3;
color:#FFFFFF;
height: 9px;
}

.nav li:nth-child(11) a:hover {
border-bottom: 35px solid #25c447;
color:#FFFFFF;
height: 9px;
}