@charset "utf-8";
/* CSS Document */
/* SLIDER */
*{outline: none;}
img {border: 0;}

.folio_block {
	position: relative;
	/*left: 0%; top: 0%;*/
	/*margin: -140px 0 0 -395px;*/
	background-repeat:no-repeat;
	width:689px;
	height:328px;
	padding-top:0px;
	padding-left:13px;
	z-index:100 !important;
	
}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	z-index:99;
	/*border:9px solid #A8B2B6;
	-moz-border-radius: 15px; /* Firefox */
	/*-webkit-border-radius: 15px; /* Safari and Chrome */
	/*border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	
	/*behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	width:278px;
	height:307px;z-index:100 !important;
}
/*--Window/Masking Styles--*/
.window {
	height:328px;	width: 689px;
	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: relative;
	width: 230px; height:25px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	/*line-height: 40px;*/
	/*background: url(images/paging_bg2.png) no-repeat;*/
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	left:25px;
	top:-45px;
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color:#333;
	font-size:11px;
	background:#999;
	display:block;
	width:5px;
	float:left;
	margin-right:5px;
	height: 5px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.paging a.active {
	background: #c0933d; 
	color:#FFF;
}