/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */
.navHolder{
  clear:both;
  overflow:hidden;
  display:block;
  background-image: url(../images/navigation-bottom-bg.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  margin-top:-1px;
}
#nav {
  width: 100%;
  position: relative;
  background-image: url(../images/navigation-top-bg.gif);
  background-repeat: repeat-x;
  background-position: left top;
  background-color:#e10020
}
#nav ul {
  padding: 0;
  margin: 0 auto;
}
#nav li {

  position:relative;
  overflow:hidden;
  display:block;
  border-bottom:1px solid #f2f2f2;
  border-top:1px solid #d0d0d0;
}

#nav a {
  display:block;
  background-color:#e2e2e2;
  background-image: url(../images/btn-bg.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  text-transform:uppercase;
  color:#555555;
  font-size:16px;
  font-weight:600;
  text-decoration:none;
  padding:12px 15px;
  line-height:20px;
}

#nav li:last-child a {
  /*border-right: 0;*/
}
#nav a:hover, #nav a.active {
/*	background-color: #53337f;
  color:#FFFFFF;*/
}
a#pull {
  display: none;
}
#nav li a span{
  color:#8a8a8a;
  font-size:11px;
  display:block;
}
#nav li a:hover{
  background-color:#d00008;
  background-image: url(../images/btn-bg-r.gif);
  color:#FFFFFF
}
#nav li a:hover span{
  color:#FFFFFF
}
#nav li a.active{
  background-color:#d00008;
  background-image: url(../images/btn-bg-r.gif);
  color:#FFFFFF
}
#nav li a.active span{
color:#FFFFFF
}



#nav2 {
  width: 100%;
  position: relative;
  background-image: url(../images/navigation-top-bg.gif);
  background-repeat: repeat-x;
  background-position: left top;
  background-color:none;
}
#nav2 ul {
  padding: 0;
  margin: 0 auto;
}
#nav2 li {
  display:block;
  border-left:1px solid #f2f2f2;
  border-right:1px solid #d0d0d0;
  float:left;
}
#nav2 li:last-child {
  border-right:none;
}
#nav2 li:first-child {
  border-left:none;
}

#nav2 a {
  display:block;
  background-color:#e2e2e2;
  background-image: url(../images/btn-bg.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  text-transform:uppercase;
  color:#555555;
  font-size:16px;
  font-weight:600;
  text-decoration:none;
  padding:12px 15px;
  line-height:20px;
}

#nav2 li:last-child a {
  /*border-right: 0;*/
}
#nav2 a:hover, #nav a.active {
/*	background-color: #53337f;
  color:#FFFFFF;*/
}
 
#nav2 li a span{
  color:#8a8a8a;
  font-size:11px;
  display:block;
}
#nav2 li a:hover{
  background-color:#d00008;
  background-image: url(../images/btn-bg-r.gif);
  color:#FFFFFF
}
#nav2 li a:hover span{
  color:#FFFFFF
}
#nav2 li a.active{
  background-color:#d00008;
  background-image: url(../images/btn-bg-r.gif);
  color:#FFFFFF
}
#nav2 li a.active span{
color:#FFFFFF
}


/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
  #nav {
      height: auto;

    margin-top:1px;
    }
    #nav ul {
      width: 100%;
      display: block;
      height: auto;
    }
    #nav li {
      width: 100%;
      float: left;
      position: relative;
    }
    #nav a {
      text-align: left;
      width: 100%;
    text-indent: 10px;
    text-align:left;
    }
    #nav a span{
    display:none !important;
  }
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
  #nav {
    border-bottom: 0;

  }
  #nav ul {
    display: none;
    height: auto;
  }

  a#pull {
    display: block;
    background-color: #BA070E;
    width: 100%;
    position: relative;;
    color:#ffffff;
    font-weight:700;
    font-size:18px;
    text-decoration:none;
    padding:8px 10px;
    overflow:hidden
  }
  #pull:after {
    content:"";
    background: url('../images/nav-icon.png') no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 8px;
  }
}