.Rotator_AMT { position: relative; }

.Rotator_AMT .item { position: relative; }

.Rotator_AMT img { height: auto; }

.Rotator_AMT .items { }

.Rotator_AMT .items:before {
	content: "";
	display: block;
	padding-top: 28.7%; 
}

.Controls {

}

.Rotator_AMT .nav {
    position: absolute;
    right: 5.7%;
    bottom: -4%;
    z-index: 50;
}

.Rotator_AMT .nav a { text-decoration: none; }

.Rotator_AMT .nav li {
    background: url("images/nav_button.png") no-repeat;
    border: medium none !important;
    cursor: pointer;
    float: left;
    list-style-type: none;
    padding: 20px;
}
.Rotator_AMT .nav li.activeSlide {
    background: url("images/nav_selected.png") no-repeat;
}

.Rotator_AMT h1 {
    color: #2c546d !important;
    font-size: 28px;
    font-weight: regular;
    margin-bottom: 0;
}

.Rotator_AMT p { margin: 0; }

.Rotator_AMT .summary {
    background: url("images/text_bg.png") repeat;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/Portals/_default/Skins/AMT-New/js/PIE.htc);
    color: #2C546D;
    font-size: 18px;
    margin-top: -66px;
    padding: 0 20px 20px;
    position: absolute;
    right: 0;
    top: 33%;
    width: 51%;
    z-index: 10;
}

@media screen and ( max-width: 1136px ) {
    .Rotator_AMT .summary { right: 2%; }
}

@media screen and ( max-width: 863px ) {
    .Rotator_AMT .nav { left: 5.7%; }
}

@media screen and ( max-width: 767px ) {
    .Rotator_AMT .summary { right: 0; height: 100%; top: 0; margin: 0; border-radius: 0; width: 65%; }
    .Rotator_AMT .nav {
        bottom: -12%;
        left: -4%;
    }
}

@media screen and ( max-width: 607px ) {
    .Rotator_AMT .summary { display: none; }
}