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

#container{	
margin:0 auto;
position:relative;
text-align:left;
width:890px;
height:395px;
padding:0px;
background:none;
width:890px;	
z-index:0;
background-color:#f2f2f2;
}	

#container img {

}


/* Easy Slider */
#slider {
border:10px solid #f2f2f2;
}
#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:316px;
overflow:hidden; 
}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
display:block;
width:120px;
height:23px;
position:absolute;
left:202px;
top:354px;
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/img10/prevImgBtn.gif) no-repeat 0 0;
z-index:999!important;	
}	
#nextBtn a, #slider1next a{ 
background:url(http://rksdesign.com/img10/nextImgBtn.gif) no-repeat 0 0;	
}	
#prevBtn a:hover {
background:url(http://rksdesign.com/img10/prevImgBtnO.gif) no-repeat 0 0;	
}
#nextBtn a:hover {
background:url(http://rksdesign.com/img10/nextImgBtnO.gif) no-repeat 0 0;	
}

/* numeric controls */	

ol#controls{
margin:1em 0;
padding:0;
height:28px;
position:absolute;
top:335px;
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:#999;
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 */

#backtoindex {
position:absolute;
top:350px;
left:25px;
font-size:15px;
font-weight:bold;
color:#36131F;
}
#backtoindex img {
border:0px!important;
}	
span#prevlink {
display:block;
width:65px;
height:23px;
position:absolute;
left:597px;
top:355px;
z-index:999!important;

}
span#nextlink {
display:block;
width:135px;
height:23px;
position:absolute;
left:667px;
top:355px;
z-index:999!important;
}
#nextlink a, #prevlink a
{  
display:block;
position:absolute;
height:23px;
z-index:999!important;	
}
#prevlink a {
width:65px;
background:url(http://rksdesign.com/img10/prevlink.gif) no-repeat 0 0;
}
#nextlink a{
width:135px; 
background:url(http://rksdesign.com/img10/nextproject.gif) no-repeat 0 0;	
}	
#prevlink a:hover {
background:url(http://rksdesign.com/img10/prevlink-o.gif) no-repeat 0 0;	
}
#nextlink a:hover {
background:url(http://rksdesign.com/img10/nextproject-o.gif) no-repeat 0 0;	
}
