.rotatebanners img {
    border: 0px;
    padding: 0px;
    margin: 0px;
}
.rotatebanners {
	width: 980px;
	padding: 0px;
	height: 370px;
	margin: 6px 0px 20px 0px;
}
.rotatebanners .folio_block {
height: 370px;}

.rotatebanners .main_view {
	float: left;
	position: relative;
	height: 370px;
}
.rotatebanners .window {
	height: 370px;
	width: 980px;
	overflow: hidden;
	position: relative;
}
.rotatebanners .image_reel {
	position: absolute;
	top: 0; 
	left: 0;
}
.rotatebanners .image_reel img {float: left;}

.rotatebanners .folio_block .main_view .paging {
	position: absolute;
	display: block;
	bottom: 0px;
    left: 573px;
	background: #666 url("../img/rotatebanners/toolbar-bg.jpg") right top no-repeat;	
	padding-right: 7px;
	height: 37px;
	border: 0px solid;
	font-size: 1px;
	z-index: 100;
	width: 400px;
	text-align: right;

}

.rotatebanners .folio_block .main_view .paging a {
	display: block;
	float: left;
	margin: 0px 0px;
    padding: 24px 0px 24px 0px;
    //padding: 15px 24px 14px 24px;
    height: 3px;
	line-height: 3px;
	width: 50px;
	color: #fff;
	text-decoration: none;
	/*font-size: 1px;*/
	}


.rotatebanners .folio_block .main_view .paging a.active {

    margin-top: -5px;
    border-top: 5px solid #FF6600;
    //border-bottom: 5px solid #FF6600;
     padding: 24px 0px 24px 0px;
    //padding: 15px 24px;

}
.rotatebanners #smallImg1{background: url("../img/rotatebanners/met.jpg") left top no-repeat;}
.rotatebanners #smallImg2{background: url("../img/rotatebanners/etp.jpg") left top no-repeat; }
.rotatebanners #smallImg3{background: url("../img/rotatebanners/bi.jpg") left top no-repeat;}
.rotatebanners #smallImg4{background: url("../img/rotatebanners/imb.jpg") left top no-repeat;}
.rotatebanners #smallImg5{background: url("../img/rotatebanners/pm.jpg") left top no-repeat;}
.rotatebanners #smallImg6{background: url("../img/rotatebanners/hrm.jpg") left top no-repeat;}
.rotatebanners #smallImg7{background: url("../img/rotatebanners/crm.jpg") left top no-repeat;}
.rotatebanners #smallImg8{background: url("../img/rotatebanners/gps.jpg") left top no-repeat;}
.rotatebanners #smallImg10{background: url("../img/rotatebanners/met.jpg") left top no-repeat;}

.rotatebanners #smallImg1.active{background: url("../img/rotatebanners/met_active.jpg") left top no-repeat;}
.rotatebanners #smallImg2.active{background: url("../img/rotatebanners/etp_active.jpg") left top no-repeat;}
.rotatebanners #smallImg3.active{background: url("../img/rotatebanners/bi_active.jpg") left top no-repeat;}
.rotatebanners #smallImg4.active{background: url("../img/rotatebanners/imb_active.jpg") left top no-repeat;}
.rotatebanners #smallImg5.active{background: url("../img/rotatebanners/pm_active.jpg") left top no-repeat;}
.rotatebanners #smallImg6.active{background: url("../img/rotatebanners/hrm_active.jpg") left top no-repeat;}
.rotatebanners #smallImg7.active{background: url("../img/rotatebanners/crm_active.jpg") left top no-repeat;}
.rotatebanners #smallImg8.active{background: url("../img/rotatebanners/gps_active.jpg") left top no-repeat;}
.rotatebanners #smallImg10.active{background: url("../img/rotatebanners/met_active.jpg") left top no-repeat;}

/************************* Banners Blocks Styles ***************************/
.imageContainer
{
    height: 370px; 
    width: 980px;
    text-align: left;
    cursor: pointer;
}
.imageContainer h2
{
    margin: 0px;
    padding: 30px 20px;
    font-weight: normal;    
}

.imageContainer p a
{
    text-decoration: none;
}
/************************* Banner #1 ***************************/
.imageContainer#imageNumber1 {background: #ccc url('../img/rotatebanners/reel_1.jpg') left top no-repeat; }
.imageContainer#imageNumber1 h2 {padding: 30px 40px 0px 640px;
                                 color: #003366;
                                 font-size: 32px;
                                 line-height: 34px;
                                 /*display: none;*/
                                 }
