/*
    $ http://www.jquery-plugins.hu $
*/ 

#example1.lof-slidecontent, #example1.lof-slidecontent a { left: 54px; color:#e2e2e2; }
#example1.lof-slidecontent a.readmore { color:#58B1EA; font-size:95%; }
#example1.lof-slidecontent { position:relative;  border:#e2e2e2 solid 1px; }
#example1.lof-slidecontent .preload { height:100%; width:100%; position:absolute; top:0; left:0; z-index:100; text-align:center; background:#FFF }
#example1.lof-slidecontent .preload div { height:100%; width:100%; background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%; }
#example1 .lof-main-outer { position:relative; height:100%; width:900px; z-index:3px; overflow:hidden; }
#example1 .lof-main-item-desc { z-index:1px; position:absolute; bottom:50px; left:0px; width:350px; background:url(../images/bg_trans.png); height:100px; padding:10px; }
#example1 .lof-main-item-desc p { margin:0 8px; padding:8px 0; }
#example1 .lof-main-item-desc h3 { padding:0; margin:0 }
#example1 .lof-main-item-desc h2 { padding:0; margin:15px 0 0 0px; }
#example1 .lof-main-item-desc h3 a { margin:0; background:#C01F25; font-size:75%; padding:2px 3px; font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif; text-transform:uppercase; text-decoration:none; }
#example1 .lof-main-item-desc h3 a:hover { text-decoration:underline; }
#example1 .lof-main-item-desc h3 i { font-size:70%; }
#example1 ul.lof-main-wapper { overflow:hidden; background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%; padding:0px; margin:0; position:absolute; overflow:hidden; }
#example1 ul.lof-main-wapper li { overflow:hidden; padding:0px; margin:0px; float:left; position:relative; }
#example1 .lof-opacity  li { position:absolute; top:0; left:0; float:inherit; }
#example1 ul.lof-main-wapper li img { padding:0px; }

#example1 .lof-navigator-wapper { position:absolute; top:-1px; left:-121px; background:url(../images/transparent_bg.png) repeat; margin:0px 15px 0 0; }
.right { position:absolute; top:0px; left:730px; }
#example1 .lof-navigator-outer { position:absolute; z-index:1; height:30px; width:20px; color:#FFF; }

#example1 ul.lof-navigator { top:0; padding:0; margin:0; position:absolute; width:100%; }
#example1 ul.lof-navigator li { cursor:hand; cursor:pointer; list-style:none; padding:0; margin-bottom:29px; display:block; text-align:center; }
#example1 ul.lof-navigator li .right { cursor:hand; cursor:pointer; list-style:none; padding:0; margin-bottom:29px; display:block; text-align:center; }
#example1 ul.lof-navigator li img { border:#e2e2e2 solid 1px; }
#example1 ul.lof-navigator li.active img, ul.lof-navigator li:hover img { border:#e2e2e2 solid 1px; }

#example1 .lof-navigator-wapper .lof-next,  .lof-navigator-wapper .lof-previous { display:block; width:22px; height:30px; color:#FFF; cursor:pointer; }
#example1 .lof-navigator-wapper .lof-next { float:left; text-indent:-999px; margin-right:5px; background:url(../images/arrow-l.png) no-repeat right center; }
#example1 .lof-navigator-wapper .lof-previous { float:left; text-indent:-999px; margin-left:5px; background:url(../images/arrow-r.png) no-repeat left center; }
#example1 .lof-main-wapper h2 { color: #fff; font: normal bold 18px/24px arial, verdana; border: none; }