body#index h4 {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font: bold 14px/14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}

body#index h4 cufon {
    margin: 0 0 5px;
}

body#index h5 {
    margin: 0;
    color: #215990;
    text-transform: uppercase;
    font: normal 13px/13px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}

body#index h5 cufon {
    margin: 0 0 5px;
}

/* Index Layout ***************************************************************/
body#index #wrapper {
    /*overflow: hidden;*/
    overflow: visible;
    padding: 0;
    width: 100%;

    height: 598px !important;/*754px !important;*/
    min-width: 1000px;
    min-height: 915px !important;/*664px !important;*/
    background: #fff url(/img/index-bg.png) no-repeat center top;
    color: #5c5c5c;
}

body#index #over_footer_navigation{
    width: 960px;
    left: 50%;
    margin: 0 0 0 -480px;
}

body#index #top,
body#index #footer {
    width: 960px;
}

body#index #footer {
    height: 0;
    background: none;
    bottom: 90px;
}

*+html body#index #footer {
    left: 50%;
    margin: 0 0 0 -480px;
}

/* Index Top Menu *************************************************************/
body#index #top-menu {
    position: absolute;
    top: 79px;
    left: 50%;
    z-index: 30;
    margin: 0 0 0 -472px;
    width: 944px;
    height: 38px;
}

body#index #top-menu > menu {
    padding: 2px;
    background: url(/img/index-top-menu.png) no-repeat;
}

body#index #top-menu > menu > li > a span {
    padding-top: 10px;
    padding-bottom: 10px;
}

body#index #top-menu > menu > li > a span.left {
    background-position: left 5px;
}

body#index #top-menu > menu > li > a span.right {
    background-position: right 5px;
}

body#index #top-menu > menu > li.active > a span {
    background-image: url(/img/index-top-menu-active.png);
}

body#index #top-menu > menu > li:hover > a span.left {
    background-position: left 0;
}

body#index #top-menu > menu > li:hover > a span.right {
    background-position: right 0;
}

body#index #top-menu > menu > li:hover > a span {
    background-image: url(/img/index-top-menu-hover.png);
}

body#index #top-menu > menu > li > div {
    top: 34px;
}

/* Sidebar Index **************************************************************/
body#index #sidebar-index {
    position: absolute;
    top: 121px;
    left: 50%;
    z-index: 25;
    margin: 0 0 0 284px;
    padding: 12px 4px 0;
    width: 182px;
    height: 260px;
    background: url(/img/index-sidebar.png) no-repeat;
}

body#index #sidebar-index,
body#index #sidebar-index h6 {
    font: normal 11px/14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}

body#index #sidebar-index h6 {
    margin: 0 0 0 12px;
}

body#index #sidebar-index ul {
    position: absolute;
    right: 4px;
    bottom: 4px;
    left: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body#index #sidebar-index ul li {
    display: block;
    margin: 0;
    padding: 0 15px 1px 3px;
    height: 58px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #d8d8d8;
    background: none;
}

body#index #sidebar-index ul li:first-child {
    border-top-color: transparent;
}

body#index #sidebar-index ul li.last-child {
    border-bottom: none;
}

body#index #sidebar-index ul li a {
    display: block;
    padding: 0;
    height: 100%;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

body#index #sidebar-index ul li a i {
    display: inline-block;
    margin: 0;
    width: 58px;
    height: 58px;
    vertical-align: middle;
    overflow: hidden;
}

body#index #sidebar-index ul li a i img.normal {
    display: block;
}

body#index #sidebar-index ul li a i img.hover {
    display: none;
}

body#index #sidebar-index ul li a:hover i img.normal {
    display: none;
}

body#index #sidebar-index ul li a:hover i img.hover {
    display: block;
}

body#index #sidebar-index ul li a span {
    display: inline-block;
    width: 103px;
    vertical-align: middle;
    white-space: normal;
}

body#index #sidebar-index ul li a:hover span .jQueryTextShadow {
    text-decoration: underline !important;
}

