#slider-navigation, .shell { width:728px; margin:0 auto; }
#slider { height:465px; }
.slides { width: 728px; height: 465px; position: relative; overflow: hidden; color: #333333;}
.slides .jcarousel-clip { width:728px; height:465px; position:relative; overflow:hidden; }
.slides ul { width:728px; height:465px; position:relative; overflow:hidden; list-style-type: none;}
.slides ul li{ float:left; display:inline; width:728px; height:465px; position:relative; overflow:hidden; padding-top:0px;}
.slide-info { float:right; width:412px; height:465px;}
.slide-info h2{ padding-bottom: 10px; padding-left: 20px; padding-top: 45px; color: #FFFFFF;}
.slide-info h3{font-size: 22px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; padding-top: 45px; color: #967A52; line-height: normal;}
.slide-info p{ font-size: 13px ;padding-bottom:8px; padding-top:8px; padding-left:20px; padding-right:20px;}
.slide-info a{ color: #FFFFFF; text-decoration:none}
.slide-info a:after{content: '  ››';}
.slide-info a:before{content: '.. ';}
.slide-info a:hover{ color: #FFFFFF; text-decoration: none;}
.slide-image { float:left; width:316px; height:465px; z-index:999 }

.image8 { background:url("../images/index/home_pic.jpg"); }
.image2 { background:url("../images/index/cartoon_pic.jpg"); }
.image3 { background:url("../images/index/caricatures_pic.jpg"); }
.image4 { background:url("../images/index/comic_pic.jpg"); }
.image5 { background:url("../images/index/graphic_pic.jpg"); }
.image6 { background:url("../images/index/illustration_pic.jpg"); }
.image7 { background:url("../images/index/web_pic.jpg"); }

#slider-navigation {padding-left: 10px;  }
#slider-navigation ul{ list-style-type: none; position:relative; width:300px; margin-left:0px;}

#slider-navigation ul li{ float: left; display: inline; position: relative; margin: 30px 0px 0px 0;}
#slider-navigation ul li.last{ margin-right:0;}

#slider-navigation ul li a {float: left; width: 20px; height: 79px; left: -10px; color: #686767; font-size: 14px; text-decoration: none; font-weight: bold; padding:0px;}
#slider-navigation ul li a strong { display:block; font-size:23px; line-height:23px; color:#fff;}
#slider-navigation ul li a em{ position:absolute; top:43px; left:20px; }

#slider-navigation ul li a.active,
#slider-navigation ul li a:hover { color:#a6a6a6; }

#slider-navigation ul li a.active strong,
#slider-navigation ul li a:hover strong{ color:#000; }