/* Homepage CSS */

/* -------------------------------------------------------- */
/* Generic                                                  */
/* -------------------------------------------------------- */



image { border:0; }


/* -------------------------------------------------------- */
/* slideshow                                                */
/* -------------------------------------------------------- */
div#slideshow {
    width: 308px;
    height: 250px;
	
    border: 0px solid #333;
    padding: 0 5px 0 5px;
    margin: 0 0 0px 0;
    float: left;
    overflow: hidden;
	position: relative;
  
}

div#slideshow a {
	text-decoration: none;
}

div#slideshow div.image {
    width: 306px;
    height: 200px;
    border: 0px solid #010101;
    position: relative;
	overflow: hidden;
}

div#slideshow div.image a {
    position: absolute;
    left: 0;
    top: 0;
}

div#slideshow div.copy {
    width: 306px;
    height: 126px;
    border: 0px solid #010101;
    border-top: 0;
   
    overflow: hidden;
}

div#slideshow div.copy .button {
    padding: 6px 8px 18px 8px;
}

div#slideshow div.copy .button a {
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    cursor: pointer;
	cursor: hand;    
}

div#slideshow div.copy .button a.left {
    width: 18px;
    background: transparent url(../images/sliderArrowPrev_off.gif) no-repeat 0 50%;
}
div#slideshow div.copy .button a:hover.left {
    background: transparent url(../images/sliderArrowPrev_on.gif) no-repeat 0 50%;
}

div#slideshow div.copy .button a.num {
    background: transparent url(../images/sliderCircle_off.gif) no-repeat 0 50%;
}
div#slideshow div.copy .button a:hover.num {
    background: transparent url(../images/sliderCircle_on.gif) no-repeat 0 50%;
}
div#slideshow div.copy .button a.on {
    background: transparent url(../images/sliderCircle_on.gif) no-repeat 0 50%;
}

div#slideshow div.copy .button a.right {
    background: transparent url(../images/sliderArrowNext_off.gif) no-repeat 100% 50%;
}
div#slideshow div.copy .button a:hover.right {
    background: transparent url(../images/sliderArrowNext_on.gif) no-repeat 100% 50%;
}

div#slideshow div.copy p {
    padding: 5px 10px 15px 8px;
}

div#slideshow div.copy p.text {
	font-size: 12px;
}

div#slideshow div.copy p.watch {
    padding: 5px 10px 10px 8px;
	position: absolute;
	bottom: 8px;
}

div#slideshow div.copy p.watch a {
	width: 128px;
	height: 23px;
	display: block;
}

div#slideshow div.copy p.watch a:hover {
    
}

div#slideshow div.copy p span {
    color: #FFC;
    font-size: 13px;
    font-weight: bold;
}