body#index #sidebar-index ul li a span,
body#index #sidebar-index ul li a span .jQueryTextShadow {
    width: 106px !important;
}

body#index #sidebar-index ul li a:hover span {
    color: #2193c2;
    text-decoration: underline;
}

/* Banner Main ****************************************************************/
body#index #banner-main {
    position: absolute;
    top: 71px;
    left: 50%;
    margin: 0 0 0 -480px;
    width: 960px;
    height: 327px;
}

body#index #banner-main .border {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

body#index #banner-main span.border-t,
body#index #banner-main span.border-l,
body#index #banner-main span.border-r,
body#index #banner-main span.border-b {
    position: absolute;
    z-index: 5;
    display: block;
    background: url(/img/index-bg.png) no-repeat;
}

body#index #banner-main span.border-t {
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background-position: center -71px;
}

body#index #banner-main span.border-r {
    top: 4px;
    right: 0;
    bottom: 4px;
    width: 4px;
    background-position: -1026px -75px;
}

body#index #banner-main span.border-b {
    right: 0;
    bottom: 0;
    left: 0;
    height: 4px;
    background-position: center -394px;
}

body#index #banner-main span.border-l {
    top: 4px;
    bottom: 4px;
    left: 0;
    width: 4px;
    background-position: -70px -75px;
}

/* Banner Main Pagination *****************************************************/
body#index #banner-main div.pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 30px;
    background: url(/img/index-slider-pagination-bg.png);
    text-align: center;
}

body#index #banner-main div.pagination ul {
    position: relative;
    top: 6px;
    display: inline-block;
}

*+html body#index #banner-main div.pagination ul {
    position: absolute;
    left: 50%;
}

body#index #banner-main ul.pagination {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

body#index #banner-main ul.pagination a {
    float: left;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

body#index #banner-main ul.pagination > a {
    width: 11px;
    height: 17px;
    background: url(/img/slider-pagination.png) no-repeat;
}

body#index #banner-main ul.pagination > a.prev {
    margin-right: 8px;
    background-position: -50px 0;
}

body#index #banner-main ul.pagination > a.prev:hover {
    background-position: 0 0;
}

body#index #banner-main ul.pagination > a.next {
    margin-left: 8px;
    background-position: -75px 0;
}

body#index #banner-main ul.pagination > a.next:hover {
    background-position: -39px 0;
}

body#index #banner-main ul.pagination li {
    position: relative;
    top: 1px;
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: none;
}

body#index #banner-main ul.pagination li + li {
    margin-left: 8px;
}

body#index #banner-main ul.pagination li a {
    width: 14px;
    height: 15px;
    background: url(/img/slider-pagination.png) no-repeat -61px 0;
}

body#index #banner-main ul.pagination li a:hover {
    background-position: -25px 0;
}

body#index #banner-main ul.pagination li.active a {
    background-position: -11px 0;
    cursor: default;
}

/* Banner Main Slide **********************************************************/
body#index #banner-main .slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

body#index #banner-main .slide a.slide-button {
    position: absolute;
    top: 227px;
    left: 50px;
    display: block;
    overflow: hidden;
    padding: 0 30px 0 0;
    color: #215990;
    text-decoration: none;
    font: normal 13px/13px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    cursor: pointer;
}

body#index #banner-main .slide a.slide-button span {
    display: block;
    padding: 12px 0;
    height: 13px;
    background: url(/img/index-slide-button.png) no-repeat;
}

body#index #banner-main .slide a.slide-button span.left {
    padding-left: 16px;
    background-position: left 0;
    text-align: center;
}

body#index #banner-main .slide a.slide-button span.right {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    background-position: right 0;
}

body#index #banner-main .slide a.slide-button:hover span.left,
body#index #banner-main .slide a.slide-button:active span.left {
    background-position: left -37px;
}

body#index #banner-main .slide a.slide-button:hover span.right,
body#index #banner-main .slide a.slide-button:active span.right {
    background-position: right -37px;
}

