@charset "utf-8";
/* CSS Document */

/*-----------------[SLIDER SETTING]-----------------*/
#slider { width:100%; position:relative; margin: 20px 0 30px 0;
  border-top: solid 6px #ebdbb3;
  padding-top: 20px;}
.fade { margin-bottom:2em;}
ul#slide_control li, ul#slide_nav li{ list-style:none;}
#slide_nav{ left:45px !important; top:202px !important;}
#slide_control li{ list-style: none; display: block;float:left;}
#prev_button, #next_button, #pause_button, #last_button { margin-left:0px;}
#slide_control { left:26px; position:absolute; top:270px; z-index:5000;}

#slide_nav li:hover, #pause_button, .prev_button, .next_button, #first_button, #last_button { cursor:pointer; cursor:hand; z-index:5000;}
#slide_nav 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_nav li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark { background-repeat: no-repeat;overflow: hidden; top: 0px;}

/*-----------------[SLIDER NAV SETTING]-----------------*/
ul#slide_nav { padding: 35px 7px 15px 15px; position: absolute; left: 250px; z-index: 5000;}
ul#slide_nav li { background-image: url(../images/slider_controls/button.png); display: block; float: left; height: 9px; list-style: none; margin: 0 0 0 3px; padding: 2px; width: 10px;}
ul#slide_nav li:hover {}
ul#slide_nav li#button_selected { background-image: url(../images/slider_controls/button_selected.png);}
ul#slide_nav li#button_selected:hover {}

/*-----------------[NEXT AND PREVIOUS BUTTONS SETTING]-----------------*/
#nex_prev_buttons { position: absolute; left: 0; z-index: 5000;}
#next_button { background-image: url(../images/slider_controls/next.png); height:28px; left:443px; width:28px; margin:0 0 0 18px;}
#prev_button { background-image: url(../images/slider_controls/prev.png); height:28px; left: 388px; width:28px; margin:0 18px 0 0; }

/*-----------------[PAUSE BUTTON SETTING]-----------------*/
.pause_button { background-image: url(../images/slider_controls/pause.png); height:28px; left:419px; width:28px;}
.paused_button { background-image: url(../images/slider_controls/play.png); height:29px;left:419px; width:28px;}