/*-- required & default rules --*/


#slide_holder, #slide_holder_inner {
position: relative;
width: 500px;
height: 328px;
overflow: hidden;
}

/*-- for slide divs --*/

#slide_holder_inner div {
position: absolute;
/* -- z-index: 100; --*/
}

/*-- for divs in html slides to act normal --*/
div#slide_holder_inner div.slide div  {
position: relative;
}

/*-- for slide buttons --*/

ul#slide_buttons {
position: absolute;
bottom: 45px;
left: 0px;
padding: 50px 7px 15px 0px;
z-index: 5000;
}

ul#slide_buttons li {
list-style: none;
float: left;
margin: 0 0 0 7px;
padding: 2px;
border: 1px solid #ccc;
background-color: #666;
font-size: 9px;
display: block;
}

ul#slide_buttons li:hover {
background-color: #444;
}

ul#slide_buttons li#button_selected {
background-color: #333;
border: 1px solid #000;
color: #ededed;
}

ul#slide_buttons li#button_selected:hover {
background-color: #333;
}

#pause_button {
top: 300px;
left: 95px;
}

#slide_buttons li:hover, #pause_button, .prev_button, .next_button, #first_button, #last_button {
cursor: pointer;
cursor: hand;
z-index: 5000;
color: #fff;
font-weight: bold;
font-family:: Arial, Helvetica, sans-serif;
}

#nex_prev_buttons {
position: absolute;
top: 0;
left: 0;
z-index: 5000;
}

/*-- next & prev buttons --*/

#next_button {
top: 300px;
left: 144px;
}

#prev_button {
top: 300px;
left: 55px;
}

/*-- end next & prev buttons --*/

/*-- first & last buttons --*/

#first_button {
top: 300px;
left: 15px;
}

#last_button {
top: 300px;
left: 182px;
}

/*-- end first & last buttons --*/

/*-- hover next & hoverprev buttons --*/


#hover_next_button {
top: 10px;
right: 10px;
background-color: #ccc;
width: 50px;
height: 275px;
z-index: 6000;
}

#hover_prev_button {
top: 10px;
left: 10px;
background-color: #ccc;
width: 50px;
height: 275px;
z-index: 6000;
}

/*-- end next & prev buttons --*/

/*-- rules for slide captions --*/

#slide_captions {
bottom: 70px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
z-index: 6000;
color: #333333;

}

#slide_captions span {
font-size: 12px;
font-weight: bold;
}

/*-- end rules for slide captions --*/

/*-- slide number display --*/

#slide_number_display {
top: 300px;
left: 215px;
z-index: 6000;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}

/*-- for carousel view --*/

#row_of_slides {
position: absolute;
top: 0;
}

#row_of_slides .slide {
position: absolute;
}
				
/*-- end for carousel view --*/				

/*-- end number display --*/

/*-- end required & default rules --*/

/*-- example rules --*/



#slide_holder {
margin: 20px auto 0 auto;
}