/* Index Bottom Banners *******************************************************/
body#index #banner-1,
body#index #banner-2 {
    position: absolute;
    top: 407px;
    left: 50%;
    width: 231px;
    height: 116px;
    background-repeat: no-repeat;
}

body#index #banner-1-n {
    position: absolute;
    top: 407px;
    left: 50%;
	background-image: url('/img/index-b-1-n.png');
    margin: 0 0 0 -480px;
	width: 440px;
	padding: 10px;
    height: 96px;
    background-repeat: no-repeat;
	color: #fff;
}

body#index #banner-1-n  span {
	font: normal 10px/12px Verdana, "Geneva CY", "DejaVu Sans", sans-serif;
}
body#index #banner-1-n h3 a {
	color: #fff;
	text-decoration: none;
}

body#index #banner-1-n a.more {
	position: absolute;
	bottom: 8px;
	left: 334px;
	float: left;
	display: block;
	padding: 0 10px 0 0;
	height: 18px;
	background: url(/img/index-link-arrows.png) no-repeat right -40px;
	color: #c7d46c;
	text-decoration: none;
	font: normal 12px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
body#index #banner-1 {
    margin: 0 0 0 -480px;
}

body#index #banner-2 {
    margin: 0 0 0 -240px;
}

body#index #banner-1 a,
body#index #banner-2 a {
    color: #5c5c5c;
    text-decoration: none;
    font: normal 12px/12px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
    padding: 0 10px 0 0;
    background: url(/img/index-link-arrows.png) no-repeat right 4px;
    position: absolute;
    top: 83px;
    left: 15px;
}

body#index #banner-1 a:hover,
body#index #banner-2 a:hover {
    color: #353535;
}

body#index #banner-1 a cufon,
body#index #banner-2 a cufon{
    border-bottom: 1px solid transparent;
}

body#index #banner-1 a:hover cufon,
body#index #banner-2 a:hover cufon{
    border-bottom-color: #c2c2c2;
}

*+html body#index #banner-1 a cufon,
*+html body#index #banner-2 a cufon{
    top: -1px !important;
}

/* Banner 3 *******************************************************************/
body#index #banner-3 {
    position: absolute !important;
    top: 407px !important;
    left: 50% !important;
    margin: 0 !important;
    width: 480px !important;
}

body#index #banner-3 ul.pagination li {
    display: none;
}

/*body#index #banner-3 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body#index #banner-3 ul li {
    position: relative;
    left: -10px;
    margin: 0;
    padding: 0 10px;
    width: 480px;
    height: 116px;
    background: none;
}*/

body#index #banner-3 .slide {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 10px 13px 28px 245px;
    width: 222px;
    height: 78px;
    background: url(/img/index-b-3.png) no-repeat;
    color: #fff;
    font: normal 10px/12px Verdana, "Geneva CY", "DejaVu Sans", sans-serif;
}

body#index #banner-3 div.img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 222px;
    height: 95px;
}

body#index #banner-3 div.img img {
    width: 100%;
    height: 100%;
}

body#index #banner-3 div.img .border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/img/index-b-3.png) no-repeat -10px -10px;
}

body#index #banner-3 a {
    position: absolute;
    bottom: 8px;
    left: 245px;
    float: left;
    display: block;
    padding: 0 10px 0 0;
    height: 18px;
    background: url(/img/index-link-arrows.png) no-repeat right -40px;
    color: #c7d46c;
    text-decoration: none;
    font: normal 12px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}

body#index #banner-3 a.prev,
body#index #banner-3 a.next {
    top: 49px;
    float: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 11px;
    height: 17px;
    background: url(/img/slider-pagination.png) no-repeat;
    text-indent: -9999px;
}

body#index #banner-3 a.prev {
    left: 20px;
    background-position: 0 0;
}

body#index #banner-3 a.prev:hover,
body#index #banner-3 a.prev:active {
    background-position: -50px 0;
}

