/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
margin:0;
padding:0;
display:block;
overflow:hidden;
position:relative;
z-index:999!important;
}
/* // image replacement */

#how{
margin:0 auto;
position:relative;
text-align:left;
width:890px;
height:395px;
padding:0px;
width:890px;
z-index:0;
background-color:#fff;
background-image: url(http://rksdesign.com/img10/worknav/howbg.gif);
background-repeat: no-repeat;
}	

/* Easy Slider */
#slider img {
visibility:hidden;
}
/* we unhide it after the images load, otherwise it looks all messy */
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:870px;
height:320px;
overflow:hidden; 
}
#slider {
width:870px;
height:50px;
position:relative;
}

#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
display:block;
width:120px;
height:23px;
position:absolute;
left:202px;
top:355px;
z-index:999!important;
}	
#nextBtn, #slider1next{ 
left:411px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
display:block;
position:absolute;
width:120px;
height:23px;
background:url(http://rksdesign.com/newrefresh/img/prevImgBtn.gif) no-repeat 0 0;
z-index:999!important;	
}	
#nextBtn a, #slider1next a{ 
background:url(http://rksdesign.com/newrefresh/img/nextImgBtn.gif) no-repeat 0 0;	
}	
#prevBtn a:hover {
background:url(http://rksdesign.com/newrefresh/img/prevImgBtnO.gif) no-repeat 0 0;	
}
#nextBtn a:hover {
background:url(http://rksdesign.com/newrefresh/img/nextImgBtnO.gif) no-repeat 0 0;	
}

/* numeric controls */	

ol#controls{
margin:1em 0;
padding:0;
height:28px;
position:absolute;
top:340px;
left:331px;	
}
ol#controls li{
margin:0 6px 0 0; 
padding:0;
float:left;
list-style:none;
height:28px;
line-height:28px;
}
ol#controls li a{
font-size:14px;
font-weight:bold;
float:left;
height:28px;
line-height:28px;
color:#A7978D;
padding:0 6px;
text-decoration:none;
}
ol#controls li.current a{
color:#36131F;
}
ol#controls li a:hover {
color:#C41230;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */

span#prevlink {
display:block;
height:35px;
width:83px;
top:1px;
left:0px;
position:absolute;
z-index:999!important;
background:url(http://rksdesign.com/img10/worknav/prev.gif) no-repeat 0 0;
}
span#prevlink a, span#nextlink a  {
padding-top:8px;
padding-left:22px;
text-transform:none!important;
}
span#nextlink a {
padding-left:24px;
}
span#nextlink {
display:block;
width:163px;
height:35px;
background:url(http://rksdesign.com/img10/worknav/next.gif) no-repeat 0 0;	
position:absolute;
top:1px;
left:83px;
z-index:999!important;
}

#nextlink a, #prevlink a
{  
display:block;
position:absolute;
height:35px;
z-index:999!important;
color:white;
font-size:17px;
text-indent:-9999px;
}
#prevlink a {
width:83px;
background:url(http://rksdesign.com/img10/worknav/prev.gif) no-repeat 0 0;
}
#nextlink a{
width:163px; 
background:url(http://rksdesign.com/img10/worknav/next.gif) no-repeat 0 0;	
}	
#prevlink a:hover {
background:url(http://rksdesign.com/img10/worknav/prev-O.gif) no-repeat 0 0;
cursor:pointer!important;	
}
#nextlink a:hover {
background:url(http://rksdesign.com/img10/worknav/next-O.gif) no-repeat 0 0;
cursor:pointer!important;	
}

sup {font-size:9px;}