/* CSS Document */

#homepage_slider
{
	background-color: #45505d;	
}
#slider {
  height: 368px;
  padding: 0;
  list-style: none !important;
  overflow: hidden !important;
  position: relative !important;
  margin: 0 auto;
}
#slider li {
  display: none;
  float: left;
  margin: 0;
  position: absolute;
  width: 100%;
  padding: 0;
  height: 368px;
}

/* Don't edit this part */
#slider li.current {
  display: block;
  z-index: 2 !important;
  
}

/* Don't edit this part */
#slider li.next {
  display: block;
  z-index: 1 !important;
  
}

/* Don't edit this part - prevents inline lists from being hidden */
#slider li ul li {
  display: block !important;
  position: relative !important;
  height: auto;
}

/*Next and Prev Arrows */

#arrowNext, #arrowPrev {
  display: block;
  position: absolute;
  z-index: 20;
  width: 16px;
  height: 400px;
  text-indent: -9999px;
  cursor: pointer;
  top: 61px;
}
#arrowNext {
  background: url(/images/style/slider_right.png) no-repeat center;
  right: 8px;
}
#arrowPrev {
  background: url(/images/style/slider_left.png) no-repeat center;
  left: 8px;
}
/*selector part *******************/
.sliderNav {
  height:24px;
  background-color: #45505d;
  padding: 8px 0px 0px 0px;
}
.slider_selector, .slider_selector_dis {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 131px;
}
.slider_selector li, .slider_selector_dis li {/* Sets image of selectors */
  display: block;
  float: left;
  padding: 0;
  margin: 0 4px; /* no other way around it as html is generated by script*/
  height: 20px;
  width: 18px;
  cursor: pointer;
  background: url(/images/style/selector.png) top center no-repeat;
}
.slider_selector li.current, .slider_selector_dis li.current {/* Sets the current selector */
  background-position: 0 -20px;
}
.slider_selector_dis li {/* Disables the selectors */
  cursor: default !important;
  z-index: 5;
}

/* Slider content
=================================================================== */
#slide01, #slide02, #slide03, #slide04, #slide05
{
	color: #fff;
}

.slider_logo_left, .slider_text_left { float:left; }
.slider_logo_right, .slider_text_right { float:right; }
.slider_logo_left, .slider_logo_right { width:40%; }
.slider_logo_container { margin:56px auto; width:256px; height:256px; padding:16px; }
.slider_text_left, .slider_text_right { width: 60%; text-align:center; }
.slider_text_container { padding:32px; margin:32px auto; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }
.slider_text_container h2 { margin: 0px; font-weight: 500; }
.slider_text_container p { margin:32px 0px; font-size:1em; line-height:1.5;  }

@media (max-width:678px)
{
	.slider_logo_left, .slider_logo_right
	{
		visibility: collapse;
    width: 0px;
    height: 0px;
    overflow: hidden;
    display: none;	
	}
	.slider_text_left, .slider_text_right
	{
		width: auto;	
	}
	.slider_text_container
	{
    padding:24px;
    margin:16px auto;
	}
	#arrowNext, #arrowPrev
	{
    visibility: collapse;
    width: 0px;
    height: 0px;
    overflow: hidden;
    display: none;	
	}
}