@charset "UTF-8";
/* CSS Document */

.contentslide{
border: none;
padding: 0px;
width: 100%;
position: relative;
text-align: center;
height: auto;
overflow-y: hidden;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
z-index: 0;
}

.contentslide img{height: auto !important;}
#paginate-slider1{
width: 100%; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
font-size:11px;
text-align: right;
background: none;
border: none;
z-index: 1024;
border: none;
margin: 0 auto;
margin-top:-50px;
padding-bottom: 30px;
}
#slider1{height: auto !important;}
* html #paginate-slider1{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 920px; /*IE5 width*/
w\idth: 920px; /*IE6 width*/
z-index: 1024;

}

#paginate-slider1 a, #paginate-slider1 a:link, #paginate-slider1 a:active,#paginate-slider1 a:visited{
font-size:0px;
width: 19px;
height: 19px;
padding-top: 2px;/* push it to be inside the squre */
color: #8d7458;
display: inline-block;
background:url("../images/pagination_bgkd.png") no-repeat;
z-index: 1024;
text-decoration: none;
text-align: center;
}


#paginate-slider1 a:hover, #paginate-slider1 a.selected{
color: #9a6d34;
font-size:0px;
width: 19px;
height: 19px;
padding-top: 2px; /* push it to be inside the squre */
text-align: center;
text-decoration: none;
display: inline-block;
background:url("../images/pagination_current.png") no-repeat;
z-index: 1024;
}