/*-- required & default rules --*/

.loading {left: 80px; position: absolute; top: 44px;}

#slide_holder {background-color:#f2f2f2; background-repeat: no-repeat; height: 319px; overflow: hidden; position: relative; text-align: left; width: 250px; 
/* -- width: 1533px; */ z-index: 100;}

#slide_holder_inner {height: 319px; left: 7px; overflow: hidden; position: absolute; top: 0px; width: 236px; z-index: 200;}

#intro, .intro {position: absolute; z-index: 900;}

/*-- for slide divs --*/
#slide_holder_inner div {position: absolute;}

/*-- for divs in html slides to position relative --*/
div#slide_holder_inner div.slide div {position: relative;}
div#carousel_controls {background-image:none; background-position: 0 0; background-repeat: no-repeat; height: 30px; width: 511px; z-index: 400;}

/*-- for slide buttons --*/
#slide_buttons li:hover, #pause_button, .prev_button, .next_button, #hover_next_button, #hover_prev_button, #first_button, #last_button {cursor: pointer; cursor: hand; z-index: 500;}
#carousel_controls #button_selected, #carousel_controls .prev_button_disabled, #carousel_controls  .next_button_disabled, #carousel_controls  .first_button_diabled, #carousel_controls  .last_button_disabled {cursor: auto;}
#slide_buttons li span, #pause_button span, .prev_button span, .next_button span, #first_button span, #last_button span, #hover_next_button span, #hover_prev_button span, #water_mark span {
margin-left: -10000px;}
#slide_buttons li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark {background-repeat: no-repeat; overflow: hidden; top: 0px;}
ul#slide_buttons {padding: 15px 7px 15px 15px; position: absolute; left: 250px; top: -7px; z-index: 500; }
ul#slide_buttons li {background-image: url(images/button.png); display: block; float: left; height: 9px; list-style: none; margin: 0 0 0 3px; padding: 2px; width: 10px; }
ul#slide_buttons li:hover {}
ul#slide_buttons li#button_selected {background-image: url(images/button_selected.png);}
ul#slide_buttons li#button_selected:hover {}

/*-- first & last buttons --*/
#first_button {background-image: url(images/first.png); height: 29px; left: 354px; width: 34px; background-position: 0 -36px; }
#first_button:hover {background-position: 0 0;}
#last_button {background-image: url(images/last.png); height: 29px; left: 474px; width: 34px; background-position: 0 -36px; }
#last_button:hover {background-position: 0 0;}
/*-- end first & last buttons --*/

/*-- next & prev buttons --*/
#nex_prev_buttons {position: absolute; left: 0; z-index: 500; }
#next_button {background-image: url(images/next.png); background-position: 0 -36px; height: 29px; left: 443px; width: 31px; }
#next_button:hover {background-position: 0 0;}
#prev_button {background-image: url(images/prev.png); background-position: 0 -36px; height: 29px; left: 388px; width: 31px; }
#prev_button:hover {background-position: 0 0;}
/*-- end next & prev buttons --*/


/*-- looks like pause button --*/
.pause_button {background-image: url(images/pause.png); background-position: 0 -36px; height: 29px; left: 419px; width: 24px;}
.pause_button:hover {background-position: 0 0;}

/*-- looks like play button --*/
.paused_button {background-image: url(images/play.png); background-position: 0 -36px; height: 29px; left: 419px; width: 24px; }
.paused_button:hover {background-position: 0 0;}

/*-- hover next & hoverprev buttons --*/

#hover_next_button, #hover_prev_button {height: 125px; background-repeat: no-repeat; display: none; overflow: hidden; width: 77px; top: 35px; z-index: 600;}
#hover_next_button span {}
#hover_next_button {background-image: url(images/hover_next.png); background-position: 21px 35px; padding: 30px 0 30px 30px; right: 0; }
#hover_prev_button {background-image: url(images/hover_prev.png); background-position: 8px 35px; padding: 30px 30px 30px 0; left: 0; }

/*-- end next & prev buttons --*/

/*-- rules for slide captions --*/

#slide_captions {color: #333; left: 8px; overflow: visible; top: 5px; z-index: 600; }
#slide_captions span {font-family: Tahoma; font-size: 15px; height: 20px; line-height: 20px; overflow: visible;}

/*-- end rules for slide captions --*/

/*-- rules for watermark --*/

#water_mark {background-image: url(images/water_mark.png); height: 30px; left: 202px; width: 246px; top: 208px; z-index: 600; }

#water_mark span {}

/*-- end rules for slide captions --*/

/*-- slide number display --*/

#slide_number_display {background-image: url(images/bg_swatch.png); background-position: 0 0; background-repeat: no-repeat; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 15px;
height: 23px; padding: 4px; right: 7px; text-align: center; top: 208px; width: 37px; z-index: 500;}

/*-- for carousel view --*/

#row_of_slides {position: absolute; top: 0;}
#row_of_slides .slide {display: none; position: absolute;}
				
/*-- end for carousel view --*/				

/*-- end number display --*/

/*-- end required & default rules --*/

/*-- example rules --*/
#slide_holder {margin: 0px auto 0 auto;}
