/*--Main Container--*/
.main_view {
float: left;
position: relative;
}

/*--Window/Masking Styles--*/
.window {
height: 330px;
width: 660px;
overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;
border: 5px solid #ffffff;
}

.image_reel {
position: absolute;
top: 0;
left: 0;
}

.image_reel img {
float: left;
width: 660px;
height: 330px;
}

/*--Paging Styles--*/
.paging {
position: absolute;
bottom: 3px; 
right: 10px; 
height: 37px;
z-index: 100; /*--Assures the paging stays on the top layer--*/
text-align: center;
line-height: 35px;
display: none; /*--Hidden by default, will be later shown with jQuery--*/
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

.paging a {
padding: 4px 6px 4px 6px;
text-decoration: none;
color: #ffffff;
font-weight: bold;
font-size: 11px;
background: #000000;
}

.paging a.active {
color: #ffffff;
background: #555555;
}

.paging a:hover {
color: #ffffff;
background: #222222;
}