.site-wrap .vert-center #carousel ul .caption span a:visited {color: #fff; /* visited link */}

.site-wrap .vert-center #carousel ul .caption span a:link {color: #fff; /*  link */}

.site-wrap .vert-center #carousel ul .caption span a:hover {font-weight:bold;}



a {

  text-decoration: none;

}

body, html {

  font-family: Open Sans, Helvetica, arial, sans-serif;

  margin: 0;

  padding: 0;

  width: 100%;

  height: 100%;

  -webkit-font-smoothing: antialiased;

}

.site-wrap {

  display: table;

  width: 100%;

  height: 100%;

  opacity: 0;

  filter: alpha(opacity=0);

 /* visibility: hidden;*/

  -webkit-transition: all .3s ease; 

  -moz-transition: all .3s ease;

	-ms-transition: all .3s ease;  

	-o-transition: all .3s ease; 

	transition: all .3s ease;

}

.site-wrap.show {

  opacity: 1;

  filter: alpha(opacity=100);

  visibility: visible;

}

.vert-center {

  display: block;

  vertical-align: top;

}



/*HEADER STYLES*/ 

#header {

  clear: both;

  margin: 0 auto;

  width: 100%;

}

  #header h1 {

    background: url(img/andover.png) no-repeat;

    display: inline-block;

    float: left;

    text-indent: -99999px;

    width: 263px;

    height: 80px;

    padding: 5px 0;

  }

  #header ul.nav {

    display: none;

    float: none;

    margin: 0;

    padding: 0;

    width: 100%;

    text-align: center;

  }

  #header li {

    display: block;

    position: relative;

    vertical-align: top;

    margin: 0 7px;

    padding: 6px 0;

  }

  #header li a {

    color: #7a7a7a;

    line-height: 28px;

    display: inline-block;

    font-weight: normal;

    font-family: "Open Sans";

    text-transform: none;

    letter-spacing: 0px;

    font-weight: 300;

    font-style: normal;

    font-size: 14px;

    position: relative;

    -webkit-transition: color .2s ease; 

		-moz-transition: color .2s ease;

		-ms-transition: color .2s ease;  

		-o-transition: color .2s ease; 

		transition: color .2s ease;

  }

  #header li a:hover {

    color: #000;

  }

  #header li:hover a {

    color: #000;

  }

  #header li ul {

    display: block;

    margin: 0 auto;

    padding: 0;

  }

  #header .subnav li {

    display: block;

    margin: 0 0 5px;

    padding: 0;

    line-height: 1em;

    white-space:nowrap;

  }

  #header .subnav li a {

    white-space:nowrap;

    font-size: 13px;

    font-weight: 700;

    color: #333;

    margin: 0;

    line-height: 1.8em;

  }

  #header .subnav li a:hover {

    color: #000;

  }

  #header .mobile-nav-trigger {

    color: #666;

    background: #eee;

    display: block;

    margin-bottom: 25px;

    padding: 15px 0;

    text-align: center;

    width: 100%;

  }

  #header .nav.menu-open {

    display: inline-block;

  }



/*CAROUSEL STYLES*/

#carousel {

  clear: both;

  position: relative;
    background-image:url(NewsImages/dots.jpg);
	background-repeat:repeat;

}

#carousel ul {

  position:absolute;

  overflow:hidden;

  margin:0;

  padding:0;

  list-style:none;

  width: 100%;

}

#carousel li {

  float:left;

  height: 500px;

  position: relative;

}



#carousel li .caption {

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  padding: 20px;

  color: #fff;

  opacity: 0;

  filter:alpha(opacity=0);

  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(31, 31, 31, 0.7) 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(31, 31, 31, 0.7)));

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(31, 31, 31, 0.7) 100%);

  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(31, 31, 31, 0.7) 100%);

  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(31, 31, 31, 0.7) 100%);

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(31, 31, 31, 0.7) 100%);

  z-index: 2;

  -webkit-transition: opacity .5s ease; 

	-moz-transition: opacity .5s ease;

	-ms-transition: opacity .5s ease;  

	-o-transition: opacity .5s ease; 

	transition: opacity .5s ease;

}

#carousel li.active .caption {

  opacity: 1;

  filter:alpha(opacity=100);

}

#carousel li .caption p {

  font-weight: 700;

  font-size: 13px;

  line-height: 16px;

  width: 280px;

  margin: 0;

}

#carousel .caption span {

  font-weight: 400;

  font-size: 11px;

}

#carousel .mask {

  position:relative;

  overflow:hidden;

  width:100%;

  height: 500px;


}

#carousel .disabled {

  display: none;

}

#carousel .next {

  background: url(img/right_arrow.jpg) no-repeat;

  position: absolute;

  top: 50%;

  right: 0;

  margin-top: -24px;

  opacity: .7;

  filter:alpha(opacity=70);

  width: 48px;

  height: 48px;

  text-indent: -99999px;

  z-index: 2;

}

#carousel .prev {

  background: url(img/left_arrow.jpg) no-repeat;

  position: absolute;

  top: 50%;

  left: 0;

  margin-top: -24px;

  opacity: .7;

  filter:alpha(opacity=70);

  width: 48px;

  height: 48px;

  text-indent: -99999px;

  z-index: 2;

}



/*FOOTER STYLES*/ 

#footer {

  clear: both;

  margin: 20px auto;

  width: 85%;

}

  #footer .social {

  	display: inline-block;

  	float: left;

  }

  #footer a.small-logo {

    display: inline-block;

    float: right;

  }

  

  

  

/*DESKTOP MEDIA QUERY*/

@media only screen and (min-width: 800px) {



  #header {

    width: 85%;

  }

  #header ul.nav {

    display: inline-block;

    float: right;

    margin-top: 17px;

    text-align: left;

    width: auto;

  }

  #header li {

    display: inline-block;

    padding: 32px 0;

  }

  #header li ul {

    background: rgba(255,255,255,.7);

    border: 1px solid #e6e6e6;

    top: 62px;	

    left: 0;

    z-index: 3;

    position: absolute;

    padding: 10px 15px;

    opacity: 0;

    filter:alpha(opacity=0);

    visibility: hidden;

    -webkit-transition: all .2s ease; 

		-moz-transition: all .2s ease;

		-ms-transition: all .2s ease;  

		-o-transition: all .2s ease; 

		transition: all .2s ease;

  }

  #header li:hover ul {

    opacity: 1;

    filter:alpha(opacity=100);

    visibility: visible;

  }

  #header .mobile-nav-trigger {

    display: none;

  }

  .vert-center {

    display: table-cell;

    vertical-align: middle;

  }



}



@media only screen and (min-width: 480px) {

  

  #carousel li .caption p {

    width: 100%;

  }

  

}