@charset "utf-8";
/* CSS Document for top slider 
*/

ul#slide_control li, ul#slide_nav li, ul#portfolio, ul#portfolio-desc {
    list-style:none;
}

/* slide navigation specific */

body {
	margin:0px;
	padding: 0px;
}

#mark_wrap {
background:	transparent url(../images/index_slide/design/news_bg.png) repeat-x;
position: absolute;
left:0px;
width: 530px;
margin-top: 0px;
top:410px;
height: 33px;
}

#mark_wrap2 {
position: absolute;
}

#mark_wrap3 {
position: relative;
}

ul#slide_nav {
padding: 15px;
position: absolute;
width: 530px;
margin-top: 0px;
top: -2px;
}

ul#slide_nav li {
left: 40px;
background-image: url(../images/index_slide/design/button.png);
display: block;
float: left;
height: 9px;
list-style: none;
padding-right: 4px;
margin: 0px;
width: 11px;
}

ul#slide_nav li#button_selected {
background-image: url(../images/index_slide/design/button_selected.png);
}

/* slide image holder specific */

ul#portfolio {
	position: absolute;
	left: 0px;
	top: 0px;
padding: 0px;
}

ul#portfolio img{
    width: 520px;
    height: 400px;
}

ul#slide_control li{
    list-style: none;
    display: block;
    float: left;
}

ul#portfolio li img{
	border: 1px solid #ccc;
	padding: 4px;
}

/* slide control specific */

ul#slide_control {
    right:15px;
	top:-10px;
    position:absolute;
    z-index:5000;
}

/* control button specific */

#next_button, #pause_button {
    margin-left: 0px;
}

#next_button {
background-image: url(../images/index_slide/design/next.png);
height: 29px;
right: 0px;
width: 34px;
}

#next_button:hover {
background-image: url(../images/index_slide/design/next_hover.png);
}

#prev_button {
background-image: url(../images/index_slide/design/prev.png);
height: 29px;
right: 58px;
width: 34px;
}

#prev_button:hover {
background-image: url(../images/index_slide/design/prev_hover.png);
}

.pause_button {
background-image: url(../images/index_slide/design/pause.png);
height: 29px;
right: 34px;
width: 24px;
}

.pause_button:hover {
background-image: url(../images/index_slide/design/pause_hover.png);
}

.paused_button {
background-image: url(../images/index_slide/design/play.png);
height: 29px;
right: 34px;
width: 24px;
}

.paused_button:hover {
background-image: url(../images/index_slide/design/play_hover.png);
}

/* for slider text or caption  */

#slide_nav li:hover, #pause_button, .prev_button, .next_button {
cursor: pointer;
cursor: hand;
z-index: 5000;
}

#slide_nav li, #pause_button, .prev_button, .next_button {
background-repeat: no-repeat;
overflow: hidden;
top: 0px;
}

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