
/*<!--banner slider-->*/
div#tmpSlideshow {
    position: relative;
    height: 281px;
    width: 637px;
	z-index:350;
}
div.tmpSlide {
    position: absolute;
    top: 0;
    left: 0;
/*    width: 730px;
    height: 332px;*/
    display: none;
}
div#tmpSlideshowControls {
    position: absolute;
    bottom: 30px;
    right: 11px;
    width: 175px;
}
div.tmpSlideshowControl {
    border: 1px solid #e1dece;
    float: left;
    margin: 0 5px 0 0;
    background: url('/Template/Pictures/Buttons/Feature.png') no-repeat;
    width: 38px;
    height: 36px;
    color: #554d31;
    font: 14px Arial, sans-serif;
    text-align: center;
    cursor: pointer;
}
div.tmpSlideshowControl span {
    line-height: 36px;
    vertical-align: middle;
}
div.tmpSlideshowControlOn {
    background-image: url('/Template/Pictures/Buttons/FeatureOver.png');
}
div.tmpSlideshowControlActive {
    border: 1px solid rgb(161, 155, 137);
}
div.tmpSlideCopy {
    position: absolute;
    left: 565px;
    top: 20px;
    width: 170px;
}

/*<!--banner slider end-->*/

/*---------vertical slider-------------*/
#scroller {
	/* required settings */
	position:relative;
	overflow:hidden;
	/* vertical scrollables have typically larger height than width but not now */
	height: 156px;
	width: 100%;
	margin: 0;
}
/* root element for scrollable items */
#scroller .items {
	position:absolute;
	/* this time we have very large space for the height */
	height:20000em;
	width: 100%;
}
#scroller .items .item a.image {
	display: block;
	/*width: 900px;*/
	height: 300px;
	margin: 0 auto;
}
.navi {
	width: 100px;
	margin: 20px auto;
	display:none;
}
.navi a {
	width: 8px;
	height: 8px;
	float: left;
	margin: 3px;
	background: url(scrollable_files/navigator.png) 0 0 no-repeat;
	display: block;
	font-size: 1px;
}
.navi a:hover {
	background-position:0 -8px;
}
.navi a.active {
	background-position: 0 -16px;
}
/*---------vertical slider end-------------*/

/*---------Proven SEO Services slider-------------*/

.infiniteCarousel {
    position: relative;
    width: 608px;
	z-index:350;
}
.infiniteCarousel .wrapper {
    height: 141px;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 608px;
}
.infiniteCarousel ul a img {
    /*border: 1px solid #000000;*/
	border:none;
}
.infiniteCarousel .wrapper ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 9999px;
}
.infiniteCarousel ul li {
    display: block;
    float: left;
    height: 141px;
    width: 608px;
}
.infiniteCarousel ul li a img {
    display: block;
}
a.back, a.forward {
	position:absolute;
	bottom:-187px;	
	width:41px;
	height:41px;
	display:block;
	z-index:351;
	text-indent:-9999px;
	cursor:pointer;
}
a.back{ background:url(../images/img-col2.png) no-repeat 0 -382px;left:255px;}
a.forward{ background:url(../images/img-col2.png) no-repeat -43px -382px; right:255px;}

a.back:hover{ background:url(../images/img-col2.png) no-repeat -89px -382px;}
a.forward:hover{ background:url(../images/img-col2.png) no-repeat -132px -382px;}
/*a#next, a#prev {
	position:absolute;
	bottom:-20px;	
	width:41px;
	height:41px;
	display:block;
	z-index:171;
	text-indent:-9999px;
}
a#prev{ background:url(../images/img-col2.png) no-repeat 0 -382px;left:283px;}
a#next{ background:url(../images/img-col2.png) no-repeat -43px -382px; right:283px;}

a#prev:hover{ background:url(../images/img-col2.png) no-repeat -89px -382px;}
a#next:hover{ background:url(../images/img-col2.png) no-repeat -132px -382px;}*/

/*---------Proven SEO Services slider end-------------*/
/*--------------new banner slider-------------*/
#slideshowWrapper{position:relative;width:586px;margin:auto;}
#fssPrev,#fssNext, #fssPlayPause .play, #fssPlayPause .pause{width:23px;height:23px;}
#fssPrev,#fssNext {position:absolute;background:url(../images/main-slide/slider-arrow.png) no-repeat;text-indent:-999999px;bottom:22px;}
#fssPrev{right:70px; background-position:0 0;}
#fssPrev:hover,#fssNext:hover {background:url(../images/main-slide/slider-arrow.jpg) no-repeat;}
#fssNext:hover{background-position:-25px 0;}
#fssPrev:hover{background-position:0 0;}
#fssNext{right:22px; background-position:-25px 0;}
#fssPlayPause{position:absolute;bottom:22px;right:46px;width:23px;display:block;text-decoration:none;}
#fssPlayPause .play{ background:url(../images/main-slide/play-icon.png) no-repeat}
#fssPlayPause .pause{ background:url(../images/main-slide/pause-icon.png) no-repeat}
#fssPlayPause:hover .play{ background:url(../images/main-slide/play-icon.jpg) no-repeat}
#fssPlayPause:hover .pause{ background:url(../images/main-slide/pause-icon.jpg) no-repeat}

ul#slideshow{list-style:none;margin:auto;width:586px;height:358px;overflow:hidden; padding:0;}
ul#slideshow img{ text-align:center; background:#FFF}
#fssList{list-style:none;width:646px;margin:auto;padding:5px 0 0 45%; display:none;}
#fssList li{display:inline;padding-right:10px;}
#fssList li a{color:#999;text-decoration:none;}
#fssList li.fssActive a{font-weight:bold;color:#333;}

#top{background:#3b5998;width:100%;height:40px;margin-bottom:20px;}
#top h1{color:#fff;font-weight:normal;font-size:18px;padding:7px 0 0 15px}
#top h1 span{font-size:11px;}
#top h1 a{text-decoration:underline;color:#fff;}
#top h1 a:hover{text-decoration:none;}

/*-----------------new banner slider end------------------*/