@charset "UTF-8";
/* Slider CSS */


#center_it {
margin-top: 30px;
 }
 
 
/* Slideshow */
 
.folio_block {
 float: left;
 margin-top: 20px;
 margin-bottom:  -5px;
 }
 
.main_view {
 float: left;
 position: relative;
 }
 
.window {
 height:360px; width: 1000px;
 overflow: hidden; /*--Hides anything outside of the set width/height--*/
 position: relative;
 border: 1px solid #bebebe;
 /*box-shadow: 0px 1px 5px #686868;
 -moz-box-shadow: 0px 1px 5px #686868;
 -webkit-box-shadow: 0px 1px 5px #686868;
 border: 1px solid #d7d8d8;*/
 }
 
.image_reel {
 position: absolute;
 top: 0; left: 0;
 }
 
.image_reel img {float: left; width: 1000px; height: 360px; }
  
.paging {
 position: relative;
 bottom: 40px; left: 851px;
 width: 150px; height:39px;
 z-index: 98; /*--Assures the paging stays on the top layer--*/
 text-align: center;
 line-height: 40px;
 background: #4878b6;
 
 display: none; /*--Hidden by default, will be later shown with jQuery--*/
 
 
 
 
 /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
        
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
 
}

.paging:hover {

/* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=100);

        /* Older than Firefox 0.9 */
        -moz-opacity:1.0;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 1.0;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 1.0;
}
 
.paging a {
 padding: 5px;
 text-decoration: none;
 color: #fff;
 }
 
.paging a.active {
 font-weight: bold; 
 background: #28548c; 
 border: 1px solid #13345e;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
 }
 
.paging a:hover {font-weight: bold;}