@charset "utf-8";

/* CSS Document */

#container { width:980px; font-size:12px; margin-left:auto; margin-right:auto;}



a{

	text-transform:none;

	color:#333

}



.lof-slidecontent, .lof-slidecontent a {

	color:#FFF;	

}

.lof-slidecontent a.readmore{

	color:#58B1EA;

	font-size:95%;

	

}

.lof-slidecontent{

	position:relative;

	overflow:hidden;


}

.lof-slidecontent .preload{

	height:100%;

	width:100%;

	position:absolute;

	top:0;

	left:0;

	z-index:100000;

	text-align:center;

	

}

.lof-slidecontent .preload div{

	height:100%;

	width:100%;

	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;

}

.lof-main-outer{

	position:relative;

	height:100%;

	width:900px;

	z-index:3px;

	overflow:hidden;

}





/*******************************************************/

.lof-main-item-desc{

	z-index:100px;

	position:absolute;

	bottom:0px;

	left:0px;

	width:350px;

	/* background:url(../images/bg_trans.png); */

	height:80px;

	/* filter:0.7(opacity:60) */

	padding:10px;

}

.lof-main-item-desc p{

	margin:0 8px;

	padding:8px 0

}

.lof-main-item-desc h3{

	padding:0;

	margin:0

}

.lof-main-item-desc h2{

	padding:0;

	margin:15px 0 0 0px;

	color:#58B1EA;

}

.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

}

.lof-main-item-desc h3 a:hover{



	text-decoration:underline;

}

.lof-main-item-desc h3 i {

	font-size:70%;

}



/* main flash */

ul.lof-main-wapper{

	/* margin-right:auto; */

	overflow:hidden;

	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;

	padding:0px;

	margin:0;

	position:absolute;

	overflow:hidden;

}



ul.lof-main-wapper li{

	overflow:hidden;

	padding:0px;

	margin:0px;

	float:left;

	position:relative;

}

.lof-opacity  li{

	position:absolute;

	top:0;

	left:0;

	float:inherit;

}

ul.lof-main-wapper li img{

	padding:0px;	

}



/* item navigator */

.lof-navigator-wapper {

	position:absolute;

	bottom:10px;

	right:10px;

	background:url(../images/transparent_bg.png) repeat;

	padding:5px 0px;

}

.lof-navigator-outer{

	position:relative;

	z-index:100;

	height:180px;

	width:310px;

	overflow:hidden;

	color:#FFF;

	float:left

}

ul.lof-navigator{

	top:0;

	padding:0;

	margin:0;

	position:absolute;

	width:100%;

	left: 1px;

}

ul.lof-navigator li{

	cursor:hand; 

	cursor:pointer;

	list-style:none;

	padding:0;

	margin-left:0px;

	overflow:hidden;

	float:left;

	display:block;



	text-align:center;



}

ul.lof-navigator li img{

	border:#666 solid 3px;	

}

ul.lof-navigator li.active img, ul.lof-navigator li:hover img {

	border:#A8A8A8 solid 3px;

}

.lof-navigator-wapper .lof-next,  .lof-navigator-wapper .lof-previous{

	display:block;

	width:22px;

	height:30px;

	color:#FFF;

	cursor:pointer;



}

.lof-navigator-wapper .lof-next {

	float:left;	

	text-indent:-999px;

	margin-right:5px;

	background:url(../images/arrow-l.png) no-repeat right center;

}

.lof-navigator-wapper .lof-previous {

	float:left;	

	text-indent:-999px;

	margin-left:5px;

	background:url(../images/arrow-r.png) no-repeat left center;

}