/* CSS Document */

.folio_block {
	position: relative;
	left: 0%; top: 0%;
	margin:0px;
}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:290px;	width: 662px;
	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;}

.image_reel .image_reel_banner {
	width:662px;
	float:left;
	margin:0px;
	padding:0px;
	height:290px;
	background:url(../images/reel_one.jpg) no-repeat top left;
}
.image_reel .image_reel_banner2 {
	width:662px;
	float:left;
	margin:0px;
	padding:0px;
	height:290px;
	background:url(../images/reel_two.jpg) no-repeat top left;
}
.image_reel .image_reel_banner3 {
	width:662px;
	float:left;
	margin:0px;
	padding:0px;
	height:290px;
	background:url(../images/reel_seven.jpg) no-repeat top left;
}
.image_reel .image_reel_banner4 {
	width:662px;
	float:left;
	margin:0px;
	padding:0px;
	height:290px;
	background:url(../images/reel_four.jpg) no-repeat top left;
}
.image_reel .image_reel_banner5 {
	width:662px;
	float:left;
	margin:0px;
	padding:0px;
	height:290px;
	background:url(../images/reel_five.jpg) no-repeat top left;
}
.image_reel .image_reel_banner6 {
	width:662px;
	float:left;
	margin:0px;
	padding:0px;
	height:290px;
	background:url(../images/reel_three.jpg) no-repeat top left;
}
.image_reel .image_reel_banner7 {
	width:662px;
	float:left;
	margin:0px;
	padding:0px;
	height:290px;
	background:url(../images/reel_six.jpg) no-repeat top left;
}
.image_reel .image_reel_banner8 {
	width:662px;
	float:left;
	margin:0px;
	padding:0px;
	height:290px;
	background:url(../images/reel_eight.jpg) no-repeat top left;
}
.image_reel .image_reel_banner9 {
	width:662px;
	float:left;
	margin:0px;
	padding:0px;
	height:290px;
	background:url(../images/reel_ten.jpg) no-repeat top left;
}



.image_reel .image_reel_inner_sec {
	width:662px;
	float:left;
	margin:0px;
	padding:0px;
}
.image_reel_inner_sec .innermain {
	width:398px;
	float:right;
	margin:0px 0px;
	padding:0px 10px 0px 0px;
}
.innermain h1 {
	margin:0px 0px;
	padding:10px 0px 5px 0px;
    font-family: Verdana, Arial,"Helvetica Condensed";
	font-weight:bold;
    font-size: 20px ;
	color:#fff;

}
.innermain h1 a {
	margin:0px 0px;
	padding:0px;
    font-family: Verdana, Arial,"Helvetica Condensed";
	font-weight:bold;
    font-size: 20px ;
	color:#fff;
	text-decoration:none;
	outline:none;
}
.innermain p {
	margin:0px 0px;
	padding:0px 0px 10px 0px;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:14px;
}
.image_reel_inner_sec .learnmore {
	width:135px;
	float:right;
	margin:0px 10px 0px 0px;
	padding:0px 0px;
	height:75px;
	background:url(../images/learnmore_bg.png)
}
.learnmore a {
	padding:0px;
	margin:21px 0px 0px 48px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	outline:none;
	float:left;
	text-transform:uppercase;
}
.learnmore a:hover {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:underline;
}



.image_reel .image_reel_inner_sec2 {
	width:662px;
	float:left;
	margin:0px;
	padding:0px;
	height:290px;
	background:url(../images/reel_two.jpg) no-repeat top left;
}
.image_reel_inner_sec2 .innermain {
	width:398px;
	float:right;
	margin:0px 0px;
	padding:0px 10px 0px 0px;
}
.innermain h1 {
	margin:0px 0px;
	padding:10px 0px 5px 0px;
	font:bold 32px "Helvetica Condensed";
	color:#fff;
	letter-spacing:1px;
}
.innermain p {
	margin:0px 0px;
	padding:0px 0px 10px 0px;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:14px;
}
.image_reel_inner_sec2 .learnmore {
	width:135px;
	float:right;
	margin:0px 10px 0px 0px;
	padding:0px 0px;
	height:75px;
	background:url(../images/learnmore_bg.png)
}
.learnmore a {
	padding:0px;
	margin:21px 0px 0px 48px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	outline:none;
	float:left;
	text-transform:uppercase;
}
.learnmore a:hover {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:underline;
}





/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 265px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 20px;
	top:230px;
	background: url(images/paging_bg2.png) no-repeat;
	padding:29px 0px 0px 0px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	
}

.paging a {
	padding: 4px 5px;
	text-decoration: none;
	color: #000;
	background:#5BE909;
	font-weight: bold;
	border:#459019 solid 1px;
	margin-right:2px;
	outline:none;
}
.paging a.active {
	font-weight: bold; 
	background: #9EDCFB; 
	border:none;
	color:#000000;
	border:#0772A7 solid 1px;
}
.paging a:hover {font-weight: bold; padding: 4px 5px;}