/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */

.homepage-feature {
width: 890px; 
height: 340px; 
margin: 0; 
padding: 0;
background-color: #ffffff;
display: inline-block;
overflow: hidden;
position: relative;
}

#slideshow {
width: 890px;
height: 325px;
border: 0 solid #000;
margin: 0;
padding: 0;
position: relative;
z-index: 1;
background-color: #ffffff !important;
}

.feature-bottom {
width: 890px; 
height: 50px;
margin-top: -50px;
/* background-image: url(http://gov.texas.gov/images/feature-shadow.jpg); */
background-repeat: repeat-x;
background-color: #ffffff;
z-index: 3;
}

#slideshow ul {
margin: 0;
background-color: transparent !important;
padding: 0;
display: block;
list-style-type: none;
height: 1%; /* IE fix */
}

#slideshow ul:after {
content: ".";
background-color: transparent !important;
clear: both;
display: block;
height: 0;
visibility: hidden;
list-style-type: none;
}

.homepage-feature-box {
width: 890px;
height: 120px;
margin: 260px auto 0 auto;
padding: 0;
z-index: 3;
}

.homepage-feature-desc {
width: 830px;
height: 65px;
margin: 0;
padding: 7px 30px 0 30px;
font-family: Helvetica, Arial, sans-serif; 
font-size: 12px; 
line-height: 125%;
letter-spacing: .2px;
color: #fff !important;
position: absolute;
z-index: 5;
}

.homepage-feature-desc p { color: #ffffff !important; line-height: 130% !important; }

.homepage-feature-desc h4, .homepage-feature-desc h4 a {
margin: 3px 0 -12px 0; 
font-size: 23px;
font-family: Georgia, san-serif; 
font-variant: small-caps; 
letter-spacing: 2px !important;
line-height: 110%;
text-decoration: none !important;
text-shadow: #0f2337 0px 0px 5px !important;
color: #fff;
z-index: 5;
}

.homepage-feature-desc h4 a:hover {
text-decoration: underline !important;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */

#slideshow .slides {
overflow: hidden;
background-color: transparent !important;
width: 890px;
list-style-type: none;
display: block;
}

#slideshow .slides ul {
background-color: transparent !important;
width: 890px;
list-style-type: none;
}

#slideshow .slides li {
background-color: transparent !important;
width: 890px;
height: 360px;
min-height: 360px;
float: left;
display: block !important;
}

#slideshow .slides h2 {
margin-top: 0;
margin-bottom: 0;
color: #003399;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */

#slideshow .prev-button {
background-position: left center;
background-image:url(../images/feature-prev-off.png);
background-repeat: no-repeat;
width: 75px;
height: 325px;
float:left; 
margin: -347px 0 0 -615px; 
z-index: 7;
}

#slideshow .prev-button:hover {
background-image:url(../images/feature-prev.png);
background-repeat: no-repeat;
}

#slideshow .next-button {
background-position: right center;
background-image:url(../images/feature-next-off.png);
background-repeat: no-repeat;
width: 75px;
height: 325px;
float:right; 
margin: -347px 0px 0 0; 
z-index: 7;
}

#slideshow .next-button:hover {
background-image:url(../images/feature-next.png);
background-repeat: no-repeat;
}

#slideshow .slides-nav {
width: 275px; 
height: 10px; 
text-align:center;
background-color: green;
padding: 0; 
margin: -28px 0px 0px 0px; 
float:right;
position:relative; 
z-index: 6; 
list-style-type: none;
}

#slideshow .slides-nav li {
text-align:center; 
float:left; 
list-style-type: none;
}

#slideshow .slides-nav li a {
height: 5px;
width: 12px;
float:left; 
margin: 8px; 
padding: 0; 
background-color: #9aa8b5;
display: block;
}

.js #slideshow .slides-nav li a:hover {
background-color: #ffffff;
padding: 0;
}

.js #slideshow .slides-nav li.on a {
background-color: #3f576b;
padding: 0;
}

.js #slideshow .slides-nav li.on a {
position: relative;
top: 0px;
}

.homepage-feature-read {
height: 35px; 
margin: 5px 0 0 87px;
}

.homepage-feature-read a {
padding: 4px 8px 4px 8px; 
color: #919eac;
font-family: Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: .7px;
font-size: 10px; 
/* background-image:url(../images/feature-btn-bg.png); */
background-color: #001d3f;
background-repeat: repeat;
text-align:center; 
text-decoration:none !important; 
font-family: verdana, helvetica, arial, san-serif; 
margin: -77px -15px 0 0;  
z-index: 5; 
/* -moz-border-radius: 4px; 
-webkit-border-radius: 4px; */
border-radius: 4px 0 0 4px; 
float: right;
font-weight:bold;
}

.homepage-feature-read a:hover {
padding: 4px 8px 4px 8px; 
color:#001d3f;
font-size: 10px; 
background-color: #ffffff;
border-color: #ffffff;
background-image:none;
text-align:center;
text-decoration:none !important;
}