/*--Main Container--*/

.main_view {
	width:100%;
	height:600px;
	float:left;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	}
	
/*--Window/Masking Styles--*/

.window {
	height:600px;
	width:100%;
	overflow:hidden; /*--Hides anything outside of the set width/height--*/
	position:relative;
	outline:none;
	}
	
.image_reel {
	width:100%;
	position:absolute;
	top:0; left:0;
	outline:none;
	}
	
.image_reel img {
	float:left;
	border:none;
	left:0;
	top:0;
	margin:0;
	}


/*--Paging Styles--*/

.paging {
	position:absolute;
	bottom:20px; right:-7px;
	width:180px; height:37px;
	z-index:100; /*--Assures the paging stays on the top layer--*/
	text-align:center;
	line-height:30px;
	background:transparent;
	display:none; /*--Hidden by default, will be later shown with jQuery--*/
	}
	
.paging a {
	width:17px;
	padding:8px;
	font-weight:normal;
	font-size:11px;
	font-family:Verdana, Tahoma, Arial;
	text-decoration:none;
	color:#666;
	background:url(../images/grey_dot.png) center no-repeat transparent;
	}
	
.paging a.active {
	width:17px;
	font-weight:normal;
	font-size:11px;
	font-family:Verdana, Tahoma, Arial;
	background:url(../images/orange_dot.png) center no-repeat transparent;
	color:#fff;
	}
	
.paging a:hover {
	width:17px;
	font-weight:normal;
	font-size:11px;
	font-family:Verdana, Tahoma, Arial;
	color:#666;
	}