@charset "UTF-8";

#slideshow{
	width:605px;
	height:250px;
	background:#fff;
	margin:5px 90px 25px 0;
	padding-top:10px;
	float:right;
}
#slider {
  width: 605px;
  float:left;
  background:#333;
  margin:10px 0 0;
}
#slider ul.navigation {
list-style:none;
padding:0;
margin:0;
width: 540px;

}

#slider ul.navigation a {
background: #333 none repeat scroll 0 0;
color:#fff;
text-align:center;
text-decoration:none;
font-size:12px;
padding:5px 0;
display:block;
}

#slider ul.navigation a:hover{
	background-color:#ccc;
color:#000;
}
#slider ul.navigation a.selected {
	background-color:#555;
}
#slider ul.navigation a.selected:hover {
	color:#fff;
	background-color:#777;
}


#slider ul.navigation li.last {border:none; margin:0; padding:0; width:108px;}

#slider ul.navigation li {padding:0;
margin:0;float:left;padding:0; width:105px;padding-right:1px;margin-right:1px;border-right:1px solid #666;


}
.scroll {
   width:605px;	
  height: 200px;
  overflow: hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: none;
}

.scrollContainer div.panel {
  height: 200px;
  width: 605px; /* change to 560px if not using JS to remove rh.scroll */
}
#show1{
	background:url(../images/slide1.jpg) no-repeat;
}
#show2{
	background: url(../images/slide2.jpg) no-repeat;
}
.scrollContainer div.description {
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
height:200px;
margin-left:400px;
opacity:0.8;
padding:10px 10px 30px;
text-align:left;
width:185px;
}

.scrollContainer div.description h1{
	color:#fff;
	font-size:32px;
line-height:35px;
margin:0 0 8px;
font-weight:bold
}
.scrollContainer div.description p{
  font-size:18px;
  margin-top:0;
  padding-top:0;
    margin-bottom:0;
  padding-bottom:0;

}
.scrollContainer div.description a{
	color:#fff;
}
.scrollContainer div.description a:hover {
	text-decoration:none;
}
.scrollContainer div.description a span{
	clear:left;
	color:#999;
	  font-size:1.3em;
}
.scrollContainer div.description a:hover > span{
	color:#fcc;
}