* {margin:0; padding:0}
/*p {line-height:1.4; margin-bottom:12px}*/
#wrapper {
width:578px;
height:300px;
margin:2em;
}
.sliderbutton {
float:left;
width:32px;
padding-top:134px;
}
.sliderbutton img {
cursor:pointer;
border: solid 2px #fff;
background:#999;
opacity:0.65;
width: 32px;
height: 38px;
}
.sliderbutton img:hover {
background:#999;
opacity:1;
}
#slider {
float:left;
position:relative;
overflow:auto;
width:500px;
height:300px;
border:2px solid #000;
background:#fefefe;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}
#slider ul {
position:absolute;
list-style:none;
top:0;
left:0;
}
#slider li {
float:left;
width:500px;
height:300px;
padding-right:10px;
}
#slider li img {
width:500px;
height:300px;
}
.pagination {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0.4em;
position:absolute;
}
.pagination li {
opacity: 0.65;
float:left;
cursor:pointer;
padding:5px 8px;
background:#fff;
border:2px solid #fff;
margin:0 4px 0 0;
text-align:center;
color:#999;
font-weight:bold;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}
.pagination li:hover {
background:#999;
border:2px solid #999;
color:#fff}
li.current {opacity:1;}


#title {
width:464px;
padding:0;
margin:0.4em;
}
#title h1 {
font-size:1.2em;
padding:0;
margin:0;
}

#sliderleft {
margin-left: 2px;
position:absolute;
z-index:10;
}
#sliderleft img {
-moz-border-radius-bottomright:4px;
-moz-border-radius-topright:4px;
}

#sliderright {
margin-left:466px;
position:absolute;
z-index:11;
}
#sliderright img {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-topleft:4px;
}