@charset "utf-8";

/* ----------------------------------
== TopPage Slider StyleSheet 
---------------------------------- */

#mainImage{
	width:967px;
	}
#top_left{
	width:770px;
	float:left;
	}
#top_right{
	width:179px;
	height:237px;
	float:right;
	margin:0px;}

#mainImage a:hover img {
    filter: alpha(opacity=50);
    opacity:0.5;
    -moz-opacity:0.5;
}
#top_right a img{
	margin-bottom:1px;}

/*--Main Container--*/
#main_view_wrap {
	background: #ffffff;
	border-bottom: 1px solid #efefef;
}
.main_view {
	width: 770px;
	margin: 0 auto;
	padding: 1px 0;
	position: relative;
}


/*--Window/Masking Styles--*/
.window {
	width: 770px;
	height: 237px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}


/*--Paging Styles--*/
.paging {
	position: absolute;
	height: 17px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	top: 220px;
	left: 720px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	float: left;
	display: block;
	width: 8px;
	height: 8px;
	margin-right: 5px;
	background: #ffffff;
	color: #ffffff;
	text-indent: -9999px;
	overflow: hidden;
}