body#index #banner-3 a.next {
    left: 209px;
    background-position: -39px 0;
}

body#index #banner-3 a.next:hover,
body#index #banner-3 a.next:active {
    background-position: -75px 0;
}

/* Banner 4 *******************************************************************/
body#index #banner-4 {
    position: absolute;
    top: 530px;
    left: 50%;
    overflow: hidden;
    margin: 0 0 0 -480px;
    width: 960px;
    height: 36px;
    background: url(/img/index-b-4.png) no-repeat;
}

/* Banner 4 Tabs **************************************************************/
body#index dl.tab {
    position: relative;
    overflow: hidden;
    margin: 0 0 0 7px;
    height: 100%;
}

body#index dl.tab > dt {
    position: relative;
    top: 6px;
    float: left;
    display: block;
    padding: 0 14px;
    cursor: pointer;
}

body#index dl.tab > dt > span {
    float: left;
    display: block;
    margin: 0 0 4px;
    padding: 6px 0 0;
    height: 11px;
    border-bottom: 1px solid transparent;
    color: #5c5c5c;
    font: normal 12px/12px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}

body#index dl.tab > dt:hover > span {
    border-bottom-color: #5c5c5c;
}

body#index dl.tab > dt.active {
    top: 6px;
    float: left;
    display: block;
    padding: 0 14px 0 0;
    cursor: default;
}

body#index dl.tab > dt.active > span {
    float: left;
    display: block;
    padding: 5px 0 6px;
    height: 12px;
    border-bottom: none;
    background: url(/img/index-dl-tab.png) no-repeat;
    color: #fff;
    font-weight: bold;
}

body#index dl.tab > dt.active > span.left {
    padding-left: 14px;
    background-position: left;
}

body#index dl.tab > dt.active > span.right {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    background-position: right;
}

body#index dl.tab > dd {
    position: absolute;
    top: 10px;
    left: 200px;
    z-index: 1;
    visibility: hidden;
    margin: 0;
    background: url(/img/index-b-4.png) no-repeat -200px -10px;
}

/* Banner 4 Tabs Carousel *****************************************************/
body#index dl.tab > dd a[class|="prev"],
body#index dl.tab > dd a[class|="next"] {
    float: left;
    display: block;
    overflow: hidden;
    width: 24px;
    height: 17px;
    background: url(/img/index-carousel-arrows.png) no-repeat;
    text-indent: -9999px;
}

body#index dl.tab > dd a[class|="prev"] {
    background-position: left -17px;
}

body#index dl.tab > dd a[class|="prev"]:hover,
body#index dl.tab > dd a[class|="prev"]:active {
    background-position: left -34px;
}

body#index dl.tab > dd a[class|="prev"].disabled {
    background-position: left 0;
}

body#index dl.tab > dd a[class|="next"] {
    margin-right: 10px;
    background-position: right -17px;
}

body#index dl.tab > dd a[class|="next"]:hover,
body#index dl.tab > dd a[class|="next"]:active {
    background-position: right -34px;
}

body#index dl.tab > dd a[class|="next"].disabled {
    background-position: right 0;
}

body#index dl.tab > dd div.carousel {
    position: relative;
    top: -1px;
    float: left;
}

body#index dl.tab > dd div.carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body#index dl.tab > dd div.carousel ul li {
    margin: 0;
    padding: 0;
    width: 640px;
    height: 18px;
    background: none;
    line-height: 18px;
    white-space: nowrap;
}

body#index dl.tab > dd div.carousel ul li span:first-child {
    color: #215990;
}

body#index dl.tab > dd div.carousel ul li a.last-child {
    position: relative;
    top: -1px;
    display: inline-block;
    overflow: hidden;
    margin: 0 0 0 6px;
    width: 16px;
    height: 16px;
    background: url(/img/index-carousel-link.png) no-repeat;
    vertical-align: middle;
    text-indent: -9999px;
}