body {
    background: #f4f4f4;
    color: #000;
    font: 76% Verdana,Geneva,sans-serif,Helvetica,Arial;
}
#header, #slider, #footer {
    min-width: 992px;
    width: 100%;
    overflow: hidden;
}



/* SLIDER Carousell*/

.overview {
    overflow:hidden;
    margin-top: -19px;
}
.sliding {
    overflow:hidden;
    text-align:center;
}
.sliding .blueslide {
    background: none !important/*#cbedfa url(../images/bg-slider.png) no-repeat center bottom*/;
    margin:0 auto;
    overflow:hidden;
    text-align:center;
    height: 390px;
    z-index: 1;
}



/* yui-carousel */
.yui-carousel-element ol li {
    height: 357px;
}

#cont23 {
    margin: 0 auto;
    height: 390px;
    border: none;
    display: block;
    overflow: hidden;
    width: 1000px;
}

#cont23 a {
    text-decoration: none;
}

#cont23 .intro {
    display: inline;
    float: left;
    margin: 0;
    width: 1000px;
    height: 357px;
}
#cont23 .intro img.img1{
    width:1000px;
}
#cont23 .item {
    display: inline;
    float: left;
    overflow: hidden;
    width: 1000px;
}

#cont23 .item .authimg {
    bottom: 2px;
    margin-left: 61px;
    position: absolute;
    z-index: 1;
}
#cont23 .yui-carousel-nav{
    position: absolute;
    bottom: 0px;
    z-index: 300;
    width: 1000px;
    height: 27px;
    line-height: 27px;
    padding: 0;
    text-align:right;
    background:transparent
}

#cont23 .yui-carousel-nav ul{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    list-style: none;
    margin:0;
    padding:0;
}

#cont23 .yui-carousel-nav ul li{  
    float: left;
    height: 13px;
    width: 13px;
    background:transparent url(../images/round_btn.png) no-repeat center;
    margin: 5px;
    cursor: pointer;
}

#cont23 .yui-carousel-nav ul li a{
    left: -10000px;
    position: absolute;
}

#cont23 .yui-carousel-nav ul li:hover,
#cont23 .yui-carousel-nav ul li.hover,
#cont23 .yui-carousel-nav ul li.yui-carousel-nav-page-selected {
    background:transparent url(../images/round_btn_hov.png) no-repeat center;
    cursor: pointer;
}
.carousell .yui-carousel-nav span{
    position: absolute;
    bottom: 3px;
    width: 25px;
    height: 25px;
}

.carousell .yui-carousel-nav span button, #carousel-2 .yui-carousel-nav span button:focus{
    background: transparent;
    border: none;
    padding: 30px 0 0;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.carousell .yui-carousel-nav span.yui-carousel-first-button{
    background: url('../images/prev-arrow.gif') no-repeat top left;
    display: none;
}

.carousell .yui-carousel-nav span.yui-carousel-next-button{
    background: url('../images/next-arrow.gif') no-repeat top left;
    display: none;
}

.carousell .yui-carousel-nav span.yui-carousel-first-button:hover,
.carousell .yui-carousel-nav span.prev-hover{
    background: url('../images/prev-arrow.gif') no-repeat top left;
}

.carousell .yui-carousel-nav span.yui-carousel-next-button:hover,
.carousell .yui-carousel-nav span.next-hover{
    background: url('../images/next-arrow.gif') no-repeat top left;
}
.carousell ol#carousel li h2{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 500px;
    z-index: 300;
    line-height: 28px;
    background: transparent url('../images/bg.png') top left repeat;
    color: #fff;
    margin: 0px;
    padding: 5px;
    text-align: center;
}
.csjtcontent{
    width: 980px;
    margin: 0 auto;
}
.csjtcontent .slide1{
    background: transparent url('../images/profile_example.png') 50% 12px no-repeat;
    height: 280px;
    display: block;
    overflow: hidden;
}
.csjtcontent .slide2{
    background: transparent url('../images/slide2_bg_txt.png') top center no-repeat;
    width:224px;
    height:250px;
    margin: 10px 20px 0 0;
    display: block;
    overflow: hidden;
}
.csjtcontent .slide2 .heading{
    height: 80px;
    padding: 10px;
}
.csjtcontent .slide2 .heading img{
    float: left;
}
.csjtcontent .slide2 .heading span{
    line-height:120px;
    color: #000;
    font-weight: bold;
    font-size: 18px;
}
.csjtcontent .slide2 .description{
    height: 130px;
    padding: 10px 15px;
}
.csjtcontent .slide2 .description p{
    color: #fff;
    font-size: 12px;
    clear: both;
    text-align: center;
}







/* SLIDER */
#slider {
    height: 438px;
    background: #cbedfa url("../images/bg-slider.png") no-repeat center top;
    position: relative;
    margin-top: -12px;
    z-index: 1;
}

#slider .wrap {
	width: 1025px;
    padding-top: 39px;
}




/* CONTENT */
#content {
    padding-top: 2px;
    background: #1A1A1A;
}

#content .boxContentTop {
    width: 992px;
    height: 61px;
    background: url("../images/bg-boxContentTop.png") no-repeat;
    color: #fff;
    position: relative;
}

#content .boxContentTop h1 {
    font-size: 17px;
    line-height: 60px;
    margin: 0px;
    padding: 0px 0px 0px 18px;
    text-shadow: 2px 2px 2px #111111;
    text-align: left;
}

#content .boxContentTop span {
    display: block;
    position: absolute;
    top: 0px;
    right: 18px;
    line-height: 60px;
    font-style: italic;
    font-size: 15px;
    text-shadow: 2px 2px 2px #111111;
}

#content .boxContentTop span a {
    display: inline-block;
    margin-left: 10px;
}

#content .boxContentTop span a img {
    position: relative;
    vertical-align: middle;
    _vertical-align: baseline;
    _top: 12px;
}

#content .boxContentMiddle {
    position: relative;
    width: 992px;
    background: url("../images/bg-boxContentMiddle.gif") repeat-y;
    overflow: hidden;
    text-align: center;
}

#content .boxContentMiddleEffect {
    position: absolute;
    left: 1px;
    bottom: 0px;
    width: 990px;
    height: 726px;
    background: url("../images/bg-boxContentMiddleEffect.jpg") repeat-x bottom;
    z-index: 1;
}

#content .boxContentMiddleContent {
    position: relative;
    z-index: 9999;
    width: 954px;
    margin: auto;
    padding: 18px 0px;
    text-align: left;
    color: #fff;
    font-family: Verdana,Geneva,sans-serif,Helvetica,Arial;
}

#content .boxContentMiddleContent hr {
    background: #7e7c7e;
    color: #7e7c7e;
    border: 0px;
    height: 2px;
    margin: 15px 0px;
}

#content .boxContentMiddle h1,
#content .boxContentMiddle h2 {
    margin: 0px;
    padding: 0px;
    text-shadow: 2px 2px 2px #111111;
    text-align: left;
    font-weight: normal;
}

#content .boxContentMiddle h1 {
    font-size: 18px;
    padding-bottom: 18px;
}

#content .boxContentMiddle h2 {
    font-size: 15px;
    padding-bottom: 10px;
    position: relative;
}

#content .boxContentMiddle h2 img {
    position: absolute;
    right: 0px;
}

#content .boxContentMiddle div.text {
    line-height: 160%;
}

#content .boxContentBottom {
    width: 992px;
    height: 68px;
    background: url("../images/bg-boxContentBottom.png") no-repeat;
}

