@charset "ISO-8859-1";
/* CSS Document */



/*--Main Container--*/

.main_view {
	float: right;
	position: relative;

}

/*--Window/Masking Styles--*/

.window {

	width: 715px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	float:right;

}

.window img {
	width:715px;
}

.image_reel {
	position: relative;
	top: 0; left: 0;
	

}

.image_reel img {float: left;}



/*--Paging Styles--*/

.paging {
	
	position: absolute;
	bottom: 0px; left: 0px;
	width: auto; height:auto;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	padding: 0 5px 3px 0px;
	margin-right: 10px;
		display: none; /*--Hidden by default, will be later shown with jQuery--*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #FFF;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7);
			-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7);
			box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7);
			
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	
	-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 2px 0px 0px;
border-radius: 0px 3px 0px 0px;	
	
	

	

	
	

	

}

.paging a {

	padding: 5px;

	text-decoration: none;
	font-weight:bold;
	color: #FFF;
}

.paging a.active {

	

	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;	
	cursor: pointer;

	color:#333;
	




}

.paging a:hover {font-weight:bold; color:#fff; cursor:pointer}	

	

		

</style>