a img { border: 0; }
/* พื้นที่สไลด์ */
div#header div.wrap {
background : url(slidebg.jpg) no-repeat 50% 0;
width : 180px;
height : 250px;
margin : 0 auto;
text-align : left;
}

/* ตำแหน่งภาพวิ่ง */
div#header div#slide-holder div#slide-runner {
top : 5px;
left : 2px;
width : 300px;
height : 200px; /* ตำแหน่งแถบเลขสไลด์ จากด้านบนลงมา */
overflow : hidden;
position : absolute;
}

/* ตำแหน่งแถบเลขสไลด์ */
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 0px;
width : 300px; /* ความกว้างแถบเลขสไลด์ */
text-align : center;
display : none;
position : absolute;
background : url(slideholder.png) 0 0;
}

/* คำอธิบายสไลด์ */
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 16px;
line-height : 25px; 
margin : 0px 0 0 10px;
text-transform : uppercase;
}

/* ระหว่างเลขสไลด์ */
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px; /* ความสูงของแถบสไลด์ */
display : inline;
margin : 10px 10px 0 0;
}

/* เลขสไลด์ */
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 16px;
height : 16px;
display : inline;
color : green;
font-size : 16px;
margin : 0 2px 0 0;
line-height : 16px;
font-weight : bold;
text-align : Default;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder img { display : none; position : absolute; }
div#header div#slide-holder div#slide-controls p#slide-nav a.on { background-position : 0 -16px; }
div#header div#slide-holder div#slide-controls p#slide-nav a { background-image : url(slideholder.png); }