@charset "UTF-8";

*{outline: none;}
img {border: 0;}
.FeatureContainer {	width: 960px; padding: 0; margin: 0 auto; }
.folio_block { display: block; position: relative; margin: 0; }

/*--Main FeatureContainer--*/
.main_view { float: left; position: relative; margin-bottom: 30px; }
/*--Window/Masking Styles--*/
.window { height:450px;	width: 956px; overflow: hidden; position: relative; } /*--Hides anything outside of the set width/height--*/
.image_reel { position: absolute; top: 2; left: 2; }
.image_reel img {float: left;}

/*--Paging Styles--*/
.featureNavWrap { position: absolute; bottom: 0; right: 0;width: 960px; height: 40px; display: block; background:url(../images/web/HomeSlideNav/HomeSlidesNavBG.png); }
.paging { position: absolute; bottom: 0; right: 10px; width: 178px; height:40px; z-index: 100; text-align: right; line-height: 40px; background: url(paging_bg2.png) no-repeat; display: none; }/*--Assures the paging stays on the top layer, Hidden by default, will be later shown with jQuery--*/

.paging a {	text-decoration: none; color: #fff; display: inline-block; width: 18px; height: 30px; background:url(../images/web/HomeSlideNav/HomeSlidesCircles.png) 0 0 no-repeat; }
.paging a:hover {background-position: 0 -40px; }
.paging a.active { background-position: 0 -80px; }
#NextBack { width: 70px; height: 40px; display: block; float: left; margin-left: 4px; }
	.next, .back { float: left; width: 35px; height: 40px; display: inline-block; background:url(../images/web/HomeSlideNav/HomeSlidesNextBack.png) no-repeat; overflow: hidden; text-indent: -2000px; }
	.back { background-position: 0 0; }
	.back:hover { background-position: 0 -40px; }
	.next { background-position: -35px 0; }
	.next:hover { background-position: -35px -40px; }
	
#FeatureTitle { display: block; width: 500px; position: relative; left: 90px; top: 0; }
#FeatureTitle .active { display: block; }
.feature_title { display: none; position: absolute; width: 500px; top: 0; left: 0; }
.feature_title b { float: left; display: block; font-size: 12px; font-weight: bold; color: #ccc; position: relative; top: 11px; left: 0; }
.feature_title .btn-view-work { position: relative; top: 7px; left: 10px; display: inline-block; width: 100px; height: 30px; background:url(../images/web/HomeSlideNav/HomeSlides_ViewWork.png) 0 0 no-repeat; overflow: hidden; text-indent: -200px; }
.feature_title .btn-view-work:hover { background-position: 0 -32px; }