﻿/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:540px;
	height:168px;
	position:relative;
	background-color: #DEDEDE;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:480px;
  height:168px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:460px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:168px;
}

.colLeft, .colRight {
	display:inline;
	float:left;
	margin-right:10px;
}

#slideshow .colLeft {
	width: 200px;
}

#slideshow .colRight {
	width: 260px;
}

#slideshow .colLeft img { border: 1px solid #FFFFFF; margin-top: 5px;}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:30px;
  height:168px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/slider/arrow-left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/slider/arrow-right.jpg) no-repeat 0 0;
}

#slideshow #slideIndex a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
#slideshow #slideIndex a:hover {
  text-decoration:underline;
}
#slideshow #slideIndex a img
{
	border-color: #ccc;
}

#slideshow h2 a:link {
	color:#009EE0;
	text-decoration:none;
}

#slideshow h2 a:hover {
	color:#f29400;
	text-decoration:underline;
}

#slideshow h2 a:visited {
	color:#009EE0;
	text-decoration:none;
}


.slide h2, .slide p {
  padding: 0 0 10px 0;
}
.slide h2 {
  letter-spacing:-1px;
}
.slide img {
  /* float:right; */
  margin:0 15px;
}

#slideIndex
{
	left: 30px;
	bottom: 10px;
	position: absolute;
}
.numbers
{
	width: 16px;
	height: 16px;
	background: #ddd;
	display: inline-block;
	color: #777;
	border: 1px solid #000;
	text-align: center;
	margin: 1px;
	cursor: pointer;
	font: normal 12px Arial;
}
#slideshow #slideIndex .active
{
	color: #ddd;
	background: #777;
	border: 1px solid #aaa;
}