div.wrap {
width : 500px;
margin : 0 auto;
text-align : left;
}
div#header {
margin : 0 0 0;
float:left;
}
div#header div.wrap {
height : 287px;
}
div#header div#slide-holder {
z-index : 40;
width : 500px;
height : 287px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 0;
left : 0;
width : 500px;
height : 287px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 0;
width : 500px;
height : 35px;
line-height:35px;
display : none;
position : absolute;
background : url('http://www.isoji.org/images/slide-bg.png') 0 0;
}
div#header div#slide-holder div#slide-controls #slide-client {
height:35px;
width:250px;
overflow:hidden;
}

div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 13px;
font-weight:bold;
text-transform : uppercase;
padding-left:5px;
}
div#header div#slide-holder div#slide-controls p.text2 {
float : left;
color : #fff;
display : inline;
font-size : 13px;
line-height : 16px;
margin : 6px 0 0 8px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin-top:6px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url('http://www.isoji.org/images/silde-nav.png');
color:#fff;
}