/* 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;
	width:890px;
	z-index:0;
	background-color:#fff;
	background-image: url(../../../img10/worknav/slidebg.gif);
	background-repeat: no-repeat;
}	

#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; 
}
/* next */
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
display:block;
height:316px;
position:absolute;
top:10px;
z-index:999!important;
}	
#prevBtn, #slider1prev{ 
width:112px;
left:0px;
}	
#nextBtn, #slider1next{ 
width:112px;
left:769px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
display:block;
height:317px;
width:112px;
position:absolute;
background:none;
z-index:999!important;	
}	
#nextBtn a, #slider1next a{ 

}	
#prevBtn a:hover, #slider1prev a:hover {
background:url(http://rksdesign.com/img10/worknav/slideleft.png) no-repeat 0 0;
}
#nextBtn a:hover, #slider1next a:hover {
background:url(http://rksdesign.com/img10/worknav/slideright.png) no-repeat 0 0;
}

/* numeric controls */	
#barspace {
height:35px;
width:287px;
position:absolute;
display:block;
position:absolute;
top:337px;
left:320px;	
background: url(http://rksdesign.com/img10/worknav/space.gif) no-repeat 0 0;	
}
ol#controls{
	padding:0;
	height:28px;
	position:absolute;
	left:621px;
	top:336px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
ol#controls li{
margin:0 10px 0 0; 
padding:0;
float:left;
display:inline block;
width:30px;
height:30px;
list-style:none;
}
ol#controls li a{
font-size:18px;
font-weight:bold;
float:left;
height:28px;
line-height:28px;
color:#fff;
padding:5px 9px;
text-decoration:none;
}
ol#controls li.current a, ol#controls li.current a:visited{
color:#4c4c4c!important;
}
ol#controls li a:hover {
color:#C41230;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

li#controls1 {
text-indent:-9999px;
background-image:url(../../../img10/worknav/control1.gif);
}
li#controls1:hover, li#controls1.current {
background-image:url(../../../img10/worknav/control1-o.gif);
}


li#controls2 {
text-indent:-9999px;
background-image:url(../../../img10/worknav/control2.gif);
}
li#controls2:hover, li#controls2.current  {
background-image:url(../../../img10/worknav/control2-o.gif);
}

li#controls3 {
text-indent:-9999px;
background-image:url(../../../img10/worknav/control3.gif);
}
li#controls3:hover, li#controls3.current  {
background-image:url(../../../img10/worknav/control3-o.gif);
}

li#controls4 {
text-indent:-9999px;
background-image:url(../../../img10/worknav/control4.gif);
}
li#controls4:hover, li#controls4.current  {
background-image:url(../../../img10/worknav/control4-o.gif);
}

li#controls5 {
text-indent:-9999px;
background-image:url(../../../img10/worknav/control5.gif);
}
li#controls5:hover, li#controls5.current  {
background-image:url(../../../img10/worknav/control5-o.gif);
}

li#controls6 {
text-indent:-9999px;
background-image:url(../../../img10/worknav/control6.gif);
}
li#controls6:hover, li#controls6.current  {
background-image:url(../../../img10/worknav/control6-o.gif);
}
/* // Easy Slider */

#backtoindex {
position:absolute;
top:337px;
left:0px;
font-size:15px;
font-weight:bold;
color:#36131F;
}
#backtoindex img {
border:0px!important;
}
span.homegridL, span.homegridR {
position:absolute;
top:337px;
width:42px;
height:35px;
display:inline block;
float:left;
padding-left:5px;
background-color:#cccccc;
}

span.homegridR {
left:42px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-khtml-border-radius-topright: 3px;
-khtml-border-radius-bottomright: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
padding-right:5px;
margin-right:3px;
}
span.homegridL {
left:0px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
-khtml-border-radius-topleft: 3px;
-khtml-border-radius-bottomleft: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
span.homegridL a, span.homegridR a {
display:block;
width:42px;
height:35px;
background-image:url(http://rksdesign.com/img10/worknav/grid-off.gif);
}
span.homegridR a:hover, span.homegridL a:hover {
background-image:url(http://rksdesign.com/img10/worknav/grid-off-o.gif);
}	
span#prevlink {
display:block;
height:35px;
width:83px;
top:337px;
left:94px;
position:absolute;
background:url(http://rksdesign.com/img10/worknav/prev.gif) no-repeat 0 0;
}

span#nextlink {
display:block;
width:163px;
height:35px;
background:url(http://rksdesign.com/img10/worknav/next.gif) no-repeat 0 0;	
position:absolute;
top:337px;
left:174px;

}
span#prevlink a, span#nextlink a  {
padding-top:8px!important;
padding-left:22px!important;
text-transform:none!important;
color:white;
font-size:17px;
position:absolute;
height:27px;
width:61px;
text-indent:-9999px;
}
span#nextlink a {
padding-left:24px!important;
width:139px;
}

#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/nextproject.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/nextproject-O.gif) no-repeat 0 0;
cursor:pointer!important;	
}