.imageContainer#imageNumber1 p {padding: 10px 20px 0px 640px;}
.imageContainer#imageNumber1 p a {color: #666; font-size: 14px;} 

/************************* Banner #2 ***************************/
.imageContainer#imageNumber2 {background: #ccc url('../img/rotatebanners/reel_4.jpg') left top no-repeat;}
.imageContainer#imageNumber2 h2 {padding: 10px 350px 0px 250px; 
                                 font-size: 34px;
                                 text-align: right;}
.imageContainer#imageNumber2 p {width: 400px; 
                                padding: 0px 20px 0px 680px; 
                                width: 270px; 
                                line-height: 20px; 
                                margin: -70px 0px 0px 0px;
                                }
.imageContainer#imageNumber2 p a {color: #333; font-size: 15px;}

/************************* Banner #3 ***************************/
.imageContainer#imageNumber3 {background: #ccc url('../img/rotatebanners/reel_5.jpg') left top no-repeat;}
.imageContainer#imageNumber3 h2 {padding: 30px 0px 0px 40px;
                                 font-size: 30px;
                                 width: 370px; }
.imageContainer#imageNumber3 p {width: 360px; padding: 10px 0px 0px 40px;}
.imageContainer#imageNumber3 p a {color: #333; font-size: 16px;
                                  line-height: 22px;}

/************************* Banner #4 ***************************/
.imageContainer#imageNumber4 {background: #ccc url('../img/rotatebanners/reel_2.jpg') left top no-repeat;}
.imageContainer#imageNumber4 h2 {padding: 30px 0px 0px 20px;
                                 font-size: 32px;
                                 color: #003366;
                                 width: 380px;}
.imageContainer#imageNumber4 p {width: 380px; padding: 0px 20px;}
.imageContainer#imageNumber4 p a {color: #333; font-size: 15px; line-height: 20px;}

/************************* Banner #5 ***************************/
.imageContainer#imageNumber5 {background: #ccc url('../img/rotatebanners/reel_6.jpg') left top no-repeat;}
.imageContainer#imageNumber5 h2 {padding: 30px 20px 20px 40px;
                                 font-size: 30px; color:#fff; width: 400px;}
.imageContainer#imageNumber5 p {width: 400px; padding: 0px 40px;}
.imageContainer#imageNumber5 p a {color: #fff; font-size: 15px; line-height: 18px; }

/************************* Banner #6 ***************************/
.imageContainer#imageNumber6 {background: #ccc url('../img/rotatebanners/reel_3.jpg') left top no-repeat;}
.imageContainer#imageNumber6 h2 {padding: 40px 20px 20px 30px;
                                 font-size: 44px;
                                 color: #2989BF;}
.imageContainer#imageNumber6 p {width: 330px; padding: 0px 30px;}
.imageContainer#imageNumber6 p a {color: #666; font-size: 15px; line-height: 20px;}

/************************* Banner #7 ***************************/
.imageContainer#imageNumber7 {background: #ccc url('../img/rotatebanners/reel_7.jpg') left top no-repeat;}
.imageContainer#imageNumber7 h2 {padding: 23px 20px 15px 40px;
                                 color: #000;
                                 font-size: 40px;
                                 width: 400px;}
.imageContainer#imageNumber7 p {width: 400px; padding: 0px 20px;}
.imageContainer#imageNumber7 p a {color: #fff; font-size: 16px;}

/************************* Banner #8 ***************************/
.imageContainer#imageNumber8 {background: #ccc url('../img/rotatebanners/reel_8.jpg') left top no-repeat;}
.imageContainer#imageNumber8 h1 {padding: 20px 20px 10px 30px;}
.imageContainer#imageNumber8 h1 a {font-size: 36px; line-height: 40px; color: #003366;}
.imageContainer#imageNumber8 p {width: 400px; padding: 0px 30px;}
.imageContainer#imageNumber8 p a {color: #333; font-size: 14px; line-height: 20px;}

/************************* Banner #9 ***************************/
.imageContainer#imageNumber9 {background: #ccc url('../img/rotatebanners/reel_9.jpg') left top no-repeat;}
.imageContainer#imageNumber9 h2 {padding: 30px 0px 0px 630px;
                                 font-size: 32px;
                                 color:#003366;}
.imageContainer#imageNumber9 p {padding: 0px 0px 0px 630px;}
.imageContainer#imageNumber9 p a {line-height: 17px;

                                  color: #000; font-size: 17px;}
                                  
/************************* Banner #10 ***************************/
.imageContainer#imageNumber10 {background: #ccc url('../img/rotatebanners/reel_10.jpg') left top no-repeat;}