.slider-container { width:980px; float:left;  background-color:#F4F5F6; position:relative; z-index:9; border:solid 1px #D3D8DD; }

div.yoo-carousel { background:url(../images/sysconbanner/bannerbg.jpg) no-repeat center top;overflow: hidden;}
div.yoo-carousel div.frame {position: relative;overflow: hidden;}
div.yoo-carousel div.panel {overflow: hidden;}
div.yoo-carousel div.panel div.slide {float: left;overflow: hidden;}
div.yoo-carousel ul.tabs {padding: 0px;	margin: auto;list-style: none;right:0;top:289px; float:right}
div.yoo-carousel ul.tabs li { margin:0px 0px 0px 1px; padding:0px; list-style:none; float:left; overflow: hidden; }
div.yoo-carousel ul.tabs li a { text-decoration:none;}
div.default div.yoo-carousel { }

/* tabs */
div.default div.yoo-carousel div.top ul.tabs {margin: 0px;padding:0px;}
div.default div.yoo-carousel div.top ul.tabs li {margin: 0px;padding:0px;}
div.default div.yoo-carousel div.top ul.tabs li a { float:left; padding:2px 7px; color:#fff; background:#1e1e1e; font-weight:bold; }
div.default div.yoo-carousel div.top ul.tabs li.selected a {cursor: pointer;background-color:#8d1517;}
div.default div.yoo-carousel li a:link, div.default div.yoo-carousel li a:visited {float:left; padding:2px 7px; color:#323232; background:#e4e4e4;  font-weight:bold;}
div.default div.yoo-carousel li a:hover, div.default div.yoo-carousel li.selected a:link, div.default div.yoo-carousel li.selected a:visited {color: #fff;text-decoration: none;background-color:#3499cc;}


/* article */
div.default div.yoo-carousel .article {	font-size: 11px;color:#FFFFFF}

.article .slider-img0 {width:980px; float:left; background:url(../images/header/welcome.html) top right no-repeat; height:280px; }
.slider-img0 .txt-cont {width:auto;color:#fff; margin-top:40px; padding-left:32px; width:958px!important; }
.txt-cont h2 {font:normal 11px verdana; color:#4D505E; margin-top:15px!important; }

.article .slider-img1 {width:980px; float:left; background:url(../images/sysconbanner/sample1.jpg) top right no-repeat; height:280px; }
.slider-img1 .txt-cont {width:auto; margin-top:27px; padding-left:22px; width:958px; color:#fff;}

.article .slider-img2 {width:980px; float:left; background:url(../images/sysconbanner/open-source.jpg) top right no-repeat; height:280px; }
.slider-img2 .txt-cont {width:auto; margin-top:27px; padding-left:22px; width:958px; color:#fff;}

.article .slider-img3 {width:980px; float:left; background:url(../images/sysconbanner/connecting-to-the-world.jpg) top right no-repeat; height:255px; }
.slider-img3 .txt-cont {width:auto; margin-top:27px; padding-left:22px; width:958px; color:#fff;}

.article .slider-img4 {width:980px; float:left; background:url(../images/sysconbanner/graphic-reality.jpg) top right no-repeat; height:255px; }
.slider-img4 .txt-cont {width:auto; margin-top:27px; padding-left:22px; width:958px; color:#fff;}


.article .slider-img5 {width:980px; float:left; background:url(../images/sysconbanner/creative-software-solution.jpg) top right no-repeat; height:255px; }
.slider-img5 .txt-cont {width:auto; margin-top:27px; padding-left:22px; width:958px; color:#fff;}

.article .slider-img6 {width:980px; float:left; background:url(../images/sysconbanner/support.jpg) top right no-repeat; height:255px; }
.slider-img6 .txt-cont {width:auto; margin-top:27px; padding-left:22px; width:958px; color:#fff;}





.button-container {float:left; display:block; margin-top:23px; }
.button-container .button-left {background:transparent url(../images/button-link-left.gif) 0 bottom no-repeat; float:left; height:28px; padding-left:14px; clear:both;}
.button-container .button-right {background:transparent url(../images/button-link-right.gif) right bottom no-repeat; float:left; height:22px; padding:6px 14px 0px 0px; color:#DADADD; font-size:12px; }

.button-container:hover .button-left { background:transparent url(../images/button-link-left.gif) 0 0 no-repeat; }
.button-container:hover .button-right { background:transparent url(../images/button-link-right.gif) right 0 no-repeat; }
.button-container .button-right a:link, .button-container .button-right a:visited {color:#e1e1e1; font:bold 11px verdana; text-decoration:none;}
.button-container .button-right a:hover { text-decoration:underline; color:#fff; }




