/* http://responsiveslides.com v1.54 by @viljamis */
/* ALLWEBCO DESIGN Ver 1.0 */




/***************
NOTE -----
TO EDIT THE COLORS EDIT CODE NEAR THE BOTTOM - SEE NOTE BELOW
***************/




/* DEFAULTS */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  width: 100%;
  border: 0;
 }

.rslides { margin: 0 auto; }

.rslides_container {
	text-align: center;
	position: relative;
	width: 100%;
	}




/* START NEXT / BACK BUTTON STYLES (ARROW IMAGE IN jQuery FOLDER) */

.centered-btns_nav {
	z-index: 3;
	position: absolute;
	top: 50%;
	left: 0;
	opacity: 1.0;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 60px;
	width: 20px;
	background: transparent url("jQueryR-prev.png") no-repeat left top;
	margin-top: -30px;
	}

.centered-btns_nav:active {
	opacity: 0.8;
	}

.centered-btns_nav.next {
	left: auto;
	background: transparent url("jQueryR-next.png") no-repeat right top;
	right: 0px;
	}

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
	outline: none;
	}




/* START ROUND ACTIVE BUTTON STYLES (COLORS IN OTHER CSS) */

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
	max-width: 100%;
	padding: 0px;
	text-align: center;
	display:inline-block;
	*display: inline;
	zoom: 1;
	margin: 0px auto 0px auto;
	}

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
	margin: 0px;
	display: inline;
	float: none;
	_float: left;
	*float: left;
	}

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a 
	{
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	_display: block;
	*display: none; /* HIDES BUTTONS IN OLDER IE BROWSERS */
	}




/************** NOTE ----- START COLORS SECTION *****************/

.rslides_container	{
			background-color: transparent;
			max-width: 100%;
			min-width: 250px;
			text-align: center;
			margin: 0 auto;
			position: relative;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border: #000000 0px solid;
			}

/* HIDE / SHOW HOME ARROWS block OR none */

#homeJQ > .centered-btns_nav	{ display: block; }

/* SLIDESHOW ROUND ACTIVE BUTTON STYLES */

.centered-btns_tabs	{
			width: 100%;
			position: absolute;
			bottom: 10px;
			left: 0px;
			margin: 0 auto;
			text-align: center;
			z-index: 10;
			background-color: transparent;
			}

/* NORMAL BUTTON STATE */

.centered-btns_tabs a 	{
			width: 10px;
			height: 10px;
			background-color: transparent;
			border: #FFFFFF 2px solid;
		/* CORNER ROUNDING */
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
			border-radius: 7px;
			margin: 0px 4px 0px 4px;
			}

/* HOVER BUTTON STATE */

.centered-btns_tabs a:hover 
			{ background-color: #FFFFFF; border: #FFFFFF 2px solid; }

/* ACTIVE BUTTON STATE */

.centered-btns_here a, .centered-btns_here a:hover 
			{ background-color: #9966FF; border: #9966FF 2px solid; cursor: default; }




/***************
START FOR MOBILE SUB-SITE JQUERY
***************/

#mobileJQ .centered-btns_tabs	{ bottom: 4px; }

#mobileJQ .centered-btns_tabs a 	{
			width: 8px;
			height: 8px;
		/* CORNER ROUNDING */
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
			margin: 0px 3px 0px 3px;
			}

/***************
END FOR MOBILE SUB-SITE JQUERY
***************/



