@charset "utf-8";
/* CSS Document */
#nav{
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
	z-index:100;
	margin-top: 0px;
	margin-right: 23px;
	margin-bottom: 0px;
	margin-left: 23px;
}
#nav li {
    list-style: none;
    height: 38px;
    float:left;
    padding:10px 1px;
}
#nav li a{
	height: 32px;
	line-height: 27px;
	padding:0px;
	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;
	border-radius: 0px 0px 7px 7px;
}
#nav li:nth-child(1) a {
border-top:3px solid #063;
}
#nav li:nth-child(2) a {
border-top:3px solid #606;
}
#nav li:nth-child(3) a {
border-top:3px solid #67ABF8;
}
#nav li:nth-child(4) a {
border-top:3px solid #C30;
}
#nav li:nth-child(5) a {
border-top:3px solid #FF3;
}
#nav li:nth-child(6) a {
border-top:3px solid #F0F;
}
#nav li:nth-child(1) a:hover {
border-bottom: 30px solid #690;
color:#FFF;
height: 1px;
}
#nav li:nth-child(2) a:hover {
border-bottom: 30px solid #606;
color:#FFF;
height: 1px;
}
#nav li:nth-child(3) a:hover {
border-bottom: 30px solid #06F;
color:#FFF;
height: 1px;
}
#nav li:nth-child(4) a:hover {
border-bottom: 30px solid #C30;
color:#FFF;
height: 1px;
}
#nav li:nth-child(5) a:hover {
border-bottom: 30px solid #222;
color:#FFF;
height: 1px;
}
#nav li:nth-child(6) a:hover {
border-bottom: 30px solid #F0F;
color:#FFF;
height: 1